/* Reset Styles */ 

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 1em;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	ol {
	list-style: decimal;
	}
	li {
	padding-bottom:5px;
	}

	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	a {
		text-decoration: none;
		color:#C68049;
	}
	a:hover {
		text-decoration: underline;
		color:#C68049;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
table
{
	font-size: 12px;
	margin: 20px 0px;
	border-collapse: collapse;
	text-align: left;
}
th
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 2px solid #444;
}
td
{
	border-bottom: 1px solid #444;
	padding: 6px 8px;
}
td.group
{
	border-bottom: 0px;
}
tbody tr:hover td
{
}
sup {
vertical-align: super;
font-size:.5em;
}	

.green #wrapper{
background: #b8ca9e;
}
.brown #wrapper{
background: #d5c9b1;
}
.yellow #wrapper{
background: #e7d3ad;
}
.slate #wrapper{
background: #bfc3c7;
}
.silver #wrapper{
	background: #CCCCCC;
}

.cover #wrapper{
background:url("../../resources/images/cover-green-roof.jpg") no-repeat 0px 100px;
}

.photo1 #wrapper{
	background:url(../../images/photo_test.jpg) no-repeat
}
.solar-wrapper #wrapper{
	background:url(../../images/solar-wrapper.jpg) no-repeat
}
.energy-wrapper #wrapper{
	background:url(../../images/energy-wrapper.jpg) no-repeat
}
.green-roof-wrapper-5 #wrapper{
	background:url(../../images/green-roof-wrapper-5.jpg) no-repeat
}
.energy-wrapper_2 #wrapper{
	background:url(../../images/energy-wrapper_2.jpg) no-repeat
}
.energy-wrapper_3 #wrapper{
	background:url(../../images/energy-wrapper_3.jpg) no-repeat
}
.energy-wrapper_4 #wrapper{
	background:url(../../images/energy-wrapper_4.jpg) no-repeat
}
.energy-wrapper_5 #wrapper{
	background:url(../../images/energy-wrapper_5.jpg) no-repeat
}
.energy-wrapper_6 #wrapper{
	background:url(../../images/energy-wrapper_6.jpg) no-repeat
}


.whiteTXT #content .leftside, .whiteTXT #content .leftside h1, .whiteTXT #content .leftside h2, .whiteTXT #content .leftside a, .whiteTXT #content .leftside:visited {
color:#fff !important;
}

/* Layout Styles */ 
	body {
	background:url("../../resources/images/bg.gif") no-repeat scroll center top #F4EFDD;
	font-family:Verdana, sans-serif;
	color:#555;
	font-size:1em;
	line-height:1.3em;
	height:100%;
	}
	#shadow {
	background: url('../../resources/images/shadow_bg.png') 50% repeat-y;
	position:relative;
	height:100%;
	padding-left:1px;
	}
	
	#wrapper {
	width:960px;
	height:100%;
	margin:0px auto;
	}
	#header {}
	#top_bar {
	width:915px;
	height:70px;
	background:#000;
	padding:15px 30px 15px 15px;
	position:relative;
	}
	#nps_top_logo_print, #nps_bottom_logo_print {
	display:none;
	}
	#tps_name, #nps_top_logo,  #experience_logo {
	position:absolute;
	}
	#tps_name {
	top:15px;
	left:15px;
	}
	#nps_top_logo {
	top:15px;
	right:15px;
	}
	#nps_bottom_logo {
	top:20px;
	left:30px;
	}	
	#experience_logo {
	top:27px;
	right:30px;
	}
	#nav_bar {
	width:960px;
	height:29px;
	background:#D3AA4F;
	border-top:2px solid #fff;
	position: relative;
	z-index: 300;
	}
	#navigation {
	height:29px;
	width:auto;
	display:inline-block;
	float:left;
	}
	#quick_links {
	float:right;
	margin-top:2px;
	display:none;
	}
	#quick_links a#hot_topics {
	line-height:0px;
	font-size:11px;
	color:#777;
	cursor:pointer;
	width:95px;
	background:#FFF url('../../resources/images/hot_arrow.png') top right no-repeat;
	margin-right:5px;
	border:1px #444 solid;
	padding:2px 25px 2px 5px;
	height:18px;

	}
	#quick_links a#hot_topics:hover {
	text-decoration:none;
	}
	#briefs_menu {
	margin:5px 0px 10px;
	}
	#quick_links_list{
	background:#eee;
	padding:5px;
	display:none;
	position:absolute;
	top:24px;
	right:5px;
	border:1px #444 solid;
	}
	#quick_links_list a{
	display:block;
	font-size:11px;
	color:#777;
	margin:2px 0;
	}
	#search {
	margin-top:20px;
	}
	.search_query {
	width:90px;
	padding:3px;
	border:none;
	}
	#content {
	background:  url('../../resources/images/content_shadow.png') top repeat-x;
	min-height:15px;
	overflow:hidden;
	font-size:1em;
	line-height:1.3em;
	}
	.leftside {
	float:left;
	width:260px;
	padding:30px 30px 30px;
	}
	.main_shadow {
	margin-top:0px;
	width:640px;
	float:right;
	overflow:hidden;
	background: url('../../resources/images/main_shadow.png') top left no-repeat;
	}
	.main {
	width:560px;
	margin:10px 0px 0px 10px;
	padding:30px 40px 40px 30px;
	background:#fff;
	min-height:500px;
	}
	#footer {
	position:relative;
	clear:both;
	}
	#footer_links {
	font-size:.9em;
	position:relative;
	background:#E8E8E8;
	height:190px;
	}
	#foot_search, #search {
	border:none;
	padding:3px;
	}
	#lost_search {
	border:1px #ccc solid;
	padding:3px;
	}
	.searching .button {
	background:#000;
	border:none;
	color:#FFF;
	padding:2px 2px;
	margin-left:4px;
	}
	.searching .button:hover {
	background:#777;
	cursor:pointer;
	}
	#foot_col1, #foot_col2, #foot_col3 {
	position:absolute;
	}
	#foot_col1, #foot_col2 {
	border-right:1px solid #777;
	padding-right:20px;
	}
	#foot_col1 {width:280px; top:20px; left:30px;}
	#foot_col2 {width:230px; top:20px; left:360px;}
	#foot_col3 {width:290px; top:20px; left:640px;}
	
	/*Delete this one later*/
	.foot50 {
	width:50%;
	display:inline-block;
	float:left;
	}
	
	.footTPSleft {
	width:45%;
	display:inline-block;
	float:left;
	}
	.footTPSright {
	width:55%;
	display:inline-block;
	float:left;
	}
	.footNPSleft {
	width:64%;
	display:inline-block;
	float:left;
	}
	.footNPSright {
	width:28%;
	display:inline-block;
	float:left;
	}
	#foot_col1 li, #foot_col2 li, #foot_col3 li {
	padding-bottom:.7em;
	line-height:1.1em;
	}
	#bottom_bar {
	width:900px;
	height:65px;
	background:#000;
	padding:20px 30px 15px;
	clear:both;
	position:relative;
	}
	#foot_search {
	margin-top:20px;
	}
	#bottom_bar_links {
	list-style:none;
	margin:-16px 0px 0px 52px;
	}
	#bottom_bar_links li {
	display:inline;
	}
/* Nav Type */ 
	#navigation a {
	color:#fff;
	font-weight:bold;
	font-size:.7em;
	}
	.breadcrumb {
	padding:20px 30px 0px;
	font-size: .7em;
	height:20px;
	font-weight:normal;
	width:805px;
	float:left;
	}
	.breadcrumb a, .leftside a  {
	color:#C68049;
	}
	.breadcrumb a:hover, .leftside a:hover {
	text-decoration:underline;
	color:#C68049;
	}
	.breadcrumb-1 {
	padding:20px 30px 0px;
	font-size: .7em;
	height:20px;
	font-weight:normal;
	width:805px;
	float:left;
	}
	.breadcrumb-1 a  {
	color:#fff;
	}
	.breadcrumb-1 a:hover {
	text-decoration:underline;
	color:#A3693A;
	}
	.breadcrumb-2 {
	padding:20px 30px 0px;
	font-size: .7em;
	height:20px;
	font-weight:normal;
	width:805px;
	float:left;
	color:#CCC;
	}
	.breadcrumb-2 a  {
	color:#fff;
	}
	.breadcrumb-2 a:hover {
	text-decoration:underline;
	color:#fff;
	}

/* Footer Type */ 
	#footer h4 {
	color:#555;
	font-size:.9em;
	padding-bottom:.4em;
	}
	#footer a {
	color:#555;
	text-decoration:none;
	font-size:.7em;
	line-height:.5em;
	}
	#footer a:hover {
	text-decoration:underline;
	}
	#bottom_bar a {
	color:#fff;
	margin-right:5px;
	}

/*** TYPE ***/

	.leftside h1, .main h1 {
	font-size:1.2em;
	line-height:1.3em;
	color:#668134;
	padding-bottom:10px;
	}
	.leftside h2 {
	color:#A3693A;
	}
	.leftside h2 a {
	color:#C68049;
	text-decoration:none;
	}
	.leftside h3 {
	font-size:.9em;
	font-weight:bold;
	}
	.leftside h4 {
	font-size:2em;
	line-height:2em;
	color:#C68049;
	padding-bottom:10px;
	}
	.leftside h5 {
	font-size:1.3em;
	line-height:1.3em;
	color:#8B5A33;
	padding-bottom:10px;
	}
	.leftside h6 {
	font-size:1.8em;
	line-height:1.8em;
	color:#333300;
	padding-bottom:10px;
	}
	.leftside p {
	font-size:.8em;
	padding-bottom:10px;
	}
	.leftside ul {
	font-size:.8em;
	padding-bottom:10px;
	list-style: disc;
	margin-left:1em;
	}
	.leftside ol {
	font-size:.8em;
	padding-bottom:10px;
	list-style: decimal;
	margin-left:1em;
	}
	.leftside ul li a, .leftside ol li a {
	color:#C68049;
	}
	
	.main h2 {
	color:#A3693A;
	padding-bottom:5px;
	}
	.main h2 a {
	color:#C68049;
	}
	.main h2 a:hover {
	text-decoration:underline;
	}
	.main h3 {
	font-size:.9em;
	font-weight:bold;
	}
	.main h5 {
	color:#668134;
	font-size:1em;
	}
	.main p2 {
	color:#C68049;
	font-size:.7em;
	padding-bottom:30px;
	padding-top:0px
	}
	.main p3 {
	color:#C68049;
	font-size:.9em;
	}
	.main p {
	font-size:.8em;
	padding-bottom:10px;
	}
	.main p a {
	color:#C68049;
	}
	.main p.caption1, .main p.caption2 {
	font-size:.7em;
	padding-bottom:5px;
	margin-left: 20px;
	}
	.main p.caption2 {
	float:right;
	clear:right;
	width:190px;
	}
	.main p.caption {
	font-size:0.6em;
	line-height:1.4em;
	padding:5px 0px 10px;
	}
	.brief ul,
	.sustain_guides ul,
	.main ul {
	font-size:.8em;
	padding-bottom:10px;
	list-style: disc;
	margin-left:1.3em;
	}
	.main ul ul {
	font-size:1em;
	}
	.main ul.nobullets, 
	.main ul.nobullets ul, 
	.brief ul.nobullets, 
	.brief ul.nobullets ul, 
	.leftside ul.nobullets, 
	.lefstide ul.nobullets ul {
	list-style: none;
	margin-left:0em;
	}
	.brief ol,
	.sustain_guides ol,
	.main ol {
	font-size:.8em;
	padding-bottom:10px;
	list-style: decimal;
	margin-left:1.8em;
	line-height:1.9em;
	}
	.main ul li a, .main ol li a {
	color:#C68049;
	}
	
/*** CASE STUDY TEMPLATE ***/
	ul.list {
	padding-bottom:10px;
	}
	.list li a {
	color:#C68049;
	padding:5px 0px;
	text-decoration:none;
	}
	.list li a.current {
	font-weight:bold;
	color:#A3693A;
	}
	.list li a.current:hover {
	text-decoration:none;
	}
	h1.case_head {
	padding:10px 0px 25px 0px;
	}
	h2.case_title {
	font-size:.9em;
	}
	.list-container {
	font-size:.9em;
	}
	.leftside .list-container h2 {
	color:#555;
	}
	
	

/*** FEATURE TEMPLATE ***/
	.leftside ul.feature_nav {
	margin:0px 0px 30px -30px;
	list-style: none;
	font-size:1em;
	padding-bottom:10px;
	color:#fff;
	}
	.leftside ul.feature_nav li{
	padding-left:30px;
	}
	.leftside ul.feature_nav li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:1.8em;
	}
	.leftside ul.feature_nav li a:hover {
	text-decoration:underline;
	color:#fff;
	}
	.leftside ul.feature_nav li.current {
	background:  url('../../resources/images/feature_nav.png') left 2px no-repeat;
	}
	
/*** FEATURE TEMPLATE - BLACK ***/
	.leftside ul.feature_nav_black {
	margin:0px 0px 30px -30px;
	list-style: none;
	font-size:1em;
	padding-bottom:10px;
	color:#fff;
	}
	.leftside ul.feature_nav_black li{
	padding-left:30px;
	}
	.leftside ul.feature_nav_black li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:1.8em;
	}
	.leftside ul.feature_nav_black li a:hover {
	text-decoration:underline;
	color:#fff;
	}
	.leftside ul.feature_nav_black li.current {
		background:url('../images/feature_nav_black.png') left 2px no-repeat;
	}
/*** FEATURE TEMPLATE - DARK TEXT ***/
	.leftside ul.feature_nav_dark {
	margin:0px 0px 30px -30px;
	list-style: none;
	font-size:1em;
	padding-bottom:10px;
	color:#333300;
	}
	.leftside ul.feature_nav_dark li{
	padding-left:30px;
	}
	.leftside ul.feature_nav_dark li a{
	text-decoration:none;
	color:#333300;
	font-weight:bold;
	line-height:1.8em;
	}
	.leftside ul.feature_nav_dark li a:hover {
	text-decoration:underline;
	color:#333300;
	}
	.leftside ul.feature_nav_dark li.current {
	color:#fff;
	background:  url('../../resources/images/feature_nav.png') left 2px no-repeat;
	}
	
	/*** FEATURE TEMPLATE - indent text ***/
	.leftside ul.feature_nav_ind {
	margin:0px 0px 0px -30px;
	list-style:none;
	font-size:.85em;
	padding-bottom:0px;
	text-indent:45px;
	}
	
	
		
/*** HOME TEMPLATE ***/
	#home_shadow {
	background:  url('../../resources/images/home_shadow.png') bottom repeat-x;
	width:960px;
	overflow:auto;
	}
	#home_top h1 {
	font-size:1.1em;
	color:#FFF;
	padding-bottom:10px;
	}
	#home_top p {
	font-size:.9em;
	padding-bottom:10px;
	}
	#home_top {
	padding:30px 30px 30px 30px;
	width:690px;
	float:left;
	}
	#home_search {
	width:190px;
	padding-top:0px;
	float:right;
	}
	#home_bottom {
	width:960px;
	color:#A3693A;
	background:#fff;
	clear:both;
	overflow:hidden;
	}
	
	#home_left {
	float:left;
	min-height:460px;
	}
	#home_left a {
	font-weight:normal;
	text-decoration:none;
	color:#A3693A;
	}
	#home_left a:hover {
	text-decoration:underline;
	color:#A3693A;
	}
	#slideshow {
	width:630px;
	height:430px;
	background:#fff;
	overflow:hidden;
	top:15px;
	left:20px;
	position:relative;
	margin-bottom:10px;
	}
	.intro_txt {
	width:240px;
	padding:20px 30px 30px 30px;
	color:#555;
	}
	.intro_txt ul {
	font-size:.8em;
	line-height:1.4em;
	}
	.intro_txt ul li{
	padding-bottom:6px;
	}
	.announcements {
	width:240px;
	padding:20px 40px 20px 30px;
	font-size:.8em;
	color:#668134;
	border-top: 1px solid #668134;
	border-bottom: 1px solid #668134;
	background: #f3f3f3;
	}
	.highlight {
	margin:15px 0px;
	padding:15px;
	background: #f3f3f3;
	border: 1px solid #668134;
	}
	
	.slide{
	position:absolute;
	z-index:10;
	opacity:0;
	}
	.slide.current{
	z-index:11;
	opacity:1;
	}
	.slide.selected{
	z-index:12;
	opacity:1;
	}
	.slide:first-child{
	display:block;
	}
	.overlay{
	width:300px;
	height:auto;
	padding:12px 40px 13px 15px ;
	background: url('../../resources/images/overlay_bg.png') bottom repeat;
	color:#fff;
	position:absolute;
	top:20px;
	left:280px;
	}
	#content .overlay a{
	font-size:1.1em;
	line-height:1.5em;
	color:#fff;
	}
	.overlay a span.title {
	font-weight:bold;
	}
	.overlay a span.home_text {
	font-size:.6em;
	line-height:.8em;
	}
	#overlay_controls{
	width:60px;
	height:12px;
	overflow:visible;
	position:absolute;
	bottom:21px;
	right:5px;
	z-index:200;
	}
	#overlay_controls a{
	display:block;
	width:12px;
	height:12px;
	margin-left:5px;
	float:left;
	border:0;
	opacity:0.6;
	}
	#overlay_controls a:focus{
	outline:0;
	}
	#overlay_controls a:hover{
	opacity:0.8;
	}
	#overlay_controls a:active{
	opacity:1;
	}
	#overlay_controls a img{
	border:0;
	}
	#overlay_controls a:first-child{
	margin:0;
	width:10px;
	}

/*** News page ***/
	.news_article_A {
	width:500px;
	padding:20px 30px 30px 30px;
	font-size:1em;
	color:#555;
	}
	
	.news_article_B {
	width:500px;
	padding:20px 40px 20px 30px;
	margin-bottom: 20px;
	font-size:1em;
	color:#668134;
	border-top: 1px solid #668134;
	border-bottom: 1px solid #668134;
	background: #f3f3f3;
	clear:both;
	}

/*** Special Blocks ***/
	.indent_p {
	width:500px;
	padding-left:20px;
	font-size:1em;
	}
	.indent_p2 {
	width:500px;
	padding-left:30px;
	font-size:1em;
	}
	.leftside_indent_p {
	padding-left:22px;
	}
	.main_table {
	font-size:.8em;
	padding-bottom:20px;
	}
	
/*** IMAGES ***/
	.rightImage {
	float:right;
	padding:30px 0px 0px 30px;
	}
	.leftImage {
	float:left;
	padding:20px 20px 20px 0px;
	}
	.topImg {
	margin:-20px 0px 20px -20px;
	}
	.caseP {
	padding:20px 20px 20px 0px;
	}
	.imglist {
	clear:both;
	}
	.imglist h3 {
	padding-top:20px;
	}
/*** TEXT SIZE ***/
	#text_size {
	height:50px;
	width:95px;
	float:right;
	}
	#TxtInc, #TxtDec, #TxtReset{
	width:16px;
	height:16px;
	float:left;
	margin:20px 3px 10px;
	}
	
	#TxtInc {
	background: url('../../resources/images/font_inc.png') no-repeat;
	}
	#TxtDec {
	background: url('../../resources/images/font_dec.png') no-repeat;
	}
	#TxtReset {
	background: url('../../resources/images/font_reset.png') no-repeat;
	}
	#TxtInc.active {
	background:#ccc url('../../resources/images/font_inc.png') no-repeat;
	}
	#TxtDec.active {
	background:#ccc url('../../resources/images/font_dec.png') no-repeat;
	}
	#TxtReset.active {
	background:#ccc url('../../resources/images/font_reset.png') no-repeat;
	}

/*** LINK INDICATORS  ***/
#content a[href^='http']:after {
  content: url('../../resources/images/outlink-arrow.png');
}
#content a[href$='.pdf']:after, #content a[href$='.doc']:after {
  content: url('../../resources/images/doc-link.png');
}
/*** DROPDOWN MENU  ***/

	/*** ESSENTIAL STYLES ***/
	ul.tps-menu, ul.tps-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	ul.tps-menu {
		line-height:	1.0;
		border-right: 	1px solid white;
	}
	ul.tps-menu ul {
		position:		absolute;
		top:			-999em;
		width:			12em; /* left offset of submenus need to match (see below) */
	}
	ul.tps-menu ul li {
		width:			100%;
	}
	ul.tps-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	ul.tps-menu li {
		float:			left;
		position:		relative;
	}
	ul.tps-menu a {
		display:		inline-block;
		position:		relative;
	}
	ul.tps-menu li:hover ul,
	ul.tps-menu li.sfHover ul {
		left:			0px;
		top:			1.8em; /* match top ul list item height */
		z-index:		999;
	}
	ul.tps-menu li:hover li ul,
	ul.tps-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.tps-menu li li:hover ul,
	ul.tps-menu li li.sfHover ul {
		left:			12em; /* match ul width */
		top:			0;
	}
	ul.tps-menu li li:hover li ul,
	ul.tps-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.tps-menu li li li:hover ul,
	ul.tps-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	
	/*** SKIN ***/
	ul.tps-menu {
		float:			left;
	}
	ul.tps-menu a {
		border-right:	1px solid #fff;
		height:			20px;
		padding: 		9px 9px 0px;
		text-decoration:none;
	}
	ul.tps-menu a, ul.tps-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#13a;
	}
	ul.tps-menu li {
		background:		url('../../resources/images/nav_bar.png') repeat-x;
	}
	ul.tps-menu li.current {
		background:		url('../../resources/images/nav_bar_on.png') repeat-x;
	}
	ul.tps-menu li li {
		background:		#3C5F37;
		opacity:.9;
	}
	ul.tps-menu li ul li.current {
		background:		#668134;
	}
	ul.tps-menu li li li {
		background:		#9AAEDB;
	}
	ul.tps-menu li:hover, ul.tps-menu li.sfHover,
	ul.tps-menu a:focus, ul.tps-menu a:hover, ul.tps-menu a:active {
		background:		url('../../resources/images/nav_bar_on.png') repeat-x;
		outline:		0;
	}
	ul.tps-menu ul li:hover, ul.tps-menu ul li.sfHover,
	ul.tps-menu ul a:focus, ul.tps-menu ul a:hover, ul.tps-menu ul a:active {
		background:		#668134;
	}
	ul.tps-menu ul li {
		line-height: 	1em;
	}
	ul.tps-menu ul li a {
		border:			none;
		height:			auto;
		padding: 		7px 12px 7px;
	}
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../images/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
	
/*** BRIEF STYLES ***/
	
	
.brieflistFloat {
  width:48%;
  padding-right: 2%;
	float:left;
   margin:0px;

}

.brief ol.briefslist {
  margin-left: 0;
  list-style-type: none;
   font-size:.8em;
   line-height: 1.3em;
}

ol.briefslist > li {
  counter-increment: customlistcounter;
    margin: 0px;
    padding-bottom: 10px;
    text-indent: -2em;
    margin-left: 2em;
}

ol.briefslist > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 2em;
}

ol.briefslist:first-child {
  counter-reset: customlistcounter;   
}

ol.briefslist2 {
  margin-left: 0;
  list-style-type: none;
   font-size:.8em;
   line-height: 1.3em;
}

ol.briefslist2 > li {
  counter-increment: customlistcounterB;
  counter-reset:25;
    margin: 0px;
    padding-bottom: 10px;
    text-indent: -2em;
    margin-left: 2em;
}

ol.briefslist2 > li:before {
  content: counter(customlistcounterB) " ";
  font-weight: bold;
  float: left;
  width: 2em;
}

ol.briefslist2:first-child {
  counter-reset:customlistcounterB 24;   
}

/*Keep in mind that this solution relies on the :before pseudo-selector, so some older browsers -- IE6 and IE7 in particular -- won't render the generated numbers. For those browsers, you'll want to add an extra CSS rule that targets just them to use the normal list-style:*/

.brief ol.briefslist {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
	*margin-left: 3em;
}
ol.briefslist2 {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
	*margin-left: 3em;
}
	
	#section .text .caption p, .text .caption p {
	font-size:0.6em;
	line-height:1.4em;
	padding:5px 0px 10px;
	float:left;
	}
	
	a.toTop {
	
	font-size: .5em;
	font-weight: normal;
	white-space: nowrap;
	}
	.brief h2 {
	color:#835b00;
	padding-bottom: 5px;
	}
	.brief .subject_list h2 {
	border-bottom: 1px #DDD solid;
	padding: 10px 0px 0px 0px;
	font-weight:normal;
	}
	.brief .subject_list h2 .expand {
	font-weight:bold;
	}
	.brief h3 {
	font-weight: normal;
	color:#835b00;
	padding-bottom:20px;
	line-height:1.4;
	}
	.brief h4 {
	font-weight: normal;
	color:#835b00;
	font-size: 1em;
	line-height:1.4;
	}

	.brief #navigation ul {
	font-size:1em;
	padding-bottom:0px;
	list-style: none;
	margin-left:0px;
	}
	.brief #home_top h1 {
	font-size:1.4em;
	}
	
	#brief_top {
	padding:0px 0px 30px 30px;
	width:930px;
	float:left;
	}
#brief_top select {
float:left;
}
#brief_top form {
float:left;
width:300px;
}

	#brief_top p.notice {
	float:right;
	width:560px;
	padding-right: 60px;
	font-size: .7em;
	line-height: 1.2em;
	}
	#brief_top p {
	padding:0px 60px 10px 0px;
	font-size: .9em;
	}
	#brief_top h1 {
	color:#fff;
	}
	#pbNumber {
	font-size: 1.8em;
	}
	.brief .breadcrumb {
	padding-left:0px;
	padding-bottom: 20px;
	}
	#home_bottom .text {
	color:#555;
	overflow:hidden;
	
	}


/*** SUSTAINABILITY STYLES ***/

	
	#slideview {
	width:960px;
	height:440px;
	background:#C0D4E4;
	position:static;
	}
	#slideview {
	*width:640px;
	*height:390px;
	*background:#FFF;
	}	
	#slide_container {
	position:relative;
	float:right;
	
	width:640px;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	height:390px;
	}
	#the_slides {
	}
	#slideview .slide {
	}
	#slideview .slide_img {
	margin:20px 10px 10px 10px;
	width:430px;
	height:280px;
	background: #fff;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.6);
	box-shadow: 0 0 15px rgba(0,0,0,.6);
	}
	#slideview .slide_img img {
	padding-top:10px;
	}
	#slideview .slide_txt {
	width:430px;
	white-space: normal;
	padding:0px 10px;
	font-size: .8em;
	line-height: 1.3em;
	text-align: left;
	}
#slide_container ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	left:-355px;
}
#slide_container li{
	width:450px;
	height:390px;
	opacity:1;
	position:static;
	display:inline-block;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	/* Cosmetic */
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#slidenav {
	position:absolute;
	bottom:5px;
	right:140px;
	width:360px;
	display:table;
}
#slidenav {
	*display:block;
}

#slidenav span {
display:table-cell;
text-align:center;
}
#slidenav span {
*display:inline;
*padding:0px 4px;
}
div.previous {
position:absolute;
height:390px;
width:90px;
left:0px;
top:0px;
}
div.next {
position:absolute;
height:390px;
width:90px;
right:0px;
top:0px;
}
/* Cosmetic */
.previous, .next {
	cursor: pointer;
	font-size: 0.8em;
	font-weight: bold;
}

#slidenav span.current {
	font-weight:bold;
	color: #17629D;
}


/*** FEATURE TEMPLATE ***/
	.sustain_guides .leftside ul.feature_nav {
	margin:30px 0px 30px 0px;
	list-style: none;
	font-size:1em;
	padding-bottom:10px;
	color:#fff;
	}
	.sustain_guides .leftside ul.feature_nav ul {
	list-style: none;
	font-size:1em;
	overflow:visible;
	margin-left: 0px;
	}
	.sustain_guides .leftside ul.feature_nav ul li {
	padding-left:0px;
	}
	.sustain_guides .leftside ul.feature_nav ul li a {
	font-weight: normal;
	}
	.sustain_guides .leftside ul.feature_nav li{
	padding-left:0px;
	overflow:visible;
	}
	.sustain_guides .leftside ul.feature_nav li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:1.8em;
	}
	.sustain_guides .leftside ul.feature_nav li a:hover {
	text-decoration:underline;
	color:#fff;
	}
	.sustain_guides .leftside ul.feature_nav li.current {
	background:  url('../../resources/images/feature_nav_white.png') left 2px no-repeat;
	overflow:	visible;
	
	}

	
	.sustain_guides #slideshow {
	height:440px;
	width:960px;
	background:#C0D4E4;
	
	}

#credits {
color:#fff;
background: #17629D;
background: rgba(23, 98, 157, 0.7);
width:290px;
margin:440px 0px 0px 610px;
padding: 30px;
font-size: .75em;
line-height: 1.5em;
}
#credits a {
color:#fff;
}
#section_nav a {
	color:#17629D;
}

.slide_img a:hover { cursor: url('../images/magnify.cur'), -moz-zoom-in; }











	.sustain_guides .leftside {
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.6);
	box-shadow: 0 0 15px rgba(0,0,0,.6);
	width:320px;
	padding:0px;
	margin-top: 10px;
	background:#17629D;
	
	}
	#section #title {
	
	}
	#section {
	width:640px;
	padding-left:320px;
	}
	#section {
	*padding-left:0px;
	*float:right;
	}
	.text {
	padding:50px 30px 30px;
	}
	.intro.text {
	padding: 0px 30px 30px 30px;
	}
	#section .text p {
	padding:20px 0px 0px;
	font-size:.8em;
	}
	.text p {
	font-size:.8em;
	padding-bottom:10px;
	}
	.sustain_guides h1 {
	color:#17629D;
	font-size: 1.4em;
	}
	.brief h1 {
	color:#835b00;
	font-size: 1.4em;
	line-height:1.4em;
	padding-bottom: 5px;
	}
	.brief h1.pbTitle {
	font-size: 1.6em;
	}
	.brief .nav {
	padding: 5px 0px 20px;
	list-style: none;
	margin:0px;
	}
	.brief .news_article_B {
	width:810px;
	border-top:1px solid #835b00;
	border-bottom:1px solid #835b00;
	background:#f4efdd;
	overflow:auto;
	}
	.brief .news_article_B {
	color:#835b00;
	}
	
	.brief .nav li a {
	font-weight:bold;
	line-height: 1.8em;
	}
	.brief .nav li.pdf-link a {
	font-weight:normal;
	font-size: .8em;
	line-height: 1.4em;
	}
	.brief h5 {
	color:#835b00;
	padding-bottom:30px;
	font-size: .85em;
	}
	.brief .text {
	padding: 15px 60px 30px 30px;
	}
	#section .info > div:nth-child(even) {
	background: #DEDEDE;
	}
	#section .info > div {
	padding: 0px 30px;
	overflow:auto;
	}
	#section .info > div > div {
	width:48%;
	float:left;
	padding: 10px 2% 10px 0px;
	font-size: .8em;
	}
	#section .info .heading {
	font-weight:bold;
	}
	#section #previous {
	color:#17629D;
	}
	#section #previous:before {
	content: '\25C0\0000a0';
	}
	#section #next:after {
	content: '\25B6';
	}
	#section #next {
	color:#17629D;
	text-align:right;
	}
	#section_nav {
	background:white !important;
	}
	#title_box {
	padding:30px 30px 30px;
	background:#000;
	height:330px;
	}
	#title_box h1, #title_box h3 {
	color:#fff;
	font-weight: normal;
	}
	.sustain_guides #title h1 {
	color:#17629D;
	font-size:1.2em;
	border-bottom: #17629D solid 1px;
	margin: 20px 0px 10px 30px;
	}
	#title_box h3 {
	font-size: .8em;
	line-height:1.2em;
	padding:20px 0px 20px;
	}
	#title_box h1 {
	font-size: 1.35em;
	line-height: 1.3em;
	padding-bottom: 60px;
	}
	#nav_box {
	
	}

	.menu-hide, .menu-show {
	font-size:.75em;
	padding-left:10px;
	display:none;
	cursor:pointer;
	}
	
	/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; padding:10px;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(0,0,0,.8);}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:10px solid #fff;}
        #cboxLoadedContent{background:#fff;-moz-box-shadow: 0 0 15px rgba(0,0,0,.8);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.8);
box-shadow: 0 0 15px rgba(0,0,0,.8);}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

	
	.sustain_guides .leftside ul.feature_nav li.current > a {
	color:#17629D;
	}
	.sustain_guides .leftside ul.feature_nav > li > a {
	padding-left:30px;
	}
	.sustain_guides .leftside ul.feature_nav li > ul > li > a {
	padding-left:50px;
	}