/*

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
-------------------------------------------------------------------*/
@import url('reset.css');
/* =1 Global
-------------------------------------------------------------------*/

body{
	background: #fff url('images/bg.gif') repeat-x top left;
	text-align: center;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	color: #000;
}

.right{float: right;}
.left{float: left;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
img.centered {display: block;margin-left: auto;margin-right: auto;margin-top: 8px;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

input.text{border: none;float:left;padding: 4px 2px;margin: 0 6px 5px 0;font-size: 1em;font-family: Verdana, sans-serif;}
input.fnone{float:none;} /* Fixes a bug in IE7 for the floated input */
button.go-btn{border: none;float:left;background: transparent url(images/btn-go.gif) no-repeat top left;width: 28px; height: 20px;cursor:pointer;text-indent: -9999px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.sidebar-box{padding: 0 0 10px 0;margin: 0 0 10px 0;width:200px;background: transparent url(images/sidebar-box-bottom.gif) no-repeat bottom center;}
.sidebar-box h4{font: bold 1.4em Arial,Helvetica,sans-serif;color: #829c61;background: transparent url(images/sidebar-box-top.gif) no-repeat top center;padding: 8px 12px 4px 12px;}
	.sidebar-box.subnav{position:relative;}
	.sidebar-box.subnav h4 span{display:block;padding:1px 10px 0 10px;border-top: 1px solid #8a8264;border-bottom: 1px solid #8a8264;border-right: 1px solid #829c61;border-left: 1px solid #829c61;background:#f9f4d9;}
	.sidebar-box.subnav h4{padding: 14px 0 0 0;color:#000;}
.sidebar-box p{padding: 6px 0;}
.sidebar-box div.sidebar-content{background: transparent url(images/sidebar-box-runner.gif) repeat-y center center;padding: 0 12px;}
	.sidebar-box.subnav div.sidebar-content{padding: 0;text-align:center;}
	.sidebar-box.subnav div.sidebar-content p{padding: 6px 12px 0 12px;text-align:left;}
	.sidebar-box.subnav ul{text-align:left;}
.sidebar-box input{width: 138px;height:12px;}

#container{	
	text-align: left;
	width: 728px;
	margin: 20px auto;
	padding: 0 0 18px 0;
	height: 100%;
	background: #f9f4d9;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* =2 Links
-------------------------------------------------------------------*/

#container a:link, #container a:visited{
	color: #4c721d;
}

#container a:hover, #container a:active{
	color: #999;
}

#sidebar .subnav a:link,#sidebar .subnav a:visited{font-size:1.1em;font-weight:bold;color:#829c61;text-decoration:none;letter-spacing: -0.05em;}
#sidebar .subnav a:hover,#sidebar .subnav a:active{text-decoration:underline;}

#sidebar .subnav ul li ul a:link,#sidebar .subnav ul li ul a:visited{font-size:1em;font-weight:normal;color:#000;text-decoration:none;letter-spacing:0;}
#sidebar .subnav ul li ul a:hover,#sidebar .subnav ul li ul a:active{text-decoration:underline;}


/* =3 Headings
-------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {

}

h1 {font: bold 2em Arial, Geneva, Helvetica, sans-serif;color:#829c61;text-transform:uppercase;}
h2 {font: bold 1.5em Arial, Geneva, Helvetica, sans-serif;;}
h3 {font: bold 1.5em Arial, Geneva, Helvetica, sans-serif;}
h4 {font: bold 1.3em Arial, Geneva, Helvetica, sans-serif;}
h5 {font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;}
h6 {font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;}

/* =4 Header
-------------------------------------------------------------------*/
#header{position:relative;text-align:center;}
	#header #logo{padding: 16px 0 0 0;height: 58px;}

/* =5 Navigation
-------------------------------------------------------------------*/
#header #navigation{display:block; height: 60px;background: #829c61;border-top:1px solid #a0b27f; border-bottom: 1px solid #dcdebb;}
	#header #navigation ul{padding: 8px 0 7px 0;}
	#header #navigation ul li{float: left;padding: 0 11px;text-indent:-9999px;}
	
	#header #navigation a:link,#header #navigation a:visited{display:block;width: 99px;height:45px;overflow:hidden;}
		
		#navigation a:link.nav1,#navigation a:visited.nav1{background: transparent url(images/nav-1.gif) no-repeat top left;}
		#navigation a:link.nav2,#navigation a:visited.nav2{background: transparent url(images/nav-2.gif) no-repeat top left;}
		#navigation a:link.nav3,#navigation a:visited.nav3{background: transparent url(images/nav-3.gif) no-repeat top left;}
		#navigation a:link.nav4,#navigation a:visited.nav4{background: transparent url(images/nav-4.gif) no-repeat top left;}
		#navigation a:link.nav5,#navigation a:visited.nav5{background: transparent url(images/nav-5.gif) no-repeat top left;}
		#navigation a:link.nav6,#navigation a:visited.nav6{background: transparent url(images/nav-6.gif) no-repeat top left;}
		
	#header #navigation a:hover,#header #navigation a:active{background-position: bottom left;}
	
/* =6 Middle
-------------------------------------------------------------------*/
#content{padding: 21px 23px;}
	#content.home{}
	#content.sub{}
		
	#content .shortcut-buttons{float:left;width: 132px; margin: 0 20px 0 0;/*border: 1px solid red*/}
		#content .shortcut-buttons li{margin-bottom: 17px;}
	
	#content .bright-idea{float:left;width: 306px; margin: 0 20px 0 0;}
		.bright-idea h2{background: transparent url(images/idea-head-bg.gif) no-repeat top center;text-transform:uppercase;height:20px;padding: 31px 12px 0 12px;}
			.bright-idea h2 span{font: bold italic 1.1em "Times New Roman",Georgia, sans-serif;}
		.bright-idea h3.tip1{background: transparent url(images/idea-tip-bg1.gif) no-repeat top center;height: 143px;text-indent:-9999px;}
		.bright-idea h3.tip2{background: transparent url(images/idea-tip-bg2.gif) no-repeat top center;height: 143px;text-indent:-9999px;}
		.bright-idea h3.tip3{background: transparent url(images/idea-tip-bg3.gif) no-repeat top center;height: 89px;text-indent:-9999px;}
		
		.bright-idea .idea-content{background: #829c61;color: #fff;font-family: Verdana, Arial, sans-serif;line-height:1.4em;padding: 6px 6px;}
		.bright-idea .idea-footer{background: transparent url(images/idea-footer-bg.gif) no-repeat bottom center;padding: 35px 10px 22px 10px;text-indent: -9999px;}
	
	#content .utilities{float:left;/*border: 1px solid blue*/}
		img.smilingFace{position:absolute; top:-4px;right:-12px;}
	
	
	#sidebar{float:left;width: 200px; margin: 0 20px 10px 0;font-family: Verdana, Arial, sans-serif;/*border: 1px solid red*/}
	#sidebar .subnav ul{line-height: 1.6em;padding: 10px 5px 0 10px;}
	#sidebar .subnav ul li ul{padding-top:0px;position:relative;}
		#content #sidebar .shortcut-buttons{float:none;width:200px;margin:0;}
		#content #sidebar .shortcut-buttons li{float:left;margin:0 1px 4px 1px;}
		
	#content #mainContent{float:left; width: 460px;/*border:1px solid #a0b27f;*/background: #fff url(images/bg-mainContent-bottom.gif) no-repeat bottom center;margin: 0 0 20px 0;padding: 0 0 18px 0;font-family: Verdana, Arial, sans-serif;font-size:1.1em;line-height:1.4em;}
		#content #mainContent h2{color:#ccc;font-size:2.8em;padding: 6px 6px 0 6px;background: transparent url(images/bg-mainContent-top.gif) no-repeat top center;}
		#content #mainContent h3{padding: 6px 20px 0 20px;}
		#content #mainContent h4{padding: 0 20px;text-decoration:underline;color:#829c61;}
		#mainContent div.wrapper{padding-left:20px;padding-right:20px;border-left:1px solid #a0b27f;border-right:1px solid #a0b27f;}
		
		#content #mainContent p, #content #mainContent ol,#content #mainContent ul{padding: 6px 20px;}
		#content #mainContent span{padding: 0px 20px;font-style:italic;}
		#content #mainContent img{}
		#content #mainContent p{}
		#content #mainContent ol{list-style: decimal inside;padding-left: 30px;}
		#content #mainContent ul{list-style: disc inside;padding-left: 30px;}
			#content #mainContent li{}
		#content #mainContent table{margin: 5px 0 5px 25px;}
		#content #mainContent table th{text-transform:uppercase;padding: 5px;}
		
	#mainContent img.coop_map{margin: 0 0 0 10px;}
	#mainContent ol.coop_map {float:left;margin: 8px 0 0 25px;}
	#mainContent ol.coop_map li{list-style-position: outside;}
	
/* =7 Form
-------------------------------------------------------------------*/
/* =8 Extra
-------------------------------------------------------------------*/
/* =9 Footer
-------------------------------------------------------------------*/
#videoFoot {
	width:660px;
	height:264px;
	position:relative;
	clear:both;
}
#footCon {
	width:100%;
	height:100%;
	background-color:#f1e5a7;
	border:1px solid #829c61;
	padding:16px;
	position:absolute;
	top:16px;
	left:16px;
	z-index:3;
	text-align: center;
	
}
.footText {
	color:#000;
	font-weight: bold;
	font-size:13px;
}
.footCon a:link,.footCon a:visited {
	color:#829c61;
}

#footer{clear:both;text-align:center;border-top: 1px solid #aeaca0;border-bottom: 1px solid #aeaca0;color:#4c721d; margin-top:70px;}
	#footer ul{}
	#footer ul li{display:inline;border-right: 1px solid #4c721d;padding: 0 8px 0 6px;}
		#footer ul li.last{border-right: none;}
		#footer a:link,#footer a:visited{color:#4c721d; text-decoration:none;}
		#footer a:hover,#footer a:active{text-decoration:underline;}
	#footer p{clear:both;padding: 2px 0 0 0;font-size: 1.1em;}
#videos ,  #videos p{
	padding:0px;
	margin:0px;
	font-size:10px;	
}
#videos img {
	padding:3px;
}
#videos td, #videos tr, #videos table {
vertical-align:top;
padding:0px;
margin:0px;
}