/******* PAGE FRAMEWORK ************/
* {margin:0;padding:0;}

html, body  {
	background-color : #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #3C4349;
	margin:0;
	padding:0;
	}

/* removes frame from around "Share/Add This" */
div#_atssh { display:none !important; }

#outer {
	font-size :.8em;
	margin:auto;
}

/* column widths plus margin/padding should equal 1000px 
combinations include: 
6 + 2 = program/subsite home page (large left column, right column)
1 + 4 + 2 = regular three column program/subsite page
1 + 7 = two column program/subsite page
8 = full width page
*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8 {
	display:inline;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

.grid_1 { /*LEFT NAV*/
	width:150px;
	margin-right:30px;
}
.grid_2 { /*RIGHT NAV*/
	width:290px;
	margin-left: 30px;
}
.grid_3 { /*RIGHT NAV LANDING*/
	width:335px;
}
.grid_4 {
	width:500px; /*MIDDLE CONTENT*/
}
.grid_5 { /*LEFT NAV LANDING*/
	width:640px
}
.grid_6 { /*LEFT CONTENT - NO NAV */
	width:680px;
}
.grid_7 { /*RIGHT CONTENT - NO NAV */
	width:820px;
}
.grid_8 { /* FULL WIDTH */
	width:1000px;
	margin:auto 0;
}

.grid_4 ul, .grid_6 ul, .grid_7 ul, .grid_8 ul, div#printable ul {margin:1em 0 1em 2em; list-style:disc;} /* grids that only have content, no nav.  don't want to add to grids that have standard nav */

.grid_4 ol, .grid_6 ol, .grid_7 ol, .grid_8 ol, div#printable ol {margin:1em 0 1em 2em; list-style-type:decimal;}

.grid_4 ul ul, .grid_6 ul ul, .grid_7 ul ul, .grid_8 ul ul, div#printable ul ul, .grid_4 ul ul ul, .grid_6 ul ul ul, .grid_7 ul ul ul, .grid_8 ul ul ul, div#printable ul ul ul {margin-top:0; margin-bottom:0;} 

.grid_4 ol ol, .grid_6 ol ol, .grid_7 ol ol, .grid_8 ol ol, div#printable ol ol, .grid_4 ol ol ol, .grid_6 ol ol ol, .grid_7 ol ol ol, .grid_8 ol ol ol, div#printable ol ol ol {margin-top:0; margin-bottom:0;}

#wrapper {
	width:1000px;
	text-align:left; 
	margin: 0 auto;
	}	

div#content {margin:0 auto; width:1000px; padding-top:12px;}

div#printable {width:600px; margin: 0 auto; font-size :.8em;}
div#printable h2 {margin-top: 12px;}
div#printable h2.siteheader {color:#666; margin-top: 0;}
div#printable h3 {color:#999; margin: 12px 0;}

/* ************ GENERAL ELEMENTS *************** */

h1 {color:#10749c; font-size:1.8em; margin-bottom:.3em; font-weight:normal;}
h2 {color:#10749c; font-size:1.4em; font-weight:bold;margin-bottom:.4em;}

h2 a:link, h2 a:visited, h2 a:hover {text-decoration:none;color:#10749C;}
h2 a:hover {text-decoration:underline;color:#10749C;}
h2 a:focus, h2 a:active {text-decoration:underline;color:#434343;}
h2 a img , h2 img{ vertical-align:middle; border:none; margin:0 0 3px 3px;}

h3 {font-weight:bold; color:#10749c; line-height:1.2em;}
h3 a:link {font-weight:bold; color:#10749c; line-height:1.2em;}
h3 a:hover {font-weight:bold; color:#333; line-height:1.2em;}

h4 {font-weight:bold; color:#bf4e00; line-height:1.1em; font-style:italic;}

p  {
	font-size : 1em;
	text-align: left;
	margin:0 0 12px 0;
	line-height:1.4em;
}

em {font-style:italic;}

strong {font-weight: bold;}

.hide {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.small { font-size: .7em; }
.med { font-size: .8em; }
.reg { font-size: 1em; }

span.nobreak	{
	white-space: nowrap;
	}

.notop
{
	margin-top: 0;
}

.nobottom
{
	margin-bottom: 0;
}

.nomargin
{
margin: 0;
}

SUB {   font-size: smaller;
	vertical-align: sub; 
	line-height: 1px;}

sup {
		font-size: smaller; 
		vertical-align: super; 
		line-height: 1px;}

UL {
	margin-top:0;
}

li {line-height:1.3em;
	font-weight : normal;
	margin-bottom:0;}

dl {margin:1em 0;}
dt {margin:1em 0 0 0; font-weight:bold;}
dd {margin:.2em 0 0 2em; padding-bottom:.2em; }


/*Images */
img { border:0;}	
img.border { border:1px solid #999;}	

img.arrowicon {
	float:none; 
	padding: 0 0 0 3px; 
	vertical-align:middle;
}

/* for div and img tags */
.floatright {float:right; padding:0 0 12px 12px;}
.floatleft {float:left; padding:0 12px 12px 0;}
	
p.caption { background:#eee; margin: 0 0 12px 0; font-size:.85em; padding:5px 2px 5px 8px; }

/* LINKS */
A:link {color:#bf4e00;}
A:visited {color:#bf4e00;}
A:hover {color:#333;}
A:active {color:#333;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear{
	clear:both;
}

/******************* PAGE TEMPLATE ELEMENTS *****************/

/************ EERE HEADER  *******/
#eere_header {background-color: #00324D; background-image:url(/images/new/header_logo.gif); background-repeat:no-repeat; background-position:center; width:100%; height:60px;}

#eere_header_content {width:1000px; margin:0 auto;}

#eere_header_content img {float:left;}

#eere_header div#global_links {
	color:#FFF;
	font-size:.8em;
	line-height:1.2em;
	padding:6px 0;
	margin:.5em 0 0 0;
	text-align:right;
	float:right;
	}

#eere_header div#global_links a:link, #eere_header div#global_links a:visited, #eere_header div#global_links a:active {color:#fff; text-decoration:none;}
#eere_header div#global_links a:hover {color:#fff; text-decoration:underline;}

/************ PROGRAM HEADER  *******/


#program_header_subsite { width:1000px; margin:0 auto; }

#program_header_subsite_nonav { height:93px; position:relative; background-image:url(/images/new/background_shim.gif); background-repeat:repeat-x; background-color:#fff; margin-bottom:6px;}

#program_header_content, #program_header_content_nonav {margin:0 auto; border-bottom: 1px solid #CCCCCC;}

#program_header_subsite_content_nonav  { width:1000px; margin:0 auto; height:93px; border-bottom:8px solid #5aa83b; background:none;}

#sitename, #sitename2 {
	color:#444;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 2.8em;
    font-weight: 300;
    line-height: 0.8;
    margin: 0;
    padding: 1em 0;
}
	
#sitename a, #sitename2 a {color:#444; text-decoration:none;}

#program_header_subsite #sitename, #program_header_subsite_content_nonav #sitename {color:#000; padding-top:25px;}

#program_header_content_nonav #sitename, #program_header_subsite_content_nonav #sitename {padding-top:35px;}

#program_header_subsite_content_nonav #sitename2 {color:#006020; padding-top:20px; font-size:2em; line-height:1.1em;} /* name wraps to two lines */

#program_header_subsite #sitename a, #program_header_subsite_content_nonav #sitename a, #program_header_subsite #sitename2 a, #program_header_subsite_content_nonav #sitename2 a {color:#006020; text-decoration:none;
}


/* Search box */
#searchbox {
padding:15px 0 0 0;
display: block;
}

#program_header_content_nonav #searchbox {
	padding-top:30px;
}

#program_header_subsite_content_nonav #searchbox {
	padding-top:25px;
}

#searchbox label {color:#000; display:block; font-size:.8em; padding-bottom:3px;}
#searchbox input {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 0;
	color:666;
    font-size: 12px;
    height: 23px;
    padding: 0 13px;
    vertical-align: top;
	}
#searchbox input#search {width:210px;}
#searchbox input.form-submit, input.form-button {
    -moz-appearance: none;
    background-color: #fff;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: inline-block;
    padding: 0;
	margin-left:-5px;
}
input, select, textarea {
	color:#666;
}
:-webkit-input-placeholder {font-size: 12px;color: #CCC;}
:-moz-placeholder {font-size: 12px;color: #CCC;}
:-ms-input-placeholder {font-size: 12px;color: #CCC;}
#searchbox p {
	color: #fff; 
	text-decoration: none;
	margin: 0;
	font-size: .8em; 
	padding:0;
}

#searchbox p :link, #searchbox p :visited {
	color: #fff; 
	text-decoration: none; }

#searchbox p A:hover { color: #fabd17; } 

#program_header_subsite label, 
#program_header_subsite #searchbox p, 
#program_header_subsite #searchbox p :link, 
#program_header_subsite p :visited, 
#program_header_subsite_nonav label, 
#program_header_subsite_nonav #searchbox p, 
#program_header_subsite_nonav #searchbox p :link, 
#program_header_subsite_nonav #searchbox p :visited  {color:#3c4349; }

/* top nav */
div#navwrap {width:100%; display:block; background-color:#666; height:40px;}
div#topnav 
{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background-color:transparent;
	position:absolute;
	font-size:.95em;
}

#topnav li{
	min-width: 100px;
	display: inline-block;
	text-align: center;
	margin: 0 45px 0 0;
	width:100px;
	float:left;
	height: 40px;
	line-height:1.2em;
	font-weight:bold;
}
#topnav li a{
	text-transform:uppercase;
	text-decoration: none;
	width:100px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}



#topnav li a:hover, #topnav li.current a {
	color: #fabd17;
	background: #006021;
	display:table-cell;
	vertical-align: middle;
}



#topnav li#nav_home, #topnav li#nav_home a {min-width: 70px; width:70px;}
#topnav li#nav_about, #topnav li#nav_about a {min-width: 80px; width:80px;}
#topnav li#nav_financial, #topnav li#nav_financial a {min-width: 120px; width:120px;}
#topnav li#nav_research, #topnav li#nav_research a {min-width: 120px; width:120px;}
#topnav li#nav_program, #topnav li#nav_program a {min-width: 100px; width:100px;}
#topnav li#nav_info, #topnav li#nav_info a {min-width: 110px; width:110px;}
#topnav li#nav_news, #topnav li#nav_news a {min-width: 70px; width:70px;}
#topnav li#nav_events, #topnav li#nav_events a {min-width: 70px; width:70px;}

#program_header_subsite #topnav { background-color:#666;}
#program_header_subsite #topnav li a { background-color:#666;}
#program_header_subsite #topnav li a:hover, #program_header_subsite #topnav li.current a { color:#fff; background-color:#000; text-decoration:underline;}

/*************** UTILITIES AREA ***************/

/* div#utility_line {overflow:auto;} */

div#breadcrumb {
	font-size:.85em;
	font-weight:bold;
	color:#444444;
	margin-bottom:24px;
	float:left;
}

div#breadcrumb a { 
	color: #0074A1;
    text-decoration: none;
}
div#breadcrumb a:hover{
	color: #0074A1;
    text-decoration: underline;
}

ul#utilities, ul#utilities_508 {
	width:291px;
	color:#3c4349;
	margin:0 0 24px 0;
	padding:0;
	font-size:.8em;
	list-style:none;
	height:11px;
	line-height:1.3em;
	float:right;
	
}

ul#utilities_508 {
	width:257px;
	position: relative; 
	z-index: 3000;/**/
}

ul#utilities.nositemap {
	width:206px;
}

ul#utilities_508.nositemap {
	width:169px;
}

ul#utilities li, ul#utilities_508 li {display:block; float:left;vertical-align:bottom;}

ul#utilities a, ul#utilities_508 a {
	color: #0074A1;
    text-decoration: none;
}

ul#utilities a:hover, ul#utilities_508 a:hover {
	color: #0074A1;
    text-decoration: underline;
}

ul#utilities li#sitemap, ul#utilities_508 li#sitemap {width:65px; background-image:url(/images/new/icon_sitemap.gif); background-repeat:no-repeat; padding:0 0 0 20px;margin:0; }
ul#utilities li#print, ul#utilities_508 li#print {width:100px;background-image:url(/images/new/icon_print.gif); background-repeat:no-repeat; padding:0 0 0 20px;margin:0;}
ul#utilities li#share  {width:83px;}
ul#utilities li#share a img {padding-left:3px;}

ul#utilities_508 li#share {width:49px;}
ul#utilities_508 li#share a img {padding-left:3px;}

.addthis_button{
	text-align:right;
}

/*accessible add this styles  */
	.invisible { position: absolute; width: 0; height: 0; overflow: hidden; }
		.addthis_toolbar{position:relative;zoom:1;}
		.addthis_button_508{cursor:pointer;color:#259;background:url(/images/addthis/addthis.gif) no-repeat left center;padding-left:20px;}
		.addthis_list.show{margin:0;position:absolute;top:1.3em;left:0;z-index:99;background:#FFF;width:14.8em;padding:.3em .1em;border:1px solid #CCC;}
		.addthis_list li{list-style:none;width:50%;float:left;font-size:93%;font-weight:bold;font:"Trebuchet MS";}
		.addthis_list a{padding-left:20px;display:block;height:16px;text-decoration:none;}
		.addthis_list a:hover{background-color:#eee;}
		.addthis_list .favorites{background:url(/images/addthis/favorites.gif) no-repeat left center;}
		.addthis_list .email{background:url(/images/addthis/email.gif) no-repeat left center;}
		.addthis_list .facebook{background:url(/images/addthis/facebook.gif) no-repeat left center;}
		.addthis_list .twitter{background:url(/images/addthis/twitter-s.gif) no-repeat left center;}
		.addthis_list .google{background:url(/images/addthis/google.gif) no-repeat left center;}
		.addthis_list .ybuzz{background:url(/images/addthis/buzz.gif) no-repeat left center;}
		.addthis_list .delicious{background:url(/images/addthis/delicious.gif) no-repeat left center;}
		.addthis_list .digg{background:url(/images/addthis/digg.gif) no-repeat left center;}
		.addthis_list .more{background:url(/images/addthis/addthis.gif) no-repeat left center; }

/*************** LEFT NAV ***************/

#leftnav
{
padding: 0;
margin-bottom: 1.3em;
font-size: 1.1em;
}

#leftnav ul
{
list-style: none;
margin: 0;
padding: 0;
}

#leftnav li
{
margin: 0;
font-weight:normal; 
}

#leftnav li a
{
display: block;
padding: 5px;
color: #444444;
text-decoration: none;
width: 140px;
}

#leftnav li a:hover, #leftnav li a.current
{
background-color: #5f6158;
color:#fff;
}

#leftnav li li
{
margin: 0;
display: inline;
border-bottom: 1px solid #DDD;
display:block;
}

#leftnav li li a
{
padding: 5px 5px 5px 15px;
width: 140px;
font-weight:normal;
}

#leftnav li li li 
{
list-style-type:none;
background-image: url(/images/new/third_level_leftnav_dash.gif);
background-repeat: no-repeat;
background-position: 15px center;
border-bottom:none;
}

#leftnav li li li a
{
padding: 5px 5px 5px 25px;
width: 120px;
background-image: url(/images/new/third_level_leftnav_dash.gif);
background-repeat: no-repeat;
background-position: 15px center;
}

#leftnav li li li a:hover, #leftnav li li li a#current
{
background-color: #5f6158;
background-image: url(/images/new/third_level_leftnav_dash.gif);
background-repeat: no-repeat;
background-position: 15px center;
}

.grid_1 div.feature {
	color: #004063;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: .5em .1em;
	font-weight:bold;
	font-size:.95em;
	line-height:1.4em;
	}

.grid_1 div.feature a {
	color: #006021;
	text-decoration:none;
}

.grid_1 div.feature a:hover {
	color: #3c4349;
}

.grid_1 div#quicklinks {
	background: #eee;
	width:90%;
	margin: 60px auto 1.5em auto;
	padding:.3em 0;
	font-size:.9em;
}

.grid_1 div#quicklinks h3 {
	padding:5px;
	color:#10749c;
}

.grid_1 div#quicklinks ul {
	border-top:3px #ccc solid;
	color: #3c4349;
	list-style:disc;
	padding: .2em .1em 0 1.3em;
}

.grid_1 div#quicklinks ul ul {
	border-top:none;
		padding: .2em .1em 0 .7em;
}

.grid_1 div#quicklinks a {
	text-decoration:none;
}
 
.grid_1 div#quicklinks a:hover {
	text-decoration:underline;
}
 
.grid_1 div#quicklinks ul li {
 margin:5px;
}

/*************** "Program Highlights" AREA **************
provides two column layout (highlights_left/highlights_right, h2 and h3 w/rule headers, )
*/

/* header above the program highlights */
h2.hp{
	width:100%;
	background-color:#fff;
	color:#000;
	text-transform:uppercase;
	font-size:1.6em;
	margin: 2em 0 0.2em 0;
	font-weight:normal;
}





/* windexchange home page center content - NEW 3.2104 */
hp_highlights {
	width:94%;
	background-color:#fff;
	height:auto;
	float:left;
	padding:15px 20px;
}
/* left column */
#hp_highlights div#hp_left, #hp_highlights div.hp_left {
	float:left;
	width:240px; /* you can change these percentages in site specific style sheet */
	padding:0 10px 0 0;
	text-align:left;
	border-right: 1px dotted #ccc;
}
.hpfeat { 
	border-bottom: 1px solid #ccc;
	margin-bottom:1em;
}
.hpfeat .caption {
	width:219px;
}

/* right column */
#hp_highlights div#hp_right, #hp_highlights div.hp_right {
	float:right;
	width:400px; /* you can change these percentages in site specific style sheet */
}
#hp_right h3 {
	margin:1em 0 0 0;
}
#hp_right p {
	line-height:1.2em;
}
#hp_highlights h2{
	color:#000;
	font-size:1.3em;
	margin:0.5em 0;
	border-bottom: 1px solid #ccc;
	padding:0 0 0.5em 0;
	text-transform:uppercase;
	font-weight:normal;
}
#hp_highlights h3 a:link, #hp_highlights h3 a:visited {
	color: #10749C;
    text-decoration: none;
}
#hp_highlights h3 a:hover, #hp_highlights h3 a:active {
	color: #10749C;
    text-decoration: underline;
}	
.hp-map-l {
	float:left;
	margin:0 20px 0 0;
	width: 190px;
}
.hp-map-r {
	float:left;
	margin:0;
	width: 190px;
}



/* if doesn't have h2.hp header, Program Highlights needs margin-top added to it. */
#program_highlights {
	width:94%;
	background-color:#eee;
	height:auto;
	float:left;
	padding:15px 20px;
	border-top:3px solid #000;
}

div.grid_4 #program_highlights {
	width:460px;
}

/* left column */
#program_highlights div#highlights_left, #program_highlights div.highlights_left {
	float:left;
	width:48%; /* you can change these percentages in site specific style sheet */
	padding:0 24px 0 0;
	text-align:left;
}

/* right column */
#program_highlights div#highlights_right, #program_highlights div.highlights_right {
	float:right;
	width:48%; /* you can change these percentages in site specific style sheet */
	padding:0;
}

/* Divs available in program highlights:
div div - just adds 20 pixels to bottom
div div div - removes 20 pixels from bottom
div.links - formatting for lists of links including quick links
div.feature - for individual feature elements, should be in a div
div.text - provides some formatting for h4s
*/

div#program_highlights div div {
	margin-bottom:20px;
 clear:both;
}

div#program_highlights div div div {
	padding-bottom:0;
}

#program_highlights h2{
	color:#10749c;
	font-size:1.1em;
	margin:0 0 10px 0;
	border-bottom: 1px solid #10749c;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
}

#program_highlights h3{
	color:#10749c;
	font-size:1em;
	margin:0 0 10px 0;
	border-bottom: 1px solid #10749c;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
}

#program_highlights h3.noborder {
	color:#3C4349;
	font-size:1.05em;
	margin:0 0 10px 10px;
	border-bottom: none;
	padding:0;
	text-transform: none;
	font-weight:bold;
}

/* two column list for links with no bullets */
#program_highlights ul.left {
	float:left;
	width:48%;
	margin:0;
	padding-left:4px;
}

#program_highlights ul.right {
	float:right;
	width:48%; 
	margin:0;
	padding:0;
}

/*links with no bullets and underlines */
#program_highlights div.links ul li, #program_highlights div.links ul li a {
	color:#ba4f16;
	font-size:1em;
	list-style:none;
	padding:0;
	margin-bottom:.2em;
}

#program_highlights div.links ul li a:hover{
	color:#3C4349;
}

/* list of links with bullets and no underlines (including quick links) */
#program_highlights div.links ul.bullets li, #program_highlights div.links ul.bullets li a {
	list-style: disc;
}

#program_highlights div.links ul.bullets li {	
	line-height:1.3em;
}
#program_highlights div.links ul.bullets li a {
	text-decoration:underline;
}

#program_highlights div.links ul.bullets li a:hover{	
	text-decoration:underline;
}

/* subbullets */
#program_highlights div.links ul.bullets ul {
	margin:3px 0;
}

#program_highlights div.links ul.bullets ul li {
	font-size:1em;
	background-image: url(/images/new/dash_quicklinks.gif);
	background-position: 0 .7em;
	background-repeat:no-repeat;
	padding-left:10px;
	list-style:none;
}

/* Features in program highlights area */
#program_highlights div.feature{
	color:#3c4349;
	float:left;
	width:100%;
	margin-bottom:0;
}

#program_highlights div.feature ul img{
	padding:0 12px 0 0;
	margin:0;
	border:none;
	float:left;
}

#program_highlights div.feature ul img.arrowicon {
	float:none; 
	padding: 0;
	margin-left:3px; 
	vertical-align:middle;
}

#program_highlights div.feature ul{
	margin:0;
	list-style:none;
	width:100%;
	padding:0;
}

#program_highlights div.feature li{
	  border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 2px 0;
		height:60px;
		padding:0;
}

#program_highlights div.feature li a, #program_highlights div.feature li a:visited, #program_highlights div.feature li a:hover, #program_highlights div.feature li a:active {
	  color: #3C4349;
    display: block;
    padding: 5px;
    text-decoration: none;
		font-weight:bold;
		font-size:1em;
		height:60px;
}

#program_highlights div.feature li.inline a {
    display: inline;
		padding:0;
		text-decoration:underline;
		height:auto;
		font-size:.8em;
}

* html #program_highlights div.feature li a {  /* make hover effect work in IE */
	width:97%;
}

#program_highlights div.feature li a:hover {
    background: #fff;
		color:#ba4f16;
		height:50px;
}

#program_highlights div.feature a em { 
    color: #3C4349;
    display: block;
		font-weight:normal;
}

#program_highlights div.feature a span {
    color: #3C4349;
		font-size:1em;
		display:block;
		font-weight:normal;
}

/* Program highlights text only */
#program_highlights div.text h4  { 
	font-weight:bold;
}

#program_highlights div.text h4 a { 
	text-decoration:none;
}

#program_highlights div.text h4 a:hover { 
	text-decoration:underline;
}

#program_highlights div.text h4 a:visited { 
	color:#bf4e00;
}

#program_highlights div.text h4 a img { 
	vertical-align:middle;
	text-decoration:none;
	margin-left:3px;
	border:none;
}

/*************** RIGHT NAVIGATION COLUMN ***************/
/* Features */
div.grid_2 div.feature {
	color:#3c4349;
	border-bottom:1px solid #ddd;
	padding:0 10px 15px 10px;
	margin-bottom:10px;
	width:270px;
}
div.grid_2 div.feature img{
	padding:0 12px 0 0;
	margin:0;
	border:none;
	float:left;
}

div.grid_2 div.feature h3 img, div.grid_2 div.feature p img {
	padding:0 0 0 3px;
	float: none;
}

div.grid_2 div.feature h3 a {
	text-decoration:none;
	color: #10749c;
}

div.grid_2 div.feature h3 a:hover {
	text-decoration:underline;
	color:#10749c;
}

div.grid_2 div.feature p {
	margin:0;
}

div.grid_2 div.features div:last-child {
	border-bottom:1px solid #006021;
}

div.grid_2 h2{
	color:#000;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	padding:5px 0;
	font-size:1.4em;
	clear:left;
	margin-bottom:0.5em;
}

ul.newsevents, ul.extras {
	list-style:none;
	padding:0;
	margin:0 0 12px 1em;
	font-size:.9em;
	}

ul.newsevents li {
	border-bottom:1px solid #eee;	
	margin-bottom:.75em;
}

ul.newsevents li:last-child {
	border-bottom:1px solid #10749c;
	margin-bottom:0;
}

ul.newsevents h3 a {
	color:#10749c;
	text-decoration:none;
	padding-bottom:.6em;
	font-weight:normal;
	line-height:1.3em;
	font-weight:bold;
}

ul.newsevents h3 a:hover{
	text-decoration:underline;
	color:#10749c;
}

ul.newsevents p {
	color:#64717b;
	text-decoration:none;
	margin-bottom: .5em;
	line-height:1.3em;
}

ul.newsevents p a {
	text-decoration:none;
}

ul.newsevents p a:hover {
text-decoration:underline;
	color:#ba4f16;
}

ul.extras li {
	padding-bottom:3px;
}

ul.extras li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

ul.extras li a:hover{
	color:#000;
	font-weight:bold;
	text-decoration: underline;
}

ul.extras li img {
	vertical-align:bottom;
}

/*li.newsextras a:visited{
	color:#666;
	font-weight:bold;
}*/

div#survey {position:relative; border-bottom:1px solid #006021;padding-bottom:1.5em;}
div#survey input.survey_yes {margin-left:10px;margin-right:3px;}
div#survey input.survey_no {margin-left:25px;margin-right:3px;}
div#survey input.submit {position:absolute; right:5px;}

/******************* Survey feedback ****************/
div.feedback {  border-bottom:1px solid #006021; min-height:30px; padding: 0 10px 15px 10px; margin:0 0 10px 0; }
div.feedback div.checkbox { margin-left:25px;  float:left; padding-top:0px; }
div.feedback div.submit   { margin-right:15px; float:right;}
div.feedback input        { margin-right:5px;}
div.feedback label  {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:normal;
	font-size:12px;
}
#feedback {margin-bottom:.5em;}

/* Styles used on the popup window */
div.feedback_thankyou h1 {font-size:1.1em;}
div.feedback_thankyou p {font-size:.9em;}
div.feedback input.button { font-size:1em; width:50px;margin:0 auto; text-align:center; }
div.feedback_header { background-color: #006021; color:#FFFFFF; font-weight:bold; padding:10px; font-size:1.3em;}
div.feedback_thankyou {padding:18px 10px 10px 10px; }


/*********************** FOOTER ***************/
#footer {
	width:100%;
	background-color:#fff;
	margin:auto;
	clear:both;
	padding-top:100px;
}

#footer p {padding-top:10px; font-size :.7em; text-align:center; color:#3C4349;
	line-height:1.3em;}
#footer a{
		color:#3C4349;
		text-decoration:none;
	}

#footer a:hover{
		color:#3C4349;
		text-decoration:underline;
	}

/*********************** REUSABLE PAGE ELEMENTS ***************/

/* Data Tables */
table.data	{	border-top : 1px solid #CCC;
			border-left : 1px solid #CCC; font-size:.95em; margin-bottom:12px;}

caption {font-size: 1.1em; font-weight:bold; padding:6px; background-color:#D4E5D5; border:1px solid #ccc; border-bottom:none; line-height:1.3em; text-align:center;}

caption.blue { background-color:#CCD6DB;}

table.data td	{	border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			padding:5px;
			line-height:1.3em;
			}

tr.grey	{	background-color:#EEE;}

table.data th	{	
			border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			padding:5px;
			font-weight:bold;
			line-height:1.3em;
			}


.left { text-align:left;}


/* ROUNDED CORNER BOXES */
/* gray background w/ gray border - override the classes marked "background" with inline styles to change */
div.roundedcorner {margin:12px 0; width: 250px; }
.boxtop, .boxbottom {display:block;background:transparent;font-size:1px;}
.boxb1, .boxb2, .boxb3, .boxb4 {display:block;overflow:hidden;}
.boxb1, .boxb2, .boxb3 {height:1px;}
.boxb2, .boxb3, .boxb4 {background:#eee;border-left:1px solid #ccc;border-right:1px solid #ccc;} /* background */
.boxb1 {margin:0 5px;background:#ccc;}
.boxb2 {margin:0 3px;border-width:0 2px;}
.boxb3 {margin:0 2px;}
.boxb4 {height:2px; margin:0 1px;}
.boxmiddle {display:block;background:#eee;border:0 solid #ccc;border-width:0 1px;text-align:left;} /* background */
/* classes to control padding and alignment -- use inline style to change other treatments */
.graphical_header {margin-bottom:6px;} /* for boxes that use a graphical header */
.boxcontent {background:transparent;margin:0 6px 0 10px; padding-bottom:6px;}
div#printable div.boxcontent h3 {margin:0;color:#000;}
div#printable div.boxcontent h2 { margin:0; padding-top:.5em; }

/* box code - change to appropriate width inline

<div class="roundedcorner">  
		<b class="boxtop"><b class="boxb1"></b><b class="boxb2"></b><b class="boxb3"></b><b class="boxb4"></b></b>
	<div class="boxmiddle"><div class="boxcontent">
	<!-- if the box top is an image, put it here and add the .graphical_header class -->

<!-- content goes here --->

	</div></div>
		<b class="boxbottom"><b class="boxb4"></b><b class="boxb3"></b><b class="boxb2"></b><b class="boxb1"></b></b>
</div>

*/


/******************	CALLOUT BOXES *******************/
div.callout {  width:250px;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px 0 15px 15px;
 float:right; 
 position:relative;
 }
 
div.calloutwide {  width:100%;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
 }

/******************* Back to Top Anchor Link ****************/
p.backtotop {
text-align: right;
font-size :.9em;
}
p.backtotop A:hover { 
color: #900;
} 
p.backtotop :link, p.backtotop :visited {
color : #006;
}

/* anchor list */
#anchorlist li, .anchorlist li {
margin-top:0;
margin-bottom: 0;
margin-left:-10px;
}

/******************* WindMaps ****************/

.mapcontainer-l {
	float:left;
	margin:0 20px 20px 0;
	width:400px;  
}
.mapcontainer-r {
	float:left;
	margin:0 0 20px 0;
	width:400px;  
}
.maplink {
	font-weight:bold;
	margin:1em 0;
	text-align:center;
}