@charset "utf-8";
/* CSS Document */

body {margin:0 auto;padding:0;background:#ececec}
/* holder styles */
.container {background:#FFF;margin:0 auto;padding:0}

/*background image*/
.landing {background:url(images/landing_green_bck_v10.jpg) no-repeat left top;  min-height:300px; 
 display:block;
 }
 ul#impact-quick-links li { list-style: none; margin-left: 0; }
	ul#impact-quick-links li.doc-file { list-style: none; background: url(images/doc-file.png) no-repeat 0 3px #f5f5f5; margin-left: 15px; min-height: 40px; }
	ul#impact-quick-links li a { margin-left: 28px; display: block; }
	.box-local {padding:1.5em; 
  margin-bottom:1.5em; 
  background:#f8f6f4}
 .landing3 {background:url(images/landing_green_bck_v5.jpg) no-repeat left top;  
 display:block;
 }
/* General Text styles */


	h2 {color:#16416D}
	h2 a {text-decoration:none;color:#16416D}
	h2 a:hover {text-decoration:underline;color:#999}
.sechead h2 {color:#FFF;margin-top:25px}


	h3 {color:#9C231B; font-family: Georgia;
    font-size: 22px;
    font-weight: bold; line-height:1.2em;}
	h3 a {text-decoration:none;color:#9C231B;}
	h3 a:hover {text-decoration:underline;color:#999}

.landing h3, .landing2 h3 {color:#9C231B;}

	h4 {color:#9C231B; font-family: Georgia;
    font-size: 16px;
    font-weight: bold;}
	h4 a {text-decoration:none;color:#9C231B;}
	h4 a:hover {text-decoration:underline;color:#999}

	h5 {color:#16416D; padding-bottom:5px;}
	h5 a {text-decoration:none !important;color:#16416D}
	h5 a:hover {text-decoration:underline !important;color:#16416D}

	h6, .landing h6 {color:#2D4401; font-size:14px; font-weight:bold;font-family:Georgia; line-height: 1.2em;}
	h6 a, .landing h6 a {text-decoration:none;color:#2D4401;}
	h6 a:hover, .landing h6 a:hover {text-decoration:underline;color:#686c73;}

.landing p, h3, h4 { margin-left:10px;  }
.landing2 p, h3, h4 { margin-left:10px; }
.subnav h4 {margin-bottom:.05em}

th {font-weight:bold;color:#FFF;background:#999}
th a {text-decoration:underline;color:#FFF}
th a:hover {text-decoration:underline;color:#000}
td {font-size:.85em}
.tdalt {background:#EEE}
.ref td {vertical-align:top}

.learnmore a { color:#2D4401; font-size:12px; font-weight:bold;}
.learnmore a:hover{text-decoration:underline;color:#686c73;}
.learnmore a:visited{color:#2D4401; text-decoration:underline; }

a, a:link {
    color: #16416E;
    text-decoration: none;
}
a:hover{
	color: #686c73;
    text-decoration: underline;
}
a:visited {
    color: #16416E;
    text-decoration: none;
}

p{
	font-size:12px;
	font-family:Arial ;
	padding-left: 10px;
	
}


/* header styles */
.header {background:#FFF url(images/hdbck.jpg) repeat-x left top}
.header-title  h1 {font-family: Times !important; font-weight:normal !important; font-size:36px; 

margin-bottom:-.3em;color:#17305c; letter-spacing:1px;}
.header-title  h4 {font-style:normal !important;margin:5px 0;line-height:1em;color:#16416D}
.header-title  h5 {font-family:Times; font-size:18px; font-weight:normal !important; margin:0 0 10px;color:#17305c}


/* Coin Slider Table */
.coinSliderTable {background:url(images/border_blue.png); width:364px; height:210px; margin:10px;}
.coinSliderTable td {cellspacing:21px;}

/* navigation */
.primary_nav {font-weight:bold;font-size:1.4em;margin:10px 0;padding:10px 

0;text-align:center;letter-spacing:.1em;background:url(images/mainnav.jpg) repeat-x left top} 
	.primary_nav ul {padding:0;margin:0;display:inline-block}
	.primary_nav ul li {float:left;display:block;margin:0;padding:0}
	.primary_nav ul li a {text-decoration:none;margin:0;padding:0 30px;color:#000}
	.primary_nav ul li a:hover {color:#999;text-decoration:underline}
	.primary_nav ul li a.first {margin-left:0}
	.primary_nav ul li a.last {background:none}
	.primary_nav ul li a.selected {color:#666;font-style:italic}

.primary_nav_comp {margin:0;padding:0;background:#f9fbfa; border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;} 
	.primary_nav_comp ul li a {text-decoration:none;}

.subnav {margin:0px auto} 
	.subnav ul {list-style:none;margin:0 auto;padding:10px 0;font-size:.85em;line-height:1.1em}
	.subnav ul ul {margin:-5px 0 -5px 10px;font-size:1em;line-height:1.1em}	
	.subnav ul li {margin:0;position:relative}
	*html .subnav ul li:hover, *html .subnav ul a:hover {position:relative}
	.subnav ul li a {color:#8C5B38;padding:.25em .5em;display:block;text-decoration:none}
	.subnav ul li a:hover {color:#16416D;text-decoration:underline}
	
.subnav2 {margin:10px 0} 
	.subnav2 ul {margin:0 auto;padding:10px 0;font-size:.85em;line-height:1.1em}
	.subnav2 ul li {margin:0;position:relative}
	*html .subnav2 ul li:hover, *html .subnav2 ul a:hover {position:relative}
	.subnav2 ul li a {color:#666;background:url(images/subnav2.jpg) no-repeat left top;padding:0 0 8px 

10px;display:block;text-decoration:none}
	.subnav2 ul li a:hover {color:#16416D;text-decoration:underline}

.crumbcontrols {margin:10px 0;font-size:.7em;line-height:1.2em;font-weight:bold}
.crumbs {}
.best-practices-link { margin-top: 5px; margin-bottom: 20px; border-top: solid rgb(213, 213, 213) 1px; border-bottom: solid rgb(213, 213, 213) 1px; padding-top: 6px; text-align: center; }
.best-practices-link a { font-family: georgia; font-weight: bold; }
.textControls {text-align:right}

.search p {text-align:right}

.whatnew {margin:10px 0}

.sechead {background:url(images/sechead.jpg) no-repeat;height:120px}

.newsignup {background:#444;color:#FFF;padding-top:10px}
.newsignup h3 {text-transform:none;color:#FFF}
.newsignup input {background:#AAA}
.newsignup a,.newsignup a:link {color:#FFF}

.newsignup2 {background:#444;color:#FFF;margin-top:10px;padding-top:10px}
.newsignup2 h3 {text-transform:none;color:#FFF}
.newsignup2 input {background:#AAA}
.newsignup2 a,.newsignup a:link {color:#FFF}
.dateStyle {font-size:9px; color:#FFF; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}

div.white {color:#000000;}

a.AwardLink {text-decoration:none !important;color:#16416D}
a.AwardLink:hover {text-decoration:underline !important;color:#16416D}
.videoLink {font-family: Times !important; font-weight:normal !important; font-size:12px;padding-left:2px;}
.videoSubText {font-weight:normal !important; font-size:10px; color:#16416D; line-height:1.2em}
#videoTitleHeader {padding-top: 10px; padding-left: 20px; font-family: Times !important; font-weight:normal 

!important; font-size:20px; color:#16416D;}
#videoDesc {padding-left: 20px; font-family: Times !important; font-weight:normal !important; font-size:12px; 

color:#16416D; line-height:1.0em}
#thumbDesc {font-size:13px;line-height:1.2em}

/* footer styles */
#footer {
	background:url(images/HUD_newfooter_1010px_2.jpg) no-repeat bottom;
	height:136px;
	background-color:#FFF;
	padding:0px;
	color:#FFF;
	text-align:center;
	position:relative;
	
}
#footer-link-1 {
	position: absolute; 
	top: 0px;
    left: 430px;
    width: 130px;
    height: 14px; 
	background-color: transparent;
}
#footer-link-2 {
	position: absolute; 
	top: 60px; 
	left: 370px; 
	width: 180px; 
	height: 9px; 
	background-color: transparent; 
}
#footer-link-3 {
	position: absolute; 
	top: 105px;
	left: 420px; 
	width: 150px; 
	height: 9px; 
	background-color: transparent;
}
#footer-link-4 {
	position: absolute; 
	top: 140px; 
	left: 780px;
	width: 85px; 
	height: 30px; 
	background-color: transparent; 
}
#footer-link-5 {
	position: absolute; 
	top: 130px; 
	left: 880px; 
	width: 50px; 
	height: 45px; 
	background-color: transparent; 
}
#footer-link-6 {
	position: absolute; 
	top: 140px; 
	left: 940px; 
	width: 35px; 
	height: 25px; 
	background-color: transparent; 
}
#footer-link-rec {
	position: absolute; 
	top: 85px;
    left: 250px;
    width: 80px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-acc {
	position: absolute; 
	top: 85px;
    left: 335px;
    width: 70px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-con {
	position: absolute; 
	top: 85px;
    left: 410px;
    width: 60px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-pri {
	position: absolute; 
	top: 85px;
    left: 475px;
    width: 70px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-foa {
	position: absolute; 
	top: 85px;
    left: 550px;
    width: 30px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-web {
	position: absolute; 
	top: 85px;
    left: 585px;
    width: 170px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-ins {
	position: absolute; 
	top: 100px;
    left: 370px;
    width: 90px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-nofear {
	position: absolute; 
	top: 100px;
    left: 465px;
    width: 60px;
    height: 12px; 
	background-color: transparent; 
}
#footer-link-pay {
	position: absolute; 
	top: 100px;
    left: 530px;
    width: 120px;
    height: 12px;
	background-color: transparent; 
}

#footer .footernav ul {margin:0;padding:0;list-style:none;text-align:right}
#footer .footernav li {display:inline}
#footer ul li {margin:0;padding:0}
#footer ul li a {border-right:1px solid #16416D;padding:0 8px 0;margin:0 0 0 -2px}
#footer a.noborder {padding-right:0;border:none}
#footer a {color:#16416D;text-decoration:underline}
#footer a:hover {color:#16416D:#16416D;text-decoration:none}

/* styles for newDesign */


.video_playbox {background:url(images/banner-bg-03.jpg) no-repeat 108px top; width: 850px; }
.video_specs { padding: 30px 0 10px 20px; }
.video_vert_scroll {
	float:right;
	margin-top:-350px;
	width: 300px;
}
.video_vert_scroll ul { height: 180px; width: 300px;   }
.video_vert_scroll ul li { display:block; list-style-type:none;	font-size:10px; line-height:12px;
 }


.video_playbox {background:url(images/banner-bg-03.jpg) no-repeat 108px top; width: 750px; }
.video_specs { padding: 30px 0 10px 20px; }
.video_vert_noscroll { float:right;	margin-top:-150px; 	width: 300px;  }
.video_vert_noscroll ul { height: 180px; width: 250px; overflow:scroll;  }
.video_vert_noscroll ul li { display:block; list-style-type:none;  }
.video_vert_noscroll ul li a { }

/* UPDATED .sechead */
.sechead {
	height:282px;
	width: 642px;
}

/* UPDATED .right-nav */
.right-nav {
	position: relative;
	display:block;	
	float:right;
	
	margin: /*-19px*/ 0px;
	padding: 0 auto;
	width: 200px;
}

.right-nav h4 { padding-top:20px; }
.right-nav ul, .right-nav h4 { margin-left:0px; }
.span-8 h4, .landing2 .span-8 h4 { margin-top: 50px; }
.custom-padding {
	margin: 0px;
	padding: 0px;
}
#coin-slider {
	margin-left: 40px;
	margin-top: 0px;
}
.border-right-dotted { border-right: dotted 1px #999; width: 890px; padding-right:10px; }
.border-left-dotted { border-left: dotted 1px #999; padding:10px; }
.awards_thumb_toprow { margin:0px auto; width:200px; padding-bottom:30px;  }

.awards_thumb_row {  margin-left:20px; padding-top:20px; padding-left:10px; border-top: dotted 1px #999; }

.category_summary_column  h4, .category_summary_column-L  h4 { color: #036; margin:0 auto; }
.category_summary_column {
	width: 215px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
} 

.category_summary_column-L {
	width: 215px;
	padding-left: 10px;
	margin: 0px 0px 0px -10px;
	font-size: 90%; border-left: dotted 1px #999; }

.category_summary_column p, img { margin:0px auto; padding:0px; }
p#intro { width: 670px; padding: 20px; }
.newBanner { height: 100px; width: 1010px;  }
.AwardLink { margin-bottom:10px; }
h4.AwardLink a, h4.AwardLink a:visited  { color: #036; text-decoration:none; }
h4.AwardLink a:hover { color: #036; text-decoration:underline; }


/***********************Following CSS Added for PATH*************************************/
.banner {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 772px;
}
.banner-content {
    padding-left: 35px;
    padding-right: 300px;
    padding-top: 30px;
}
.banner-content h2 {
    color: #560000;
    font-family: Arial,Helvetica;
    font-size: 15px;
    font-weight: bold;
}
.banner-content h2 a {
    color: #560000;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
}
.banner-content p {
    color: #000000;
    font-family: Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    padding-right: 50px;
    padding-top: 20px;
}
.bannerLink {
    padding-top: 10px;
}
.banner-content .bannerLink a {
    color: #560000;
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
}
.banner-content .bannerlink a:hover {
    color: #686C73;
}


.bread-crumbs, .bread-crumbs a {
	font-size:11px;
	font-family:georgia;
	color:#666666;
	text-decoration:none;
}

.bread-crumbs{
	margin-left:20px;}
	
div.bread-crumbs a:hover{
	text-decoration:none;
}
.edge-article-header h6{
	font-size:23px;
	 margin-left: 20px;
    margin-top: 10px;
}
.sub-title{
	color:#17305C;
	font-size:15px;
	font-family:Georgia;
	font-weight:bold;
	}
div.edge-article-header h6 a {
color: #4A050A;
text-decoration:none;
}
div.edge-article-header h6 a:hover{
text-decoration:none;
}
.highlight-issue{
background-color:yellow;
}
.image-float-left{
    float: left;
    font-size: 10px;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-top: 0;
    width:310px;	
}
.image-float-right{
    float: right;
    font-size: 10px;
    line-height: 1.1;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-top: 0;
    width:310px;		

}
ul li {
    font-family: arial;
    font-size: 12px;
}
ol li {
    font-family: arial;
    font-size: 12px;
}

ul#main-nav {margin:1em;padding:0;width:30em;}
ul#main-nav li {
    
    margin: 20px;
}

ul#main-nav li a {font-weight:bold;text-decoration:none;display:block;padding:0.2em;color: #690307; font-size:20px; margin-bottom: 12px; font-family: 'Palatino Roman','Palatino Linotype',Palatino,Georgia,'Times New Roman',Times,serif;}
ul#main-nav li a:hover {color:#333;}

.subheading-path-title{
	color:#4A050A; 
	font-size: 18px;
	font:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	padding:15px 0px 8px 0px;
	text-decoration:none;
	padding-left:20px;
	font-weight:bold;
	}

/***************FOr Sustainable Community Clearing House Pages****************************/
.sustainable-article-header {
    color: #4AAD2C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: bold;
    padding-left: 10px;
}

.sustainable-article-tabs {
    color: #1E3261;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 25px;

}

.sustainable-article-tabs a {
	padding-right:85px;
	}


.sustainable-article-header a { color: #4AAD2C; 
}

/* Site Map / Print / Font AAA */

.search  ul#page-options-nav {list-style: none; padding-left:5px;font-weight: bold; color: #16416E; padding-top: 30px;}
.search ul#page-options-nav li {float: left; font-size: 11px;}
.search ul#page-options-nav li a {display: block;}
.search li#page-options-print {border-left: solid #5e7790 2px; border-right: solid #5e7790 2px; height: 13px; padding: 0 8px;}
.search li#page-options-site-map a, .search li#page-options-print a  {margin-top: -6px;}
.search li#page-options-font {width: 65px; height: 20px;}
.search li#page-options-font span {display: block; float: left; margin-top: -3px;}
.search li#page-options-font a {margin-top: -3px;}
.search li#page-options-add-this {width: 90px; margin-left: 25px; margin-top: -4px; }



/********Following CSS Added for OUP******/

.edge-feat-img_OUP {
    background: url("images/bestpractice_forSCC.jpg") no-repeat scroll 0 0 transparent;
    height: 330px;
    margin-left: 10px;
    width: 520px;
} 
.rbc-article-text_OUP{font-family: Arial; font-size: 11px; font-weight: bold; color: #1e3261;}
.triangularbullets_OUP li{
font-family: Arial; font-size: 11px; font-weight: bold; color: #1e3261;
list-style: none;
background: url("images/sustainability/arrow.jpg") no-repeat scroll 2px 2px transparent;
padding-left: 2px;
line-height: 120%;
padding-bottom: 15px;
padding-left: 15px;
			}

	

.resources-image_OUP{
	 
    background-image: url("images/sustainability/sustainability_hp_graphic_nolines.jpg");
    background-repeat: no-repeat;
    height: 322px;
     padding-top: 15px;
     width: 195px;
}

.rbc-article-resourcetext_OUP {
    color: #1E3261;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
}

.rbc-article-resourcetext1_OUP {
    color: #1E3261;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
	padding-right: 15px;
}
	
	
.rbc-rightcolumn-article_OUP {
    background-image: url("images/box_graphic.jpg");
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #1E3261;
    font-family: Georgia;
    font-size: 15px;
    font-weight: bold;
}

	.rbc-rightcolumn-article_OUP a{
    background-image: url("images/box_graphic.jpg");
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #1E3261;
    font-family: Georgia;
    font-size: 15px;
    font-weight: bold;
	text-decoration:none;
}

.read-btn-1_OUP {
    left: -60px;
    margin-bottom: 10px;
    position: absolute;
    top: 40px;
}

.read-btn-2_OUP {
   left: 55px;
    margin-bottom: 10px;
    position: absolute;
    top: 20px;
}

.read-btn-3_OUP {
  margin-left:105px;
    margin-bottom: 10px;
    position: absolute;
    top: 30px;
}

.read-btn-4_OUP {
 
    margin-left: 170px;
    position: absolute;
}


.edge-image-padding_OUP {
    float: left;
    padding-right: 5px;
    padding-top: 5px;
   left: 110px;
}
.rbc-article-scroller_OUP {
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    left: 100px;
    padding-left: 1px;
    position: absolute;
    bottom: 20px;
}
.span-3_OUP {
    width: 92px;
}


.highlight_heading_OUP a {
    color: #4AA02C;
    text-decoration: none;
}

.highlight_heading_OUP a:visited{
    color: #4AA02C;
    text-decoration: none;
}

.padding_right_OUP{
	padding-right:10px;
	}

.description_std_OUP{
 font-family: Arial,Helvetica;
    font-size: 12px;
}
	
 .ipi-banner-content_OUP {
position: relative;
		width: 532px;
}


.ipi-banner-content_OUP h2 {
    background-color: black;
    color: #1DCCEF;
    font-family: Arial,Helvetica;
    font-size: 15px;
    font-weight: bold;
    opacity: 0.8;
width:527px;
position: absolute;
top: -84px;
*top: -70px;
right: -5px;
	
}

.ipi-banner-content_OUP p {
background-color: #000;
overflow: hidden;
color: white;
    font-family: Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    opacity: 0.9;
    padding-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
	width:515px;
position: absolute;
top: -62px;
*top: -50px;
right: -8px;
}

.nav_OUP {
    left: 0;
    position: relative;
    top: 5px;
    width: 120px;
    z-index: 10;
}

.nav_OUP a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #4F6F13;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 3px 5px;
    text-decoration: none;
}

.nav_OUP a.activeSlide {
    background: none repeat scroll 0 0 #87A157;
    color: #FFFFFF;
}


#list_OUP {
   
    margin: 40px auto;
   
}
div.timeline-header_OUP{ background-color:#c9c8c8;}
div.span-8 ul.triangularbullets_OUP {margin-left: 0em;}
div img_ql_OUP {float:left;}	
div#twitter-widget-0 p.e-entry-title_OUP{font-size: 8px !important;  }	

.OUP_about_box {background-color: #000;

color: white;
    font-family: Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    opacity: 0.9;
    padding-right: 5px;
	padding-left: 5px;
padding-top: 7px;
padding-bottom: 7px;
	width:520px;
position: absolute;
top: -62px;
*top: -50px;
right: -8px;}


.thumbnail_OUP
 {
 float: left;
 width: 100px;
 border: 0px solid #999;
 margin: 0 10px 10px 0;
 padding: 12px;
 font-size:10px;
 color:#666;
 line-height:12px;
 }

 .clearboth { clear: both; }

/********End of CSS for OUP******/