/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}





/* Body properties are set inline for individual templates in the header_template.php */
body, html {
	
	margin:0;
	padding:0;
	
}

div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#wrapper{
width: 950px;
margin:0 auto;
padding:0;
text-align:center;

}

/* ----------- Main Holder ------ */

.mainbgtop {
background: url(../images/main-bg_01.png) no-repeat;
display: block;
position: relative;
z-index: 9;
width: 781px;
height: 281px;}
.mainbgrpt {
background: url(../images/main-bg_02.png) repeat-y;
width: 761px;
}
.mainbgbottom {
position: relative;
z-index: 1;
/* This image must be changed for every different color background.  See below for individual pages */
background: url(../images/main-bg_03.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
margin-top: -300px;
padding-bottom: 100px;
}


.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
/* Right side panel */
.rightside {
float: right;
background:url(../images/rightside.png) transparent no-repeat;
display: block;width: 256px; height: 483px; position: relative;
top: 140px;
right: 0px;
z-index: 1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}

.rightsidebox {width: 210px; height: 300px;margin-left: 30px;background: #FEEEBB;margin-top: -15px;}
.rightsidebox h2 {float: left;font-size: 1em; margin-top: -15px; margin-left: 36px; margin-bottom:0px;text-transform: uppercase;font-weight: 600;
color: #4b9027;}

.textwidget {
padding: 10px 5px 20px;
margin-left: 10px;
width: 190px;
margin-top: 20px;
text-align: left;
color: #4b9027;
}
h3.story-title {color:#006B74;text-align: left; 
margin: 10px 0px 0 20px;}

span.meta-author,span.meta-date {color: #006B74;font-size: 90%;}
.rightsidebox p {
text-align: left;
margin: 0px 10px 10px 20px;}
.push-down-1 {margin-top: 10px; float: left;width: 100%;}

.right-links {
position: relative;
top: 20px;}
.right-img-2 {
margin-top: 10px;}
/* end Right side panel */


#logo {
position:relative;
top:62px;
left:283px;
display: block;
height: 27px;
width: 122px;
}
 #tagline {
position:absolute;
top:68px;
left:580px;
}

#nav {
position:absolute;
top: 108px;left: 0px;
width:600px;
margin:  0 0 0 182px;
height:20px;

}


#nav {
font-size:1em;
letter-spacing: .1em;
}

#nav li {
margin:0 25px 0 25px;
padding:0 0 0 0;
}

#nav li {
	
float:left;
list-style:none;

}

/* This style is dependant on the id of that particular page, in this case ABOUT */

#nav li.page-item-2 {
	
	margin:0 35px 0 10px;
padding:0 0 0 0;
}



#nav a, #nav a:visited {
color: #FEEEBB;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
{
color:#FFFFFF;
text-transform:uppercase;
text-decoration:underline;
}




.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}



div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}


div#header h1 {
text-indent:-3000px;
}

p.blog-description {
width:360px;
color:#FFFFFF;
font-size:11px;
margin: 80px auto 0 auto;
text-align:center;
}
p.blog-description span{
color:#FFE27B;
}


input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}


.contentbox {
width: 560px; 
margin-left: 150px;
margin-top: -40px;
position: relative;
z-index: 20;
}
.contentbox p {
	margin: 5px 20px;
}
#content {
width:420px;
margin-top: -60px;
margin-left: 0px;
text-align:left;
float: right;
color:#535353;
position: relative;
z-index: 100;
}

#content p {
margin: 15px 0;
font-size: 1em;
padding-right: 20px;
}

div.sidebar {
width:120px;
padding: 0px 4px 0 2px;
text-align: left;z-index: 9000; position: relative;

}
div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div#primary {
float:left;
width: 120px;
margin:-60px 0 0 -30px;
position: relative;
z-index: 9000;
}


div#secondary {
width:180px;
margin:0 0 0 10px;
text-align:left;
float:left;
}



#subnav {
font-size:.8em;
}

#subnav li {
text-align: center;
padding:0 7px;
margin: 10px 0;
}
#subnav li.current_page_item {

}

#subnav a, #subnav a:visited {
	color:#5B8D29;
	text-decoration:none;
	font-weight:bold;

}

/* Resources for everyday people */

.resources {font-size: 1.2em; font-weight: 600; letter-spacing: .06em; position: absolute;
}



span.bottom_bump {margin-right: 20px;}
/*------------------ HOME -------------------- */
#home_content {
width:600px;
margin-top: -60px;
margin-left: 0px;
text-align:left;
float: right;
color:#535353;
position: relative;
z-index: 100;
}
.homebanner {
	padding-bottom: 30px;
	
}
.home_tag {
width: 280px;
position: absolute;
top: 160px;
left: 420px;
color: #006B74;
}

.mainbgbottom-home {
position: relative;
z-index: 1;
/* This image must be changed for every different color background.*/
background: url(../images/main-bg-home.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
/* This needs to change relative to length of the content for this page */
margin-top: -300px;padding-bottom: 100px;
}

#featured {
	z-index: 1000;
	position: relative;
	float: left;left:30px;
	top: -50px;
	width: 450px;
	margin: 0 auto;
}

#home-links {
	width: 600px; float: left; position: absolute; top: 190px;left: 140px; z-index: 30;
}

#home-links a img {float: left;}
#home-links p.img2 {margin-top: -10px;}
#home-links p.img3 {margin-top: -30px;}
#home-links p.img4 {margin-top: -30px;}
.tab-l{ float: left;
	background: url(../images/tab-l.jpg) no-repeat;
	display: block;
	width: 22px;
	height: 23px;
}

a:hover.fader {opacity: 0.65;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;}
	
	
.tab {float: left;
padding: 0 20px;
height: 23px;
background: url(../images/tab.jpg) repeat-x;
text-transform: uppercase;line-height: 1.8em;
letter-spacing: .1em;
font-weight: 600;color: #FEEEBB;
}
.tab-r{ float: left;
	background: url(../images/tab-r.jpg) no-repeat;
	display: block;
	width: 22px;
	height: 23px;
}
.feat_line {
	float: left;
	margin-top: 0px;
	margin-left: 4px;
	padding-bottom: 10px;
	width: 480px;
	clear: both;
	border-top: 1px solid #000;
		
}
#titledate {
position: relative;
float: left;
width: 600px;
	
}

.home-title {
	width: 350px;
	margin-left: 10px;
	float: left;
	text-align: left; text-transform: uppercase;
	font-weight: 600;
	color: #006B74;
}

.home-title a {text-decoration: none; color: #006b74;}

.theDate {float: left; width: 110px; }
.home-featured-content {
float: left;
	
	width: 550px;
		color: #4b9027;

	text-align: left;
}

span.readmore {
	clear: both;
	width: 300px;
	float: left;
}
/*------------------ VISION -------------------- */

img.vision {margin-top: -30px;}

.vi {color:#78496A;font-size: 1.6em; text-transform: uppercase;text-align: center; font-weight: 600; letter-spacing: .05em; margin-bottom: 20px; }

.vision-title h2{text-align: right; margin-right: 90px; margin-top: -20px; color: #007C85;margin-left: 30px;}

.mainbgbottom-vision {
position: relative;
z-index: 1;
/* This image must be changed for every different color background.*/
background: url(../images/main-bg-vision.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
/* This needs to change relative to length of the content for this page */
margin-top: -300px;
}



/*---------------- TOOLS --------------------- */

.to {color:#778e1d;font-size: 1.6em; text-transform: uppercase;text-align: center; font-weight: 600; letter-spacing: .05em; margin-bottom: 20px;}

.mainbgbottom-tools {
position: relative;
z-index: 1;
/* This image must be changed for every different color background. */ 
background: url(../images/main-bg-tools.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
/* This needs to change relative to length of the content for this page */
margin-top: -300px;
}

/*---------------- ACTION --------------------- */

.ac {color:#667a8c;font-size: 1.6em; text-transform: uppercase;text-align: center; font-weight: 600; letter-spacing: .05em; margin-bottom: 20px;}

.mainbgbottom-action {
position: relative;
z-index: 1;
/* This image must be changed for every different color background. */ 
background: url(../images/main-bg-action.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
/* This needs to change relative to length of the content for this page */
margin-top: -400px;
}

/*---------------- STORIES --------------------- */

.st {color:#f49328;font-size: 1.6em; text-transform: uppercase;text-align: center; font-weight: 600; letter-spacing: .05em; margin-bottom: 20px;}

.mainbgbottom-stories {
position: relative;
z-index: 1;
/* This image must be changed for every different color background. */ 
background: url(../images/main-bg-stories.png) no-repeat transparent;
display:block;
width: 761px;
height: 464px;
/* This needs to change relative to lenght of the content for this page */
margin-top: -300px;
}
#contentStories {
width:420px;
margin:-120px 0 0 140px;
line-height:130%;
}

div#footer {
padding:10px 0 10px 0;
width:100%;
background:#3F9100;
}
div#footer p{

font-size:11px;
line-height:140%;
color:#FFFFFF;
}


* {margin:0;padding:0;} 


html, body {height: 100%;}

#wrap {min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height */
}



#footer, .push {
	height: 32px; /* .push must be the same height as .footer */
}