/***********************************************************************************/
/*																				   */
/* opus layout css | Martin Lee | Nov 2006                                      */
/*																				   */
/***********************************************************************************/

/* Config */
html, body, html body {
	  margin:0;
	  border:0;
	  padding:0;
	
	  
	}
body {	
	background-image: none;
	text-align: center;	
	background-color:#9eba27;
	}
	
form{
	padding:0;
	margin:0;
}
	
h2, hr { display: none; 
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
a {
	text-decoration: none;
	color:#3f4509;
	}	
a:hover {
	text-decoration: none;
	color:#000000;
	}	
a:active, a:focus {
	
	
	}		
p {
	display: block;

	}	

.hidden{
	display:none;
}

.genericFooter{
	margin:0px;
	clear:both;
}
		


/********** Wrapper **********/
#wrapper {	

	}


/********** Navigation **********/
#nav{
	background-color: #053864;
	padding: 2px 0px 2px 0px;
}

#navWrapper {	
	position: relative;
	width: 690px;
	margin: auto;
	text-align: left;
	}	
	
#logo{
	padding:4px 0px 3px 0px;
	height:35px;
	
}

#navStrip{
	height:25px;
}	


/********** Header **********/


#header{
	background-color: #85C1EE;
	height: 187px;
	padding: 0px;
}

#headerWrapper {	
	position: relative;
	height: 187px;
	width: 690px;
	margin: auto;
	text-align: left;
	}	
	
	
	
/********** Green Lines **********/
#greenLine1{
	background-color: #3f4509;
	height:5px;
	padding:0px 0px 0px 0px;
}

#greenLine2{
	background-color: #cfe17d;
	height:5px;
	padding:0px 0px 0px 0px;
}


/********** Main Content **********/
#main{
	padding: 1px 0px 1px 0px;
	background-color:#b1d02a;	
}

#mainWrapper {	
	
	width: 690px;
	text-align: left;
	margin:auto;
	
	}


	
#mainContent{
	padding:0px 0px 0px 0px;
}
	
	
/********** boxes **********/
.whiteBoxTop {
	width: 650px;
	background: url(../images/main/white_box_top.gif) 0 0 no-repeat;
	padding:15px 20px 6px 20px;
	line-height: 14px;
	
	
	}	
	
.whiteBoxBottom {	
	width: 690px;
	background: url(../images/main/white_box_bottom.gif) 0 0 no-repeat;
	height:9px;

	}		
	
.whiteBoxSmallTop {	
	padding:15px 15px 6px 15px;
	width: 270px;
	background: url(../images/main/white_box_small_top.gif) 0 0 no-repeat;
	
	
	}	
	
.whiteBoxSmallBottom {	
	width: 300px;
	background: url(../images/main/white_box_small_bottom.gif) 0 0 no-repeat;
	height:9px;

	}		
	
	
	
/*********** expBox *************/
	
.expBox{
	height:200px;
	width:200px;
	background: url(../images/main/experience_box.gif) 0 0 no-repeat;
	float:left;
	margin:10px 23px 10px 0px;
	}
	

.expBoxTitle{
	margin:9px 10px 18px 10px;
	height:14px
}

.expBoxImage{
	margin:0px 1px 0px 1px;
	height:75px;
}


.expBoxImage :a{
	margin:0px 1px 0px 1px;
	height:75px;
}


.expBoxText{
	padding:6px 10px 10px 10px;
	height:48px;
	overflow:hidden;	
}



/*********** newsBox *************/

.newsBox{
	height:200px;
	width:200px;
	background: url(../images/main/news_box.gif) 0 0 no-repeat;
	float:left;
	margin:0px 20px 10px 0px;
	display:inline;
	}
	

.newsBoxTitle{
	padding:8px 10px 8px 10px;
	height:16px;
}

.newsBoxDate{
	padding:3px 5px 0px 10px;
	height:20px;
}



.newsBoxText{
	padding:6px 10px 6px 10px;
	height:110px;
	overflow:hidden;	
}


/********* stay intouch box ************/

.intouchBox{
	height:140px;
	width:200px;
	background: url(../images/main/intouch_box.gif) 0 0 no-repeat;
	margin:10px 0px 0px 0px;

	}
	
	
.intouchBoxTitle{
	padding:8px 10px 8px 10px;
	height:16px;
	
}



#intouchBoxText{
	padding:6px 10px 6px 10px;
	}

.intouchBoxBottom {	
	width: 200px;
	background: url(../images/main/intouch_box_bottom.gif) 0 0 no-repeat;
	height:6px;

	}		

/**********  sub nav layout **********/
#subNavCol{
	float:left;
	width:200px;
	overflow:hidden;
	display:inline;	
	}


#mainCol{
	width:440px;
	float:right;
	display:inline;	
}


.subNavHeader{
	padding:8px 10px 8px 10px;
	height:14px;
	width:182px;
	background: url(../images/main/navHeader.gif) 0 0 no-repeat;
	}
	
.subNav li {
	padding:9px;
	height:14px;
	width:180px;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-width:1px;
	border-color:#B3B885;	
}





.active{	
	background: url(../images/main/arrow_right.gif) 170px 11px no-repeat;
	background-color:#ecefd4;
	font-weight:bold;
}


/********** Footer **********/
#footer{
	padding: 1px 0px 20px 0px;
}

#footerWrapper {	
	width: 690px;
	text-align: left;
	position: relative;
	background: url(../images/main/lightgreen_box_top.gif) 0 0 no-repeat;
	height:19px;
	margin:auto;		
	}

#footerTextSection{
	padding:9px 9px 0px 9px;
}
	
#lightgreenBoxBottom {
	width: 690px;
	background: url(../images/main/lightgreen_box_bottom.gif) 0px 0px no-repeat;
	height:9px;
	margin:auto;
	}	
	
.associateImage
{
	float:left;	
	margin-right:10px;
}
.associate
{
	clear:both;	
}