/* CSS Document */

body {
	background-color: #e0eae1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}



#banner {
	position:absolute;
	width:967px;
	height:109px;
	z-index:1;
	left: 0px;
	top: 36px;
}

#navbar {
	position:absolute;
	width:178px;
	height:410px;
	z-index:2;
	left: 2px;
	top: -1px;
}

#container {
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
}

#container .breadcrumb {
	position: absolute;
	width: 506px;
	height: 18px;
	z-index: 1;
	left: 202px;
	top: 8px;
	/*top: 10px;
	padding-top:5px;*/
	}

#container .breadcrumb p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}
	
#container .breadcrumb a {
	color: #033;
	text-decoration: none;
	}	
	
#container .breadcrumb a:hover {
	text-decoration: underline;
	}	

#navlinks {
	position: absolute;
	width:172px;
	height:227px;
	z-index:3;
	left: 18px;
	top: 161px;
	margin: 0px 0px 0px -30px; 
}

#navlinks ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	line-height: 1.7em;
    list-style: none;
    text-align: left;
    /*margin: 0px 0px 0px 0px;*/
    }

#navlinks ul ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    }
    

#sub ul {
    padding: 0;
    margin-left: -10px;
    }
    
#navlinks a {
	color: #fff;
	text-decoration: none;
    }
	
#image1 {
	position:absolute;
	width:320px;
	height:126px;
	z-index:4;
	left: 201px;
	top: 166px;
}
#image2 {
	position:absolute;
	width:320px;
	height:125px;
	z-index:1;
	left: 342px;
	top: 0px;
}
#contentarea {
	position:absolute;
	width:464px;

	z-index:5;
	left: 201px;
	top: 305px;
	padding-bottom: 20px;
}

#contentarea a {
	color: #649867;
	text-decoration: none;
	}

#contentarea a:hover {
	text-decoration: underline;
	}	
	
#contentarea h1 {
    padding-top: 0px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    }
	
#contentarea h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #649867;
    }	

#contentarea h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
    color: #649867;
    }	
    
#contentarea h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    
    color: #649867;
    }	
    
#contentarea p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	line-height: 1.2em;
    }
	
#contentarea ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	line-height: 1.2em;
    }
    
#contentarea ol {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	line-height: 1.2em;
    }
    
sup {font-size: 80%; line-height: 80%;}

#box {
	position: absolute;
	width: 277px;
	z-index: 5;
	left: 696px;
	top: 309px;
	background-color: #649867;
	padding-bottom: 20px;
    }

#box h1 {
font-family: Arial, Helvetica, sans-serif;
background-color: #003636;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 20px;
text-align: left;
font-weight: normal;
font-size: 1.0em; 
   }

#box p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em; 
padding: 10px 20px 0px 20px;
color: #fff;
margin: 0; 
   }	
   
#box ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em; 
padding: 0px 5px 0px 5px;
color: #fff;
margin: 0; 
list-style-type: square;
   }

#box a {
	color: #003636;
    text-decoration: none;
	font-weight: bold;
	}
	
#title a { 
font-weight: bold;
}

#box a:hover {
	text-decoration: underline;
	}	
		
.lightgreen {
     color: #649867;
    }

.darkgreen {
color: #003636;
    }

.imagefloatleft { 
        float: left;
		padding-right: 20px;
	    width: 250px;
		}			 
			
.image { 
		}
    			
.imagefloatright { 
        float: right;
	    padding-left: 20px;
		margin-right: 10px;
        width: 250px;
	    }	

.caption {
         color:	#669966;
		 padding-bottom: 10px;
		 }

.leftfloat {
	float: left;
	margin-right: 5px;
}

.clearboth {
	clear: both;
}
.thumbnail {
        float: left;
        width: 175px;
        border: 1px solid #999;
        margin: 0 5px 5px 0;
        padding: 5px;
        font-size: 12px;
    }
.thumbnailhor {
        float: left;
        width: 175px;
        border: 1px solid #999;
        margin: 0 5px 5px 0;
        padding: 35px 5px 34px 5px;
    }
.thumbnailvert {
        float: left;
        width: 116px;
        border: 1px solid #999;
        margin: 0 5px 5px 0;
        padding: 5px 15px 5px 55px;
    }

#contentareafullwidth {
        position:absolute;
        width: 776px;
        z-index:5;
        left: 201px;
        top: 305px;
        padding-bottom: 20px;
    }

#contentareafullwidth a {
        color: #649867;
        text-decoration: none;
        }

#contentareafullwidth a:hover {
        text-decoration: underline;
        }       
        
#contentareafullwidth h1 {
    padding-top: 0px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    }
        
#contentareafullwidth h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    }   

#contentareafullwidth h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
    color: #649867;
    }   

#contentareafullwidth p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
        line-height: 1.2em;
    }
        
#contentareafullwidth ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
        line-height: 1.2em;
    }

table { margin-bottom:20px; font-size:0.8em; line-height:1.4em }

th { background-color:#003636; color:#ffffff; text-align:left; vertical-align:top; padding:5px; }

td { background-color:#649867; color:#000000; text-align:left; vertical-align:top; padding:5px; }



th a:link, th a:visited { color:#ffffff; }

th a:hover, th a:active { color:#ffffff; }



table p, table ol, table ul { font-size:1em; }