/* General Styles */
body {
	margin:0;padding:0;border:0;width:100%;
	background:url('images/page_back.jpg') repeat-x 0% 0% #fff;
    min-width:934px;text-align:center;background-attachment:fixed;
    font-family:helvetica, verdana, sans-serif;font-size:90%;
}

img { margin:0;padding:0;}

/* Centered fixed width wrappers */
#fixed_wrap, #header_wrap, #footer_wrap { margin:0 auto; width:960px;text-align:left;}

/* Header styles */
	#header,#page_top_show {
		clear:both;float:left;width:100%;background:url(images/main_background.jpg) no-repeat 100% 0%;
		height:195px;padding:0;margin:0;
	}
	#page_top_show{background:#fff;height:20px;width:99%;margin:0 0 0 10px;}
	#nav_header { clear:both;float:left;width:100%;padding:0;margin:0;}
	
	.inline, #header .inline{ padding:0;margin:0;clear:left;float:left;width:100%;list-style:none; }
	.inline li, #header .inline li{ float:left;margin:0;padding:0;}
	.inline .menu_wrap{width:450px;}

	#header ul.inline li.logo{
    	margin:0;padding:80px 0 0 4px;height:140px;background:url(images/logo_fade.jpg) no-repeat 5% 0;
	    border:0;
	}
	#header li.logo p{ margin:0;padding:0;font-size:1em;color:#ced7e5;border:0;}
	#header .logo .title{ font-size:2em;padding-bottom:8px;border-bottom:1px solid #cce1fd; }
	#header .logo .subtitle{ padding-top:4px;border-top:1px solid #000;color:#fff; }


/* LAYOUT STYLES */
	/* column container */
	.colmask {position:relative;clear:both;float:left;width:100%;overflow:hidden; }

	/* common column settings */
	.colright, .colmid, .colleft {	float:left;width:100%;position:relative;}
	.col1, .col2, .col3 { float:left;position:relative;padding:0;overflow:hidden;}

	/* 2 Column (right menu) settings */
	.topmenu .colleft	{	right:98%; }
	.topmenu .col1		{	width:2%;left:98%; }		
	.topmenu .col2		{	width:98%;left:98%;background-color:#fefbd8; }
	.rightmenu .colleft {	right:28%;			/* right column width */ }
	.rightmenu .col1    {	width:70%;			/* left column content width 
												(left column width minus left and right padding) */
							left:30%;			/* (right column width) plus (left column left padding) */
	}

	.rightmenu .col2 	{	width:26%;			/* right column content width
												(right column width minus left and right padding) */
							left:31%;			/* (right column width) plus 
												    (left column left and right padding) 
													plus (right column left padding) */
							background-color:#fff;
	}
	.navigation{ background:url(images/menu_background.png) repeat-x top left #16385a;border:0;padding:0;}

/*	PAGE TITLE RIBBON */
	.ribbonWrap{ float:left;width:100%;height:63px;margin:0;padding:0;text-align:right;	}
	.ribbonWrap img{width:13px;height:63px;margin:0;padding:0;border:0;}	
	.ribbonBody{ margin-top:7px;background:url(images/page_title_ribbon_body_yellow.png) repeat-x top left #fefbd8; }
	.ribbonBody .title{padding-top:15px;}	
	.pageHeaderImage { float:right;margin:2px 4px 0 4px;padding:2px;background:#fff; }

	.rssButton {float:right;padding:12px 10px 0 10px;width:40px; }
	.fbBtn{width:100px;padding-top:18px;}
	.toolkits{padding:10px 2px 10px 2px;float:left;width:134px;border:1px solid #e8ddbb;border-right-color:#888;}
	.toolkits img{float:left;display:inline;padding-right:8px;border:0;}
	.toolkits a{padding-top:4px;font-size:10pt;text-decoration:none;color:#440000}
	.toolkits a:hover{color:#880000;}
	.toolkits:hover{border:1px solid #880000;}
	.bgi{float:left;width:40px;height:40px;margin-right:4px;overflow:hidden;background:url('images/action_kit_sprites.jpg') no-repeat;}
	.smart-meters{ background-position:0 0;}
	.wifi{ background-position:-50px 0;}
	.celltower{ background-position:-90px 0;width:38px;}
	.cellphone{ background-position:-126px 0;}
	.ehs_health{ background-position:-168px 0;}				
	
/*	CONTENT BADGE - shows date and future social sharing tools */	
	.badge{
	    float:left;width:50px;background:url("images/menu_background.png") repeat-x scroll left top #16385A;
	    font-size:8pt;color:#eee;margin:0;padding:4px;top:20px;position:relative;
	    border:0px solid #5172f9;text-align:center;margin:4px 0 0 4px;
	}

/* CONTENT STYLES */
	.content_wrap{
    	background-color:#fff;float:left;width:98%;clear:both;display:block;margin:0;padding:4px 8px 10px 10px;font-size:1em;color:#000;   
	    border-top: 1px solid #35485F;border-bottom:1px solid #d2dde4;
	}
	.first {border-top:0;}
	.header{padding:0;margin:0;padding-left:74px;}
	.nobadge{padding-left:10px;}
	.header .title{font-size:1.7em;padding:0;margin-bottom:0;}
	.header .title a{text-decoration:none;color:#16385a}
	.header .title a:hover{color:#d2dde4;}
	.header .title .website_link{font-size:0.75em;display:block;background:url(icons/link.png) no-repeat 6px 8px #eee;
	    border-bottom:1px solid #ddd;padding:4px;padding-left:30px;}
	.header .subtitle{font-size:1em;padding-top:0;margin-top:0;color:#444;}
	.body{float:left;width:98%;clear:both;border:0;margin:0;padding:0px 8px 4px 10px;background:#fff; }
	.body p {font-size:16px;line-height:18px;}
		.links{border:0;padding-top:0;padding-bottom:10px;}
		.body .linkdesc{border:0;font-size:0.75em;padding:4px 0 0 10px;margin:0;display:block;}
		.body img{padding:4px;}
		.body .youtube-player{padding:4px 0 4px 0;margin:0;clear:both;}
		.body iframe{width:600px;}
	.content {font-size:1.1em;}
.footer,
.content_tools
{
	display:block;
	font-size:1em;
	padding:2px;
	margin:0 8px 0 8px;
	border-top:1px dashed #E0E9EF;
	text-align:right;
}
	.div_clear{clear:both;}
	.page{ font-size:1em;color:#000;margin:0;padding:10px 10px 8px 10px;background:#fff; }
	.title{font-size:1.7em;padding-bottom:0;background:none;}
	.introduction {background:#fefbd8;border-bottom:3px solid #e8ddbb;}
	.sidebar_text{padding:10px 4px 10px 4px;margin-bottom:4px;}
	.share a{display:inline;padding:0;margin:0;}
	
	p.emph{font-style:italic;}
	p.title_label{font-size:1em;padding-top:0;margin-top:0}
	p.para_title{font-size:1.4em;color:#440000;}
	p.bluey{color:#16385a;}
	p.small{font-size:0.7em;color:#fff}
	p.separator{border-bottom:1px solid #d2dde4;}


/* dynamic load styles */
#dynamicControl{float:right;clear:both;width:200px;height:39px;display:none;
	margin:2px 0 2px 0;background:#35485F;border-bottom:1px solid #444;
}
#dynamicControl #loading{position:relative;background:url(icons/loading.gif) no-repeat 4px 4px #35485F;
	height:36px;padding:12px 0 0 50px;font-size:10pt;display:none;color:#eee;
}
#dynamicControl .dcBtn{
	text-decoration:none;padding:10px 0 10px 0;text-align:center;margin:0;
	font-size:12pt;color:#eee;float:left;display:block;width:100%;
}
#dynamicControl .dcBtn:hover {background:#193C57;}

/* SIDEBAR STYLES */
.sectionContainer{
	float:left;
	width:100%;
	display:block;
	clear:both;
	margin:0;
	border-bottom:3px solid #eee;
	border-top:1px solid #ccc;
	padding:10px 0 10px 0;
	background:#fff;
	text-align:center;
}
.firstSection{border-top:0;padding-top:0;}
.walltowall{padding:0;margin:0;border:0;}
.sectionContainer img{float:left;padding-left:4px;}
.sectionContainer p{font-family:helvetica, sans-serif;font-size:11pt;color:#444;float:left;width:90%;
	padding:0 0 0 10px;text-align:left;}
.sectionContainer .sectionTitle{width:85%;}
.sectionContainer .social{font-family:helvetica, sans-serif;font-size:10pt;color:#35485F;text-decoration:none;}
.sectionContainer .social:hover{color:#0000aa;}

.btnContainer, .sectionTab{
	float:right;width:95%;border-right:4px solid #440000;margin:0;display:block;margin-right:4px;height:44px;background:#193c57;padding:0;
}
.sectionTab{background:#d2dde4;height:auto;padding:6px 0;}
.newsletter{padding:10px 4px 0 6px;margin:0;float:left;}
.btnContainer img{float:left;padding:2px 2px 2px 8px;}
.btnContainer p {display:block;float:right;width:120px;color:#fff;padding:4px 10px;font-size:10pt;margin:0;}
.btnContainer .sidebarBtn{
	text-align:center;display:block;text-decoration:none;color:#eee;
	font-family:helvetica, sans-serif;font-size:11pt;padding:13px 10px;
}
.btnContainer .sidebarBtn:hover{ background:#440000;}

a.button{
    padding:4px;display:block;background:#d2dde4;text-decoration:none;
    text-align:center;border:0;border-bottom:1px solid #50729f;margin-right:10px;
}

a.button:hover{ background:#50729f;color:#fff;}
ul.menu{padding:4px 0 4px 4px;margin:0;width:206px;list-style:none;}
ul.menu li{  padding:0px 0;margin:0px;float:none;border-bottom:1px solid #729abd;}
.main_nav{ border:0;background:none;padding:0; }
.main_nav li{   padding:0 1px;margin:0; }
.main_nav li a, ul.menu li a{
    font-family:verdana, sans-serif;font-size:10pt;display:block;padding:60px 7px 7px 7px;margin:0;
    text-decoration:none;color:#cce1fd;text-align:Center;
    background:url(images/nav_menu_sprites.jpg);background-repeat: no-repeat;
    border:1px solid #16385a;    
}
.main_nav li a:hover, .main_nav li a.highlight{
    color:#fff;
    background:url(images/nav_menu_hsprites.jpg);background-repeat: no-repeat;
    border-bottom-color:#0000ff;
}
.main_nav li a.no_lborder, a.no_lborder:hover{
    border-left-color:#16385a;
}
.main_nav li a.no_rborder, a.no_rborder:hover{
    border-left-color:#16385a;
}



ul.menu li a:hover, ul.menu li a.active{
    background:#16385a;color:#fff;
}

ul.links_list{
    list-style:none;padding:0;margin:0;float:left;width:570px;
}
ul.links_list li{padding:2px;margin:2px;}
ul.links_list .section {
    padding:0;margin:0;background:#eee;border-top:1px solid #ccc;
}
ul.links_list .section p{ padding:2px 0 2px 2px;margin:0;}

ul.links_list .end_section {
    border-bottom:1px solid #16385a;padding:0;margin:0;
}
ul.links_list li a{
    font-family:verdana, sans-serif;font-size:1em;display:block;padding:4px;
}
ul.links_list li a:hover{
    background:#fff;color:#16385a;
}
/* Footer styles */
#footer {
	clear:both;float:left;width:100%;
    background-color:#50729f;    border-top:5px solid #d2dde4;
}

#footer .disclaimer{
    text-align:left;width:200px;float:right;
    background-color:#50729f;
}
#footer .footer_text{background:inherit;}


#share{padding-left:10px;}
#share * a{
float:left;padding:0 2px;
}
#share * a:hover{
background:#fff;
}
#share .label{padding-top:4px;color:#000}

/* DROP DOWN MENU STYLES  
	Main menu settings === */
	#centeredmenu, #centered_submenu {
		float:left;width:100%;clear:both;margin:0;padding:0; border-bottom:2px solid #440000;z-index:1000;position:relative;
	}
	#centered_submenu { background:#3E556F;z-index:900;border-bottom:2px solid #35485F;border-top:2px solid #330000 }
	/* Top menu items */
	#centeredmenu ul,  #centered_submenu ul{
	   margin:0;padding:0;list-style:none;float:right;position:relative;right:50%;
	}
	#centered_submenu ul{width:900px;}
	#centeredmenu ul li, #centered_submenu ul li {
	   margin:0;padding:0;padding-right:4px;margin-right:2px;float:left;position:relative;left:50%;top:0;
	}
	#centeredmenu ul li{padding:2px 4px 2px 4px;}
	#centeredmenu ul li:hover{background:#220000;}
	#centeredmenu ul li.active{background:#440000;}
	#centered_submenu ul li {padding:0px;margin-right:4px;}
	#centeredmenu ul li a, #centered_submenu ul li a, #centered_submenu ul li.parent_label {
		font-size:11pt;padding:60px 5px 4px 5px;display:block;margin:0;
		text-decoration:none;color:#cce1fd;text-align:center;
		background:url(images/nav_menu_sprites.jpg);background-repeat: no-repeat;
	}
	#centered_submenu ul li a {font-size:10pt;background:#3E556F;line-height:14pt;padding:5px 2px;text-decoration:underline;}
	#centered_submenu ul li a:hover, #centered_submenu li:hover a, #centered_submenu ul li.active a{ border:0;text-decoration:none;background:#1B446F;color:#fff;}
	#centered_submenu ul li.parent_label{
		color:#eee;border:0;font-size:9pt;font-weight:bold;
		background:#3E556F;padding:6px 4px;text-align:center;border-right:1px dashed #440000;margin:0px 4px 0px 0;
	}
	#centered_submenu ul li.sfirst { border-left:0; }
	#centered_submenu ul li.slast { border-right:0; }
	#centeredmenu ul li.active a {
    	color:#fff;background:url(images/nav_menu_hsprites.jpg);background-repeat: no-repeat;
	    border-bottom-color:#440000;background-color:#440000;
	}
	#centeredmenu ul li:hover a, #centeredmenu ul li.hover a { 
    	color:#fff;background:url(images/nav_menu_hsprites.jpg);background-repeat: no-repeat;background-color:#220000;    
	}
	#centeredmenu ul li a.about{        background-position:0 0;}
	#centeredmenu ul li a.news{         background-position:-88px 0;}
	#centeredmenu ul li a.schools{      background-position:-200px 0;}
	#centeredmenu ul li a.community{    background-position:-339px 0;}
	#centeredmenu ul li a.health{       background-position:-470px 0;}
	#centeredmenu ul li a.wildlife{     background-position:-533px 0;}
	#centeredmenu ul li a.reflections{  background-position:-636px 0; }	
	#centeredmenu ul li a.video{        background-position:-720px 0;}
	#centeredmenu ul li a.links{        background-position:-810px 0;}
	#centeredmenu ul li a.contact{      background-position:-860px 0;}

/* Submenu items */
	#centeredmenu ul ul {
		display:none;position:absolute;top:95px;left:0;right:auto;width:200px; /* width of the drop-down menus */
		padding:10px 4px 10px 4px;background:#220000;
	}
	#centeredmenu ul ul li { left:auto;margin:0 2px 0 2px;clear:left;width:99%;border:0;padding:0;}
	#centeredmenu ul ul li a, #centeredmenu ul li.active li a, #centeredmenu ul li:hover ul li a, 
	#centeredmenu ul li.hover ul li a { 
	   font-size:11pt;text-align:left;font-weight:normal;background:#220000;color:#fff;
	   padding:4px 2px 4px 8px;display:block;border-bottom:1px solid #330000;
	}
	#centeredmenu ul li.active ul .calendar{ background:url(icons/date.png) no-repeat 0px 5px;padding-left:21px; }
	#centeredmenu ul li ul .resources{ background:url(icons/book_open.png) no-repeat 0px 5px;padding-left:21px; }
	#centeredmenu ul ul li a:hover, #centeredmenu ul li.active ul li a:hover, #centeredmenu ul li:hover ul li a:hover,
	#centeredmenu ul li.hover ul li a:hover {background:#440000;color:#fff; }

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/* FOOTER STYLES */

/* Footer Navigation */
#footermenu{float:left;width:750px;display:block;clear:both;margin:0;padding:0;font-family:helvetica,sans-serif; }
#footermenu ul{list-style:none;margin:0;padding:0;}
#footermenu ul li{padding:8px 0 8px 0;margin:0;border-top:1px solid #597B9F;border-bottom:1px solid #3e556f;display:block;clear:both;}

#footermenu ul li a {padding:4px;font-size:12pt;color:#d2dde4;text-decoration:none;line-height:16pt;}
#footermenu ul li a:hover{color:#fff;text-decoration:underline;}
#footermenu ul li .sub_item{font-size:10pt;}
#footermenu ul li .main_item{font-weight:bold;}


/* DONATION THANKS PAGE STYLE */	
	.donationPage{background:url('images/sections/donationBack.jpg') no-repeat top left #fff;padding:0;margin:0;height:400px;}
	.donationContainer{
		position:relative;top:0;right:0;float:right;
		width:330px;height:400px;display:block;clear:both;background:#404f29;
		margin:0;padding:0;
		filter: alpha(opacity=50); /* internet explorer */
		-khtml-opacity: 0.5;      /* khtml, old safari */
		-moz-opacity: 0.5;       /* mozilla, netscape */
		opacity: 0.7;           /* fx, safari, opera */	
	}
	.donation{position:relative;top:10px;left:320px;float:right;width:300px;background:none;color:#fff;font-size:12pt;z-index:5;line-height:16pt;}	
	#paypal_donation {
		position:absolute;width:300px;right:10px;float:right;bottom:4px;
		border-top:1px dashed #eee;padding-top:4px;color:#fff;text-align:right;}
	
/* ERROR PAGE STYLES */
	.errPage{background:url('images/sections/404Back.jpg') no-repeat top left #fff;padding:0;margin:0;height:300px;}
	.errContainer{position:relative;top:0;right:0;float:right;
		width:330px;height:400px;display:block;clear:both;background:#440000;
		margin:0;padding:0;
		filter: alpha(opacity=50); /* internet explorer */
		-khtml-opacity: 0.5;      /* khtml, old safari */
		-moz-opacity: 0.5;       /* mozilla, netscape */
		opacity: 0.5;           /* fx, safari, opera */
	}
	.error{position:relative;top:10px;left:320px;float:right;width:300px;background:none;color:#fff;font-size:12pt;z-index:5;line-height:16pt;}