@charset "UTF-8";
/*
COLORS
#007f84 - TEAL
#007f84 - GREY
#f7ddac - LIGHT ORANGE
#FF9900 - DARKER ORANGE
*/
html body, * html{background:#007f84;padding:0;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
#title{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:lighter;}
.clear{clear:both;}

#container{width:800px;margin:auto;padding-top:230px;background:#fff url(../images/occ_header.jpg) no-repeat top center;}
#logo{height:200px; width:800px;position:absolute;top:0;left:overflow:hidden;margin:0 auto;float:left;background:transparent;color:#fff;}
	#logo h1{font-size:1px;}
#left {float:left; width:130px; margin:0 10px 0 0; padding:0px;}
	#navigation{list-style-type:none; margin:0;padding:0px;width:130px;}
	#navigation li{background:transparent url(../images/nav_button.jpg) no-repeat top right; height:31px;overflow:visible; margin:5px 0;}
	#navigation li a{padding:0 20px 15px 10px;color:#000;text-decoration:none;}
	
	#personal_note{background:transparent url(../images/personal_note.jpg) no-repeat top right; height:79px; width:127px;margin:25px 0;padding:5px 0;}
	
#content{margin: 0 200px 0 150px;font-size:.85em;}
	#banner{background:#ffcc33;text-align:center;}
	label {display:block;font-weight:bold;}
	.facts{margin:10px;}
	#content h4{margin:2px;}

#right {background:#f7ddac;float: right;width: 170px;margin:10px;padding: 0;}
	#right #title{background:transparent;color:#007f84;font-size:1.3em;text-align:center;margin:0;}
	#right .news{border-bottom:4px solid #FF9900;padding:5px;font-size:10pt;}

#footer{text-align:center;font-size:.80em;color:#007f84;}