html, body, ol, ul, li, dl, dt, dd, img {margin: 0; padding: 0; border: 0; list-style: none;}

body {
  padding: 0 443px; /*340 the critical side padding that sets the natural min-width! */ 
	background:#FFFEFD; /*#FFFF99; this BG tiles the area outside the columns */
	color:#00505B;/*76003F 820rgb(255, 255, 204);rgb(255, 255, 204);#822118*/
  font-family: verdana, sans-serif; /*papyrus, */
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /*60% this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 120px;
}

/* note to self, if you change the expander, make the corresponding change to the #left, or you will have shifted the menu */
#expander_i { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -406px; /* -410px -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_i { margin: 0 -440px; marg\in: 0 -430px; min-width: 100%; min-w\idth: 670px;}
#expander_spon { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -406px; /*-415 -410px -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_spon { margin: 0 -440px; marg\in: 0 -430px; min-width: 670px; min-w\idth: 670px;}
#expander_v { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -415px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_v { margin: 0 -445px; marg\in: 0 -429px; min-width: 670px; min-w\idth: 670px;}
#expander_dex { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -420px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
}
* html #expander_dex { margin: 0 -450px; marg\in: 0 -430px; min-w\idth: 670px;}/*min-width: 100%;  670 520 405 430*/
#expander_av { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -415px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -420px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 

/*\*/
* html #expander {height: 0; margin: 0 -440px; marg\in: 0 -430px; } 
/* #expander must have "height: 0" in IEwin bug fixing  margin: 0 -430px;*/

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#wrapper1 { position: relative; font-size: .8em; /* set global font-size here */ } /*2DA6CE this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper1_dex { position: relative; font-size: .8em; /* set global font-size here */ } /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 { position: relative; /* extra insurance against bugs in IEwin */ }

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {
 /*** Critical left divider dimension value ***/
 /*** Critical right divider dimension value ***/
  margin-left: 156px;    /***160 Critical left col width value ***/
  margin-right: 365px;    /***336 345 Critical right col width value 380 ***/
}

.outer_spon {
 /*** Critical left divider dimension value ***/
 /*** Critical right divider dimension value ***/
  margin-left: 156px;    /*** Critical left col width value ***/
  margin-right: 50px;    /*** Critical right col width value 380 ***/
}

.float-wrap { float: left; width: 100%; }

.center { float: right; width: 100%; }
* html .center {height:1%;}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -173px;    /***-158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/
.left_s {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -187px;    /***-178 -158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_s { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/
.left_dex {
  float: left;
  position: relative; /* Needed for IE/win */
    /*** width: 100px;  156 Critical left col width value ***/
  margin-left: -173px;    /***179-178-169 -188Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_dex { margin-left:-185px; marg\in-left:-173px;}/*197 176 197 166*/
.left_wa {
  float: left;
  position: relative; /* Needed for IE/win */
  margin-left: -186px;    /***179-178-169 -188Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_wa { margin-left:-197px; marg\in-left:-172px;}/*173 176 197 166*/
.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 330px;    /*** 330 Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** Critical right divider dimension value ***/
}
.right_i {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:380px;    /*** 340px Critical right col width value ***/
  margin-right: -390px;    /***-450 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** 10 Critical right divider dimension value ***/
}
* html .right_i{margin-right:-400px; marg\in-right:-390px;}
.right_v {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:420px;    /*** Critical right col width value ***/
  margin-right: -430px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 10px;   /*** Critical right divider dimension value ***/
}
.right_dex {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:330px;    /*** 360 Critical right col width value ***/
  margin-right: -333px;    /***380 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: -20px;   /*** 15 !!! set to 30 in jo Critical right divider dimension value ***/
}
* html .right_dex {margin-right:-430px; margin-left:0px; width:333px; w\idth:360px; marg\in-right:-420px; marg\in-left:-20px; }/*490 400-690-420 360*/

.right_w {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 0px;    /*** Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 5px;   /*** Critical right divider dimension value ***/
}
.right_darde {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 181px;    /*** Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 5px;   /*** Critical right divider dimension value ***/
}
.centerbox { position: relative; font-weight: normal; text-align: justify; overflow: visible; width:100%; }/* 100%!!! pos rel is new*/
* html .centerbox {height:1%; width:380px; w\idth:100%;}

.centerbox_dex { position: relative; font-weight: normal; text-align: justify; overflow: visible; width:100%; }/*410px*/
* html .centerbox_dex {height:1%; width:410px; w\idth:100%; margin-top:3em; marg\in-top:0em; margin-left1em;}

.sponsorbox { position: relative; font-weight:normal; text-align:justify; overflow:visible; width:800px;/*100%*/}
* html .sponsorbox {height:1%; width:800px; w\idth:800px;}

.container-left {}
.container-right {padding-bottom: 8px; padding-left:0px; } /*80 makes room for the froggy color: #820; */

/*************** Header and Footer elements *****************/
/*
.header {
  width: 100%;
  color: #b33;
  padding: 5px 0;/*5px 0*/
  /*background: url(../images/jello1.gif) no-repeat 50px 7px;*/
}*/ /* "jello" BG is made to be in fixed position here */

/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {color: #373;} 

.footer { width:95%; font-size:0.8em; font-weight:bold; clear:both; padding:5px 0 15px 0; position:absolute; top:670px; border-top: 3px solid #00505B}
.footer p {margin: 10px 0 0 20px; color: #383;}
.footer hr { color: #944; margin:0; background: #944; height: 5px; }

.froggy { position: absolute; top: -65px; right: -10px; }

/************** Spacing Controls for various column contents ***************/

.outer ul { text-align: center; margin: 0;/*10px 0*/ }

.textpadder {padding: 8px;}  /* !!! this is starred out in jo */

/************** Generic Rules *************/
a:link, a:visited, a:focus, a:hover, a:active {height:1%; text-decoration:underline; color:#00505B; }/*76003F rgb(255, 255, 204)*/
a.textpadder:link, a.textpadder:visited, a.textpadder:focus, a.textpadder:hover, a.textpadder:active
{height:1%; text-decoration:underline; color:rgb(255, 255, 204); }/* a {color:  vertical-align: bottom;} */
a.dblue:link, a.dblue:visited, a.dblue:focus, a.dblue:hover, a.dblue:active {color:#00f;} /*#2DA6CE*/
p  {margin: .8em 0;}

h1 {font-size:2em;}
h2 {font-size: 1.8em; text-align:left;}
h3 {margin: 0 1em 0 .3em;} /* h3 {margin: 1em 0 .3em;} */
.quisommesnous {font-size:1.3em; margin-top:-1em;}
.alignright {margin: 0 10px 10px 0; text-align: right;}
.tm {margin-top:1em;}
.small {font-size: .8em;}
.textleft {text-align:left;}

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */

#wrapper1,
#wrapper2,
.outer a, 
.container-left, 
.container-right,
.outer,
h2,
.sidenav li a 
{min-height: 1%;}
/* gives layout for IE7 */

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */

/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

.brclear { /* Use a break with this class to clear float containers */
  clear:both; height:0; margin:0; font-size: 1px; line-height: 0;
}

.clicker { display: block; text-align: center; padding: 3px; background: #833; cursor: pointer; }
.hide {display: none;}

/* jim's additions */
.blue {color:blue;}
.dblue{#00F;}
.r { color:#CC3300 ;}/*#E40079 #ffcc66;#555;*/
.fl { float:left; }
.fr { float:right; }
.vat {vertical-align:100%;}
.centre {margin: 0 100px;}
.tm1 {margin-top:-1em;}
.tmx {margin-top:1em;}
.lmx {margin-left:-5px;}
.lm1 {margin-left: 1em;}
.lm2 {margin-left: 2em;}
* html .lm2 {height:1%;}
.lm4 {margin-left: 4em;}
* html .lm4 {height:1%;}
.lm6 {margin-left: 6em;}
* html .lm6 {height:1%;}
.jb { height:1%; font-size:1.3em; font-weight:bolder;}
.jb1 { font-size:1.0em; font-weight:bold;}
.b {font-weight:bold;}
.i {font-style:italic;}
.sp2 {float:left; display:inline; text-align:left; width:22em; height:1%; margin:0.8em 0.5em 0 0;} /*height:1.5em;*/
.sp2a {float:left; display:inline; text-align:left; width:22em; height:1%; margin:-0.5em 0.5em 0 0;} /*height:1.5em;*/
.cb {clear:both; margin-top:-0.5em;}
.cl {clear:left;}
.cr {clear:right;}
.sppic {margin-right:0.5em; border: 1px solid #000;}
.small {font-size:0.8em;}
.small2 {font-size:0.9em;}
* html a {height:1%; margin-bottom:-3px; marg\in-bottom:0;}
.box {border: 3px solid #E40079; padding:4px; font-size:.8em;}/*color:#ffcc66;*/
#menu{ float:left; font-size:100.01%; font-weight:bold; }
* html #menu {height:1%; he\ight:1%;}
#menu ul{ list-style:none; }
#menu li a{ position:relative; display:block; text-decoration:none; text-align:left; width:140px; padding:0.5em; border-bottom:0.2em ridge #fff; }/*height:1.2em; */
#menu li a.bottom {border-style:none;}
* html #menu li a{ height:1.4em; he\ight:1%; width:156px; w\idth:150px; marg\in-bottom:0; }/*136*/
#menu li a:hover{ background-color:#ececec; }
* html #menu li a:hover{ height:1%; he\ight:1%; }
a.sitelink:link, a.sitelink:visited, a.sitelink:focus, a.sitelink:hover, a.sitelink:active{color:#fff;}	
.linkpos{position:absolute;top:20px;left:-2000px;font-size:2px;}		
.linkposa{ position:absolute; top:100px; left:-2000px; font-size:2px; } 		
.linkposb{ position:absolute; top:200px; left:-2000px; font-size:2px; } 		
.linkposd{ position:absolute; top:300px; left:-2000px; font-size:2px; }
.border{border: 1px solid #000;}		
#pictures { margin: 0 0 0 0px;}
.picbox {float:left; text-align:center; vertical-align:bottom; padding:0; margin:5px 5px 12px 5px; height:175px; width:120px;}
* html .picbox {height:197px; width:120px; margin:-2px 5px 0 5px;}
.vilbox {float:left; text-align:center; vertical-align:bottom; padding:0; margin:5px 5px 12px 5px; height:120px; width:150px;}
* html .vilbox {height:135px; width:160px;}
.text_blk {position:relative; margin:0 0 -20px 10px; color:#800000;}
.itin_pic1 {position:relative; margin:0 -500px 0 0;}
.narrow{width:400px;}
#acceuil {margin:-15px 0 0 -20px; border: 0.3em ridge #fff; width:381px;}
* html #acceuil {margin:-15px 0 0 0; border: 0.2em ridge #fff; width:381px;}
.clic {/*color:#820;*/ margin:-12px 0 5px 0;}
.hr {height:2px; width:100%; }
#artistes li{ position:relative; display:block; list-style-type:disc; text-align;left; }
.coverpic {position:relative; top:-23px;}
.cover1 { position:relative; top:-143px; left:210px; font-size:1.2em; font-weight:bold;}
.cover2 {font-size:1.6em;}
.cover3 { position:relative; top:-125px; left:230px; color:#fff; font-size:1.2em; font-weight:bold;}
.cover4 { position:relative; top:-120px; left:210px; color:#fff; font-size:1.2em; font-weight:bold;}
.cover5 { position:relative; top:-100px; left:10px; font-size:1.0em; font-weight:bold;}
.debug {border:0.2em solid #000;}