/* CSS Document */

/*#3e5069*/

body { 
background-color: #3e5069;
}

#wrapper { 
	width: 740px;
	margin: 6px auto;
	position: relative;
	color: inherit;
	background-color: #3e5069;
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 20px;
}


.fullImage { 
	margin: 0;
	background-color: #ffffff;
}

#footer { 
clear: both; 
float: right;
width: 550px; 
height: 30px; 
margin-top: 20px; 
margin-right: 5px; 
text-align: center; 
vertical-align: middle;  
background-color: #3e5069; 
color: #fff; 
}

#title {
	float: left;
	position: relative; 
	padding-right: 10px;
	padding-bottom: 5px;
}


#header {
	vertical-align: middle;
	text-align: center;
	width: 100%; 
	clear: both;
}

.headerImage {
	float: left;
	position: relative; 
	padding-right: 5px;
}

#navigation {
	vertical-align: middle;
	text-align: center;
	width: 100%; 
}

#leftNav {
	width: 140px; 
	height: 100%; 
	float: left;
	padding-top: 5px; 
	clear: both;
}

#leftNav ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 100%; 
}

#leftNav ul p {
	list-style: none;
	margin: 0; padding: 0;
	width: 100%; 
	background-color: #e7e7e7; 
}

#leftNav ul li { 	
	display: inline; 
}




#leftNav ul li a { 
	float: left;
	margin-bottom: 5px; 
	padding-left: 20px; 	
	padding-right: 20px; 
	height: 30px; 
	width: 100%; 
	line-height: 30px;  
	text-align: left; 
	vertical-align: center;
	background-image: url(images/rollover_white.gif); 
	font-size: 1.2em; 
	font-weight: bold; 
}

	

#leftNav ul li a:link {		
	background: inherit; 	
	line-height: 30px;  	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-image: url(images/rollover_white.gif); 
}

#leftNav ul li a:visited {	
	background: inherit; 	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-image: url(images/rollover_white.gif); 
}



#leftNav ul li a:active {	
	background: inherit; 	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-image: url(images/rollover_white.gif); 
}

#leftNav ul li a:hover {	
	color: #fff; 
	text-decoration: none; 
	background-image: url(images/rollover_mblue.gif); 
}
	


#leftNav ul li span { 
	float: left;
	margin-bottom: 5px; 
	padding-left: 20px; 	
	padding-right: 20px; 
	height: 30px; 
	width: 100%; 
	line-height: 30px;  
	text-align: left; 
	vertical-align: center;
	background-image: url(images/rollover_mblue.gif); 
	font-size: 1.2em; 
	font-weight: bold; 
	color: #000; 
}






#leftNav ul li.subnavroot { 	
	display: inline; 
	float: left;
	margin-bottom: 5px; 
	width: 100%; 
}



#leftNav ul li.subnavroot span { 
	float: left;
	padding-left: 20px; 	
	padding-right: 20px; 
	height: 30px; 
	width: 100%; 
	line-height: 30px;  
	text-align: left; 
	vertical-align: center;
	background-image: url(images/rollover_mblue.gif); 
	font-size: 1.2em; 
	font-weight: bold; 
	color: #000; 
	
}

#leftNav ul li.subnavroot ul {
	list-style: none;
	margin: 0; padding: 0;  
	width: 100%; 
}




#leftNav ul li.subnavroot ul li a { 
	float: left;
	margin: 0px; 
	padding-left: 20px; 	
	padding-right: 20px; 
	height: 30px; 
	width: 100%; 
	line-height: 30px;  
	text-align: left; 
	vertical-align: center;
	background-image: url(images/rollover_lblue.gif); 
	font-size: 1em; 
	font-weight: bold; 
	color: #000; 
}

	

#leftNav ul li.subnavroot ul li a:link {		
	background: inherit; 	
	line-height: 30px;  	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-image: url(images/rollover_lblue.gif); 
}

#leftNav ul li.subnavroot ul li a:visited {	
	background: inherit; 	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-image: url(images/rollover_lblue.gif); 
}



#leftNav ul li.subnavroot ul li a:active {	
	background: inherit; 	
	color: #000; 
	text-decoration: none; 
	width: 100%; 
	height: 30px; 
	background-imager: url(images/rollover_lblue.gif); 
}

#leftNav ul li.subnavroot ul li a:hover {	
	color: #b34249; 
	text-decoration: none; 
	background-image: url(images/rollover_lblue.gif); 
}


#leftNav ul li.subnavroot ul li span { 
	float: left;
	margin: 0px; 
	padding-left: 20px; 	
	padding-right: 20px; 
	height: 30px; 
	width: 100%; 
	line-height: 30px;  
	text-align: left; 
	vertical-align: center;
	background-image: url(images/rollover_lblue.gif); 
	font-size: 1em; 
	font-weight: bold; 
	color: #b34249; 
}









	
	
	
#content { 
	position: inherit; 
	width: 510px; 
	height: 100%; 
	float: right;
	margin-top: 5px; 
	margin-right: 5px; 
	margin-left: 5px; 
	color: #000;
	background-color: #fff; 
	padding: 20px; 
} 

/*#content h3 { color: #b34249; font-size: 1.8em; }b0d2e5*/
#content h3 { color: #b34249; font-size: 1.8em; padding: 0; margin: 0; }

#content h4 { 
color: #000; 
font-size: 1.2em; 
line-height: 1.2em; 
padding-top: 0px; 
padding-left: 20px; 
background-color: #e1ecef; 
background-image: url(images/box_m.gif); 
background-repeat: no-repeat; 
background-position: left; 
height: 1.2em;} 


#content p { text-align: justify; } 
#content p span.image{ width: 257px; float: right; } 
#content p a { text-align: justify; } 



#content .leftBlock { 
	clear: both; 
	position: relative; 
	width: 48%; 	
	float: left;
} 

#content .leftBlock h4 { 
color: #000; 
font-size: 1.2em; 
line-height: 1.2em; 
padding-top: 0px; 
padding-left: 20px; 
background-color: #e1ecef; 
background-image: url(images/box_m.gif); 
background-repeat: no-repeat; 
background-position: left; 
height: 1.2em;} 

#content .leftBlock p { text-align: justify; } 
#content .leftBlock p span.image{ width: 107px; float: right; } 
#content .leftBlock .rule { border-top: 1px solid #99c0ca; }


#content .rightBlock { 
	position: inherit; 
	width: 48%; 	
	float: right;
} 

#content .rightBlock h4 { 
color: #000; 
font-size: 1.2em; 
line-height: 1.2em; 
padding-top: 0px; 
padding-left: 20px; 
background-color: #e1ecef; 
background-image: url(images/box_m.gif); 
background-repeat: no-repeat; 
background-position: left; 
height: 1.2em;} 

#content .rightBlock p { text-align: justify; } 
#content .rightBlock p span.image{ width: 107px; float: right; } 



#content .clearBlock { 
clear: both; 
margin: 0; padding: 0; 
width: 100%; 
height: 10px; 
text-align: center; 
}






.rule { margin: 0; padding: 0; border-top: 1px solid #99c0ca;   }


a.nav:link { color: #000; text-decoration:none; }
a.nav:visited { color: #000; text-decoration:none; }
a.nav:active { color: #000; text-decoration:none; }
a.nav:hover { color: #000; text-decoration:none; background-image: url(images/rollover_blue.gif); } 

a.navOn:link { color: #000; text-decoration:none; background-image: url(images/rollover_mauve.gif);}
a.navOn:visited { color: #000; text-decoration:none; background-image: url(images/rollover_mauve.gif);}
a.navOn:active { color: #000; text-decoration:none; background-image: url(images/rollover_mauve.gif);}
a.navOn:hover { color: #000; text-decoration:none; background-image: url(images/rollover_mauve.gif);}

a:link { color: #b34249; text-decoration:none; font-weight: bold; }
a:visited { color: #b34249; text-decoration:none; font-weight: bold; }
a:active { color: #b34249; text-decoration:none; font-weight: bold; }
a:hover { color: #b34249; text-decoration:underline; font-weight: bold; }

a.body:link { color: #b34249; text-decoration:underline; font-weight: bold; }
a.body:visited { color: #b34249; text-decoration:underline; font-weight: bold; }
a.body:active { color: #b34249; text-decoration:underline; font-weight: bold; }
a.body:hover { color: #b34249; text-decoration:underline; font-weight: bold; }

a.credits:link { color: #fff; text-decoration:none; }
a.credits:visited { color: #fff; text-decoration:none; }
a.credits:active { color: #fff; text-decoration:none; }
a.credits:hover { color: #fff; text-decoration:underline; }