/* CSS Document */

/*////////////////STYLE FOR SPLASH PAGE ///////////////////*/

#splash_container{
 position:relative;
  left:15%;
  margin:0;
  overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:782px;
}
#splash_container .splash_title{}
#splash_line{
background-color:#eae7cb;
height:8px;
}
#splash_bottom{
width:782;
height:150px;
background-color:#d5ce97;
}
#splash_bottom a.splash_e{
display:block;
margin:5px 35px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../base_images/splash_en.gif);
background-repeat:no-repeat;
width:78px; 
height:17px;
}
#splash_bottom a.splash_e:hover{
background-image:url(../base_images/splash_en_hover.gif);
}

#splash_bottom a.splash_f{
display:block;
margin:5px 0px 0px 35px;
padding:0px 0px 0px 0px;
background-image:url(../base_images/splash_fr.gif);
width:78px; 
height:17px;
}
#splash_bottom a.splash_f:hover{
background-image:url(../base_images/splash_fr_hover.gif);
}





/*///////////////////////////////////////////////////////*/

/*////////////////STYLE FOR ALL CONTENT on WEBSITE all Other divs are contained IN it ///////////////////*/
#container{
	margin:0px;
	padding:0px;
	width:759px;
}
/*///////////////////////////////////////////////////////*/

/*////////////////////////Styles for the functions (text size/ Print)///////////////////////////////*/
#functions {
  position:absolute;
  width:400px;
	top:178px !important;
  top:195px;
  left:250px;
}
#functions ul{
  display:inline;
  list-style-type:none;
   margin:0 0 0 0;
  white-space: nowrap;
}
#functions li {
 color:#FFFFFF;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .75em;
 list-style-type: none;
 display: inline;
 white-space: nowrap;
 margin:0 15px 0 0;
}
#increase {
  display:block;
  background:url(../base_images/pls.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
  top:10px;
  left:230px;
}
#decrease {
  display:block;
  background:url(../base_images/mns.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
	top:10px;
  left:320px;
}
#print{
  display:block;
  background:url(../base_images/prnt.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
	top:10px;
  left:415px;
}



#increasef {
  display:block;
  background:url(../base_images/pls.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: 0.9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
  top:10px;
  left:185px;
}
#decreasef {
  display:block;
  background:url(../base_images/mns.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
	top:10px;
  left:300px;
}
#printf{
  display:block;
  background:url(../base_images/prnt.jpg) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color:#FFFFFF;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:19px !important;
	top:10px;
  left:415px;
}


/*///////////////////////////////////////////////////////*/

/*////////////////////////THIS IS THE STYLE FOR THE HEADER///////////////////////////////*/
#header{
	/*background-image:
	background:url(../images_e/header2.jpg);*/
	height:185px;
	width:759px;
	padding:0px;
	margin:0px;
	}
/*///////////////////////////////////////////////////////*/

/*////////////////////////ENGLISH / FRENCH & HAVE TOP NAVAGATION///////////////////////////////*/
#topNav {
  height: 30px;
  width:759px;
  top:10px;
  position: absolute;
  text-align:right;
  float:right;
}
#topNav ul{
  display:inline;
  list-style-type:none;
  margin:0 0 0 0;
  white-space: nowrap;
}
#topNav li {
 color: #aba46e;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 list-style-type: none;
 display: inline;
 white-space: nowrap;
 margin:0 0 0 25px;
}
#topNav a, #topNav a:visited, #topNav a:link{
  color: #9e9867;
  font-size: 12px;
  text-decoration:none;
}
#topNav a:hover{
  color: #32735b;
}
/*///////////////////////////////////////////////////////*/

/*////////////////////////STYLE for the TITLE of Each sectition////////////////////////////*/

#title{
display:block;
	background-color:#c80066;
	font-family:Arial, Helvetica, sans-serif;
	height:30px;
	width:759px;
	color:#fed301;
	font-weight:bold;
}
#title.twolines{
display:block;
	background-color:#c80066;
	font-family:Arial, Helvetica, sans-serif;
	height:55px;
	width:759px;
	color:#fed301;
	font-weight:bold;
}

#title p{
	padding-top:5px;
	position:absolute;
	top:176px !important;
	top:200px;
	left:200px;
}

/*///////////////////////Style for background/border purposes//////////////////////////*/

#content_container{
	background:#f9f4d8 url(../base_images/content_bg.gif) 0 0!important;
	background:#f9f4d8 url(../base_images/content_bg.gif) 1px 0;
	border-left:#66947b 1px solid;
	border-right:#66947b 1px solid;
}

/*////////////////////////SECTION NAVAGATION STYLE///////////////////////////////*/

#sideNav {
width:150px;
  display:inline;
  background-color:#f9f4d8;
	margin:0px 0px 0px 0px;
  padding-top: 10px; 
  float:left;
}
#sideNav ul  {
line-height: .75em !important;
  line-height: 1.1em;
  list-style-type:none;
  margin:0px 0px 0px 0px;
  padding: 1px 0px 0px 20px;
}
#sideNav li  {
  margin:0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}
#sideNav a, #sideNav a:visited {
  display:inline;
  font-family:arial,verdana,sans-serif;
  font-size: .76em;
  color: #9e9867;
  text-decoration:none;
  padding:0px 0px 0px 0px;
  font-weight:bold;
}
#sideNav a:hover, #sideNav a.sideNav-selected, #sideNav a.sideNav-selected:visited,#sideNav a.selected, #sideNav a.selected:hover{
  color: #32735b; 
}
#sideNavpic{
margin:6px 0px 0px 15px;
/*padding:0px 0px 0px 10px;*/
font-size: .66em;
color: #9e9867;

}
#sideNavpic span{
padding: 0px 0px 0px 6px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#sideNav img.logo{
display:block;
margin:0 0 0 40px;
}

/*/////////////////////THis is the style for the secondary navagaion menue//////////////////////////*/

#interiorNav{
font-weight:bolder;
  font-size:.87em;
	line-height:.91em;}

#interiorNav ul.subLink{
width:120px;
	color:#32735b;
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#interiorNav li.subLink{
list-style:url(../base_images/dot.gif) !important;
list-style-image:none;
list-style-type:disc;
	margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
	color:#32735b;
}
#interiorNav a.subLink, #interiorNav a.subLink:visited{
	text-decoration:none;
	color:#32735b;
  font-weight:bold;
}
#interiorNav a.subLink:hover,#interiorNav a.subLink-selected, #interiorNav a.subLink-selected:visited{
	text-decoration:underline;
	color:#32735b;
	font-weight:bold;
}
/*///////////////////////////////////////////////////////*/

/*///////////////////////////////These are the Styles for the Content area////////////////////////////////*/
#content{
font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	display:block;
	width:520px;
	position:relative;	
	height:auto !important;
	height:550px;
	min-height:550px;
	border:none;
	margin:0px 0px 0px 177px !important;
	margin:0px 0px 0px 174px;
	padding:10px 45px 0px 15px;
	overflow:visible;
}
.contentpictop{
float:right;
padding:0px 0px 3px 3px;
margin:-10px -49px 0px 0px;
}
.contentpic{
float:right;
padding:8px 3px 8px 15px;
margin:0px -49px 0px 0px;
}


/*#content li.interior_li{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
font-size:.85em !important;
font-size:.97em;
list-style-type:none;
color:#000000;
}
#content img{
	float:right;
	padding:3px 0px 0px 0px;
	margin:0px -45px 0px 0px;
	}
#content blockquote{
border:#FFFFFF 1px solid;
margin:0px 0px 0px 0px;
padding:20px 40px 20px 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:.90em;
}	*/

#content blockquote{
width:420px;
margin:0px 0px 0px 0px;
padding:10px 40px 10px 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;}

#content em{
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:.95em;
}

#content p, #content td{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;}

#content h2{
margin:10px 0px 2px 0px;
padding:2px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#32735b;
}
#content h3{
margin:10px 0px 2px 0px;
padding:2px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#32735b;
}
#content ol{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 8px;
padding:1px 0px 1px 25px;
color:#32735b;
}
#content ol li{
padding:0px 0px 0px 5px;
}
#content ul{
list-style:url(../base_images/dot.gif) !important;
list-style:url(../base_images/edot.gif);
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 5px;
padding:1px 0px 1px 15px;
color:#32735b;

}
#content ul li, #content ol li{
list-style-position:outside;
margin:0px 0px 0px 0px;
padding:4px 1px 4px 0px !important;
padding:4px 1px 4px 0px;
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
#content ul ul li {
list-style:url(../base_images/dot2.gif);
margin:0px 0px 0px 0px;
padding:4px 0px 4px 0px;
font-size:.95em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
#content a{
text-decoration:underline;
 
font-family:Arial, Helvetica, sans-serif;
color:#32735b;}
#content a:hover{
text-decoration:none;
}

/*///////////////////////////////////////////////////////*/

/*//////////////////////// This clears tell the browser to end both divs above it///////////////////////////////*/
.clear{clear:both;}
/*///////////////////////////////////////////////////////*/

/*//////////////////This is the imge at the bottom to make the divs apear curved ///////////////////////*/
#curves {
	background-image:url(../base_images/bottom.gif);
	background-repeat:no-repeat;
	margin:-1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:759px;
	height:13px;
}
/*///////////////////////////////////////////////////////*/


/*//////////////////////Form Stuff////////////////////*/
/*There are six different form fields so there are six different divs. each div's purpose is to hold a background image.*/
#one{display:block;height:20px;width:30px;background:#e3f2fa;}
#two{display:block;height:20px;width:30px;background:#e3f2fa;}
#three{display:block;height:20px;width:30px;background:#e3f2fa;}
#four{display:block;height:20px;width:30px;background:#e3f2fa;}
#five{display:block;height:20px;width:30px;background:#e3f2fa;}
#six{display:block;height:20px;width:30px;background:#e3f2fa;}

#content form table tr td.red{
font-size:.7em;
color:#FF0000;

}