/*
Color codes used:

light green: #D6EFB5;
brownish: #996;
bluish-purple: #60c;
pink: #f36;
nice pinkish: #C36
*/

/* Global Styles */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

.clearit{
clear: both;
}

body {
	max-width: 800px;
	margin: auto;
	text-align: center;
	background-color: #996;
	color: #030;
	font-family: "Comic Sans MS", "trebuchet MS", "Times New Roman";
	font-size: 13px;
}

p{
	padding: 5px 0;
	font-size: 13px;
	color: #030;
}
a {
	color: #900/*#CC3300 */ ;
	text-decoration: none;
	}
	
a:hover {
	color: #c00;
	font-weight: bold;
	}
ul li{
	font-size: 14px;
	list-style: disc;
}
hr {
 	border-bottom: 1px thin #939;
	width: 50%;
}
h1 {
	color: #333;
	font-size: 130%;
}

h2 {
	color: #669;
	font-size: 125%;
}

h3 {
	color: #939;
	font-size: 120%;
}

h4 { 
	font: italic normal 100% georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
h5 {
	font-size: 95%;
}
h6 {
	color: #336;
	font-size: 90%;
}

/* ID Styles */
#wrapper {
min-width: 790px;
margin: 10px;
border: 1px solid #996;
text-align: left;
}
#holder{
border-top: 2px solid #5A7539;
background-color: #60c;
}
#banner {
height: 160px;
background-image: url("images/logo.gif");
background-image: url("../images/mimosa/logo.gif");
background-repeat: no-repeat;
text-align: center;
}

#banner h1 {
font-family: "Comic Sans MS", "trebuchet MS", "Times New Roman";
margin-left: 300px;
text-align: center;
font-size: 22px;
font-variant: small-caps;
color: #f36;
padding: 10px 0;
}

#banner p { 
font-family: "Comic Sans MS", "trebuchet MS", "Times New Roman";
margin-left: 300px;
padding: 20px 0;
text-align: center;
font-variant: normal;
font-style: normal;
font-size: 12px;
color: #900;
font-stretch: expanded;
}

#banner h2 {
color: #60c;
}

#banner h3 {
color: #60c;
}
.bach {
clear: both;
margin-left: 0;
margin-right: 300px;
width: 300px;
color: #60c;
text-align: center;
font-size: 120%;
}
/*
#navigation {
display: inline;
line-height: inherit;
background-color: #60c;
width: 100%;
}

#navigation ul{
padding: 0;
margin: 0;
background-color: #60c;
line-height: 1.66;
}

#navigation ul li{
display: inline;
padding: 0;
margin: 0;
background-color: #60c;
}

#navigation ul li a{
font-size: 90%;
color: #FFF;
background-color: #60c;
text-decoration: none;
border-right: 1px solid #f36;
text-align: center;
padding: 0 16px;
width: 9em;
} 

#navigation ul li a:hover, #navigation ul li a:focus{
background-color: #f36;
border-right: 1px solid #60c;
}
*/


/************* new navigation *******************************/
.snazzy {background:transparent; width: auto;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #f36;/*#fff;*/ border-right:1px solid #f36;/*#fff;*/}
.b1 {margin:0 5px; background:#f36;/*#fff;*/}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #f36;/*#fff;*/; border-right:1px solid #f36;/*#fff;*/}

.active {padding-top:10px; background:#f36; cursor:default;}


#navigation {clear:both; background:transparent; margin:0 auto; height:4em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:6.5em;}
a.menu2:hover {background:transparent; cursor:pointer; border-color: #60c;}
a.menu2:hover .boxcontent {padding-bottom:0.8em; background:#f36; border-color: #60c;}
a.menu2:hover .pad {height:0.2em; background:#60c; border-color: #60c;}


/***********************************/
#padding {
	padding: 20px 5px 20px 5px;
}

#content{
	width: auto;
	padding-top: 3px;
	background-color: #D6EFB5;
/*	background-image: url(/images/mimosa_pudica.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;*/
	border-top: 2px solid #5A7539;
	min-height: 100%;
}

#leftcol{
	float: left;
	width: 150px;
	max-width: 150px;
/*	background-color: #fc6;*/
	min-height: 100%;

}
#leftcol img{
	padding: 5px;
}

#rightcol{
	float: right;
	width: 200px;
	max-width: 200px;
	font-family: "trebuchet MS", "Times New Roman";
	font-style: normal;
	background-color: #CCC;
	color: #f36;
	padding: 0 5px;
		min-height: 100%;

}

#weekdays th {
	font: 10px "Comic Sans MS";
	color: #f36;
	letter-spacing: .2em;
	}

#calheader td {
	font-weight: bold;
	}
#footer{
	width: 100%;
	border-top: 2px solid #5A7539;
}

#quickSummary {
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

#linkList {
	right: 0px;
	bottom: -10px;
	vertical-align: bottom;
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	list-style-type: none;
/*	line-height: 2.5ex; 
	background: transparent url(cr1.gif) no-repeat top center; */
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	font-size: small;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}
/* Class Styles */

.date{
	text-align: right;
/*	background-color: #60c;*/
	font-weight: bolder;
	color: #f36;
	vertical-align: absmiddle;
}

.logo {
	font: 18px "Comic Sans MS";
	color: #330;
	letter-spacing: .4em;
	font-weight: bold;
	}

.smaller{
	font-size: smaller;
}

.smallerr{
	font-size: x-small;
}

.smallest{
	font-size: xx-small;
}

.wrap_left{
	float: left;
	width: 45%;
}
.wrap_right {
	float: right;
	width: 45%;
}
.maintain{
	color: #f36;
	text-align: right;
}

.indent {
	margin-left: 15px;
}
.indent25 {
	margin-left: 25px;
}

.space{
	background-color: #D5EDB3;
}

.sidebarText {
	padding-top: 3px;
	font: 12px georgia;
	color: #366;
	line-height: 18px;
/*	background-color: #fc6;*/
	}
	
.bodyText {
	padding-top: 3px;
	font: 11px "Comic Sans MS";
	margin-left: 175px;
	line-height: 24px;
	color: #333;
	}
.mois {
	font: 11px "Comic Sans MS";
	font-variant: small-caps;
	line-height: 24px;
	color: #333;
	background-color: #D5EDB3;
	}
.pageName {
	font: 20px "trebuchet MS";
	color: #60c;
	letter-spacing: .1em;
	line-height: 26px;
	}
	
.subHeader {
	font: 14px "trebuchet MS";
	color: #699;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: .1em;
	}
	
.navText {
	font: 10px "Comic Sans MS";
	color: #330;
	letter-spacing: .1em;
	}
	
.calendarText {
	font: 11px "Comic Sans MS";
	line-height: 14px;
	color: #333;
	}
.left {
	float: left;
	width: auto;
}

.right {
	float: right;
	padding: 1%;
}
.right50 {
	float: right;
	width: 50%;
	padding: 1%;
}

.small{
	font-size: 80%;
}
.center, .center img{
	text-align: center;
}

.quote {
	font-style: italic;
}
.wrap {
	border: 2px solid #D6EFB5;
	padding: 1%;
}
.wrap ul {
	list-style: none;
}
.wrap li {
	list-style: none;
}

.signature {
	font-family: Script, "ZapfCalligr BT", "Script12 BT";
	font-style: italic;
	font-size: medium;
	color: #633 ;
}
.ehp_wrap{
	border: 1px solid;
}

/**************   CSS Table-like Layout Test **************/
/*
    For the table to display properly across browsers please ensure the following:
        (leftcol width) + (midcol width) + (rightcol width) + (cellpad width) <= 99 %
    And ideally:
        (cellpad width) should be equal to:   100 - (leftcol width + midcol width + rightcol width)
*/

/* Container for the table-like CSS layout (width of table can be adjusted here) */
div.livres { 
	width: 99%;
	padding: 0px; 
	margin: 0px;
	color: #030;
	font-size: 12px;
	text-align: center;
}

/* left column cell */
div.leftside {
  width: 30%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 14px; 
}

/* middle column cell */
div.middle {
  width: 62%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/* details column cell */
div.details {
  width: 67%;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}

/* right column cell */
div.rightside {
  width: 18%;
  float: right;
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* formatting for the first style of row in the table */
div.row {
	border-bottom: 1px dotted black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

div.row img {
	border: 0px;
/*	border-bottom: 1px dotted black;*/
	text-align: center;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
}

/* formatting for the 2nd style of row in the table */
div.row2 {
	border-bottom: 1px dotted black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #FFC; /* #F4F4F4;*/
}

/* formatting for the header row in the table */
div.rowhdr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #CCC;
}
/* formatting for the header row in the table */
div.rowtpr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
	max-height: 1px;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
	background: #CCC;
}

/* This spacer causes the container div (timeline) to expand around the floated divs, which is not the default behaviour.
   This should be placed at the beginning and end of each row, inside the row tag.
*/
div.spacer {
  clear: both;
  line-height: 1px; 
  height: 1px;
}

/* This div should be placed between the leftcol and midcol div's */
div.cellpad {
  float: left;
  width: 4%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* Misc formatting */

.colhdr { font-style: italic; font-weight: bold; }