/* Global Styles__________________________________________________________*/
* {
	margin: 0px;
	padding: 0px;
	color: #787878;
}
a {
	/*color: #497e08;*/
	text-decoration: none;
}
a:hover {
	color: #535353;
	text-decoration: underline;
}
img {
	border: none;
}
ul, li {
	list-style: none;
}
li a{
	text-decoration: none;
} 


.clear {
	clear: both;
}
 
.fadeImg, .fadeQuote {display:none;}

#body{
	font: normal 11px/17px "FrizQuadrata BT", Georgia, Arial;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	background: #157548;
	margin: 2px 0 2px 0;
}
.right {
	float: right;
}
.left {
	float: left;
}

img, div { behavior: url(/templates/css/iepngfix.htc) }

.greenHead {
	color:#157548; border-bottom:1px #157548 solid; font-family:Arial, Helvetica, sans-serif 12px; line-height:30px;
}

.copySmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	
/* Main Con__________________________________________________________*/
#mainNavCon {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	border: 5px solid #157548;
	background: #fff url(../images/main_nav_bg.jpg) repeat-y left top;
	_height:680px;
}
		#mainNavCon h3.riogrande {
			position: absolute;
			top: 0px;
			right: 400px;
			width: auto;
			height: 143px;
			z-index: 9999;
		}
				#mainNavCon h3.riogrande a p {
					position: absolute;
					right: -64px;
					top: 45px;
					max-width: 105px;
					_width: 105px;
					padding: 5px;
				}
		#mainNavCon h3.environmental {
			position: absolute;
			bottom: 0px;
			_bottom: -4px;
			left: 150px;
			width: auto;
			height: 212px;
			z-index: 999;
		}
				#mainNavCon h3.environmental a p {
					position: absolute;
					left: -60px;
					top: 40px;
					max-width: 170px;
					_width: 170px;
					padding: 5px;
				}
		#mainNavCon h3.arts {
			position: absolute;
			bottom: 0px;
			_bottom: -4px;
			right: 0px;
			width: auto;
			height: 180px;
			z-index: 9999;
		}
				#mainNavCon h3.arts a p {
					position: absolute;
					left: 80px;
					top: -25px;
					max-width: 150px;
					_width: 150px;
					padding: 5px;
				}
				#mainNavCon h3.environmental a,
				#mainNavCon h3.riogrande a,
				#mainNavCon h3.arts a, 
				#socialLearningNav a, 
				#rightImgNav a {
					font-size: 12px;
					font-weight: bold;
					line-height: 14px;
				}
				#mainNavCon h3.environmental a:hover,
				#mainNavCon h3.riogrande a:hover,
				#mainNavCon h3.arts a:hover, 
				#socialLearningNav a:hover, 
				#rightImgNav a:hover {
					background: transparent;
					text-decoration: none;
				}
				#mainNavCon h3.environmental a:hover p, 
				#mainNavCon h3.riogrande a:hover p,
				#mainNavCon h3.arts a:hover p,
				#socialLearningNav a:hover p, 
				#rightImgNav a:hover p {
					text-decoration: none;
					color: #535353;
					cursor: pointer;
					/*background: url(../images/hover_bg.gif) repeat;*/
				}
				
/* Menu Nav__________________________________________________________*/		
#leftMenuNav {
	position: absolute;
	left: 0px;
	top: 177px;
	width: 271px;
	height: 314px;
	background: url(../images/leftmenubg.jpg) no-repeat left top;
	
	z-index: 9997;
}		

#leftNavBox {
	position: relative;
	margin: 40px 10px 0 90px;
}
		
/* Menu Nav__________________________________________________________*/	
#rightImgNav {
	position: absolute;
	top: 40px;
	right: 15px;
	width: 312px;
	height: 315px;
	z-index: 9999;
	background: url(../images/top_right_picbg.gif) no-repeat left top;
	padding: 24px 0 0 25px;
}
		#rightImgNav img {
			position: relative;
			/*width: 85%;*/
			/*margin: 28px 0 0 25px;*/
			/*margin: 26px 0 0 28px;*/
		}
		#rightImgNav a p {
				text-align:right;
					position: absolute;
					right: 50px;
					bottom: -15px;
					max-width: 170px;
					_width: 170px;
					padding: 5px;
				}

/* Matter Con__________________________________________________________*/
#matterCon {
	float: left;
	margin: 0 0 0 34px;
	_margin: 0 0 0 17px;
	width: 932px;
	_height:680px;
}
#matterCon #topbg {
	position: relative;
	float: left;
	clear: both;
	height: 48px;
	margin: 0 0 0 0;
	width: 100%;
	background: url(../images/main_nav_top_bg.jpg) no-repeat top center;
	z-index: 0;
}
#matterCon #btmbg {
	position: relative;
	float: left;
	/*top: -15px;*/
	height: 48px;
	width: 100%;
	background: #fff url(../images/main_nav_btm_bg.jpg) no-repeat bottom center;
	z-index: 1;
}
		#matterCon #btmbg p {
			position: absolute;
			bottom: 5px;
			right: 184px;
			font-size: 10px;
		}
		
		#matterCon #btmbg p.home {
			right: 160px;
		}
		
#matterCon .contentCon {
	float: left;
	position: relative;
	top: -12px;
	z-index: 999;
	width: 910px;
	/*height: 550px;*/
	margin: 0px 0 0 10px;
	_margin: 0px 0 0 5px;
	/*background-color: Gray;*/
	_height:600px;
}


/* Title Con__________________________________________________________*/
#titleCon {
	position: relative;
	float: left;
	width: 263px;
}
		#titleCon img {
			max-width: 100%;
		}
		#titleCon h1 {
			display: none;
		}
		
/* Cons__________________________________________________________*/
#testimonialNav {
	position: relative;
	float: left;
	top: 120px;
	width: 320px;
	height: 165px;
	padding: 0px 30px 20px 0;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 35px;
	left:-30px;
	_left:-20px;
	margin-left:20px;
	_margin-left:-150px;
}
		#testimonialNav b {
			font-size: 14px;
			float: right;
			clear: both;
			margin:0;
			font-weight:normal;
		}
		
		#testimonialNav p {
			margin:0;
		}
		
#newsresouceMainCon {
	position: relative;
	top: 0px;
	left: 0px;
	_position:absolute;
	_top:150px;
	_left:100px;
	margin: 160px 0 0px 263px;
	_margin: 160px 0 0px 131px;
	float: left;
	width: 460px;
	z-index: 20;
	/*height: 300px;*/
}
#newsCon {
	position: relative;
	float: left;
	width: 170px;
	padding: 0 0 0 40px;
	margin-right: 10px;
	border-left: 1px solid #b2b2b2;
	font-size: 13px;
	z-index:1000;
}
		#newsCon p {
			padding-top: 10px;
		}
		
		#newsCon p a.important {
			color:#990000;
		}
		
#socialLearningNav {
	position: relative;
	width: auto;
	margin: 15px 0 30px 0;
	height: 134px;
}
		#socialLearningNav a p {
					position: absolute;
					left: 0px;
					bottom: -35px;
					max-width: 190px;
					_width: 190px; 
					padding: 5px;
				}
				
				
/* Sub page Con__________________________________________________________*/
#subNavmainMatterCon {
	position: relative;
	float: right;
	width: 620px;
	min-height: 500px;
	_height: 500px;
	margin: 15px 0 0 0;
	border-left: 1px solid #666666;
}
#topmenuCon {
	position: relative;
	float: left;
	clear: both;
	width: 96%;
	margin: 0 15px 0 15px;
	_margin: 0 7px 0 7px;
	text-align: center;
	font-size: 13px;
}

		#topmenuCon ul {
			width:415px;
			margin:auto;
			text-align:center;
		}

		#topmenuCon li {
			float:left;
			margin-right:8px;
			padding-right:8px;
			border-right: 1px #CCCCCC solid;
		}

		/*#topmenuCon a {
			margin: 0 4px 0 4px;
		}*/
#subNavmainMatterCon .matter {
	float: left;
	width: 94%;
	margin: 20px;
	_margin: 10px;
	font-size: 13px;
}
#subNavmainMatterCon .matter h2 {
	font-weight: bold;
	font-size: 16px;
}
#subNavmainMatterCon .matter p {
	margin: 10px 0 0 0;
	text-align: justify;
}
				
		#subNavmainMatterCon .matter p a {
			text-decoration: underline;
		}
		
		#subNavmainMatterCon .matter p a:hover {
			text-decoration: underline;
		}
		
		#subNavmainMatterCon .matter .green a {
			font-size: 12px;
			text-decoration: underline;
			color: #157548;
		}
				
		#subNavmainMatterCon .matter .green a:hover {
			font-size: 12px;
			text-decoration: none;
			color: #157548;
		}	
			
		#subNavmainMatterCon .matter ul {
			margin: 5px 0 0 5px;
			_margin: 5px 0 0 3px;
			list-style-type:circle;
			list-style-position: outside;
		}

		#subNavmainMatterCon .matter li {

			padding: 0 0 0 6px;
			margin-bottom: 4px;
			margin-left:15px;
			list-style-type:square;
			list-style-position: outside;
		}

#subNavmainMatterCon .matter .picCon {
	background: url(../images/subnavpicbg.jpg) no-repeat left top;
	height: 236px;
	width: 232px;
	margin: 0px 0 0 20px;
	_margin: 0px 0 0 10px;
}
#subNavmainMatterCon .matter .picCon img {
	width: 81%;
	margin: 22px 0 10px 22px;
	_margin: 22px 0 10px 22px;
}

#subNavmainMatterCon .matter .picConWide {
	background: url(../images/picframe6x4.jpg) no-repeat left top;
	height: 241px;
	width: 342px;
	margin: 0px 0 0 20px;
	_margin: 0px 0 0 10px;
}
#subNavmainMatterCon .matter .picConWide img {
	width: 81%;
	margin: 26px 0 10px 33px;
	_margin: 26px 0 10px 33px;
}

#subNavmainMatterCon .matter .picConTall {
	background: url(../images/picframe4x6.jpg) no-repeat left top;
	height: 342px;
	width: 241px;
	margin: 0px 0 0 20px;
	_margin: 0px 0 0 10px;
}
#subNavmainMatterCon .matter .picConTall img {
	width: 81%;
	margin: 33px 0 10px 22px;
	_margin: 33px 0 10px 22px;
}