html {
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:1px;
	}

body {
	margin:0;
	padding:0 0 12px 0;
	font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
/* 	background:#C57E62 url(../images/blackline_grad_butterscotch.jpg) 0% 100% repeat-x fixed; */
	background:#231f20 url(../images/bg2.jpg) 0% 100% repeat-x fixed;   
	color:#222;
/*	text-align:center;*/  /*** Part 1 of centering hack for IE5 and 5.5 ***/
/*	min-width:960px;*/
	}
	
.netscapeonly {
	display:none;
	}
	


#header span {
	width:320px;
	height:180px;
	background:transparent;
	}

#header a {
	display:block;
	text-indent:-9999px;
	width:320px;
	height:180px;
	background:transparent;
	}

#header a:hover,#mh a:focus {
	background-position:0 0;
	outline-style:none;
	border-bottom:0;
	}	
	


h1,h2,h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 0.7em 0;
	}


h1 {
	font-size:2em;
	color:#71827c;
	margin:20px 0 0.5em 0;
	line-height:1.2em;
	font-weight:bold;
	}

#pagetitle {
	display:none;
	}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#555;
	margin:25px 0 15px 0;
	line-height:1.2em;
	font-weight:bold;
	}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#333;
	margin-bottom:0.1em;
	line-height:1em;
	font-weight:bold;
	}

p, ul, ol {
	margin:0 0 1em 0;
   padding:0;
	line-height:1.5em;
	}

ul, ol {
	margin-left:8px;
	padding-left:10px;
	}

ul {
	list-style-image: url(../images/bullet.gif);
	}

p.blurb {
	font-weight:bold;
	}

/*________FOR LISTS FOLLOWING NORMAL TEXT. ELIMINATES LINE SPACE.________*/
ul.normal, ol.normal {
	margin-top:-1.0em;
	}

img {
	border:0;
	display:block;
	}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

.inline {
	display:inline;
	}

#wrap	{
	background: #fff;
	margin: auto;
	padding: 0;
	width: 960px;
	border:0;
	}

#page {
	width:960px;
	position:relative;
	margin:auto;
	margin-bottom:0;
	padding-bottom:0;
	background: #fff url(../images/plan.jpg) no-repeat 100% 0;
	text-align:left;
	/*border:1px solid #333;*/
	}
	
#maincontent {
	font-size:1em;
	margin-left:0;
	padding: 15px 44px 25px 44px;
	text-align:left;
	position:relative;

	}

/* for understanding browsers */
#maincontent {
min-height:250px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #maincontent {
height: 275px;
}
/**/
	
#home #maincontent {
	font-size:1em;
	margin-left:0;
	padding: 15px 44px;
	text-align:left;
	}

#topbox {
	width:960px;
	background:#231F20 url(../images/accent_banner_960x300.jpg) no-repeat 0% 50%;
	margin:auto;
	height:200px;
	position:relative;
	border:0;
	}

#logobox {
	width:960px;
	background:transparent url(../images/logo.gif) 100% 100% no-repeat;
	margin:auto;
	padding:0;
	height:64px;
	font-size:0.9em;
	display:none;
	}

#logoimage {
	display:none;
	}
	
#sidebox {
	position:absolute;
	top:0px;
	left:0px;
	font-size:1em;
	background: transparent;
	width: 175px;
	height:200px;
	}
	
#contact #sidebox {
	background: transparent url(../images/purplearrow.jpg) 0 20% no-repeat;
	}
	
#legal #sidebox, #news #sidebox {
	background: transparent url(../images/bluearrow.jpg) 0 20% no-repeat;
	}
	
#partners #sidebox, #careers #sidebox {
	background: transparent url(../images/greenarrow.jpg) 0 20% no-repeat;
	}
	
#sitemap #sidebox {
	background: transparent url(../images/pinkarrow.jpg) 0 20% no-repeat;
	}
	
#error #sidebox {
	background: transparent url(../images/question.jpg) 0 20% no-repeat;
	}

.indent {
	margin-left:20px;
	}

/* "* html " hides the following rule from all but IE Win   */	
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #navlist ul ul {
	margin-top:-1.2em;
	}
/* End hide from IE5/mac */
	
#navlist li {
	list-style-type: none;
	margin:0;
	}

#footer {
	text-align:left;
	width:960px;
	margin:0 0 -1px 0;
	color:#fff;
	background-color: #71827C;
	padding:3px 0;
	font-size:0.9em;
	clear:both;
	/*border-bottom:1px solid #333;*/
	}

#footer .copyright {
	text-align:left;
	font-weight:normal;
    margin: 0 44px;
	}

#footer a {
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		}

#footer a:hover, #footer a:focus {
		color:#fff;
		text-decoration:underline;
		}


.leftcolumn {
	float:left;
	width:260px;
	padding-right:20px;
	clear:both;
	}

.rightcolumn {
	float:right;
	width:277px;
	}

p.date {
	font-size:1em;	
	line-height:1.8em;
	margin-bottom:0.3em;
	color:#888;
	}

#maincontent a {
	text-decoration:none;
	color:#27917A;
	font-weight:bold;
	}

#maincontent a:hover, #maincontent a:focus {
	color:#7ea698;
	text-decoration:underline;
	}

#mainnav	{
	height: 23px;
	width: 960px;
	padding: 0 0 0 0;
	border: 0;
	margin:0 0 0 0;
	text-align:left;
	background-color:#231F20;
	}

#mainnav ul	{
	height: 23px;
	width:960px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent url(../images/mainnav2.jpg) 0 0 no-repeat;
	position:relative;
	}

#mainnav ul li { 
	display: inline;
	font-weight:bold;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav ul a {
	height: 23px;
	display: block;
	}

#mainnav ul li	{
	text-indent: -9999px;
	}

#mainnav ul li a	{
	text-decoration: none;
	padding: .1em 1.2em;
	color: #999;
	background-color: transparent;
	}

#mainnav ul li a:hover {
	text-decoration:none; outline-style:none;
	}
	
#mainnav .home		{left: 11px; width: 134px;}
#mainnav .about	{left: 145px; width: 134px;}
#mainnav .services	{left: 279px; width: 134px;}
#mainnav .successstories	{left: 413px; width: 134px;}
#mainnav .sustainability	{left: 547px; width: 134px;}
#mainnav .news	{left: 681px; width: 134px;}
#mainnav .contact	{left: 815px; width: 134px;}

#mainnav .home a:hover				{background: transparent url(../images/mainnav2.jpg) -11px -46px no-repeat;outline-style:none;}
#mainnav .about a:hover		{background: transparent url(../images/mainnav2.jpg) -145px -46px no-repeat;outline-style:none;}
#mainnav .services a:hover		{background: transparent url(../images/mainnav2.jpg) -279px -46px no-repeat;outline-style:none;}
#mainnav .successstories a:hover		{background: transparent url(../images/mainnav2.jpg) -413px -46px no-repeat;outline-style:none;}
#mainnav .sustainability a:hover		{background: transparent url(../images/mainnav2.jpg) -547px -46px no-repeat;outline-style:none;}
#mainnav .news a:hover		{background: transparent url(../images/mainnav2.jpg) -681px -46px no-repeat;outline-style:none;}
#mainnav .contact a:hover		{background: transparent url(../images/mainnav2.jpg) -815px -46px no-repeat;outline-style:none;}
	
body#home #mainnav .home, body#home #mainnav .home a:hover {background: transparent url(../images/mainnav2.jpg) -11px -23px no-repeat;}
body#about #mainnav .about, body#about #mainnav .about a:hover		{background: transparent url(../images/mainnav2.jpg) -145px -23px no-repeat;}
body#services #mainnav .services, body#services #mainnav .services a:hover	{background: transparent url(../images/mainnav2.jpg) -279px -23px no-repeat;}
body#successstories #mainnav .successstories, body#successstories #mainnav .successstories a:hover	{background: transparent url(../images/mainnav2.jpg) -413px -23px no-repeat;}
   .specific_success_story #mainnav .successstories, .specific_success_story #mainnav .successstories a:hover	{background: transparent url(../images/mainnav2.jpg) -413px -23px no-repeat;}
body#sustainability #mainnav .sustainability, body#sustainability #mainnav .sustainability a:hover		{background: transparent url(../images/mainnav2.jpg) -547px -23px no-repeat;}
body#news #mainnav .news, body#news #mainnav .news a:hover		{background: transparent url(../images/mainnav2.jpg) -681px -23px no-repeat;}
body#contact #mainnav .contact, body#contact #mainnav .contact a:hover	{background: transparent url(../images/mainnav2.jpg) -815px -23px no-repeat;}


img.farside, div.farside {
	display: inline;
	float: right;
	margin: 8px 0 8px 20px;
	}

.nearside {
	display: inline;
	float: left;
	margin: 8px 20px 8px 0;
	}

img.farsidelink {
	display: inline;
	float: right;
	margin: 5px 0 5px 20px;
	}

img.nearsidelink {
	display: inline;
	float: left;
	margin: 5px 20px 5px 0;
	}

img.farsidetight {
	float:right;
	margin: 5px -44px 5px 10px;
	display:inline;
	}

img.returntotop {
	display: inline;
	float: right;
	margin: 5px 0 5px 20px;
	clear:both;
	}

.icon {
	display:block;
	border:0;
	margin:10px 10px 0px 0;
	background:transparent;
	}

.boxfarside {
	font-size:0.9em;
	background:#FAE0C3;
	border-top:2px #CCB57A solid; 
	border-bottom:2px #CCB57A solid;
	border-right:0;
	border-left:0;;
	margin:1em -20px 1em 20px;
	padding:10px;
	float:right;
	color:#000;
	line-height:1.5em;
	width:218px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:198px;
	}
html>body .boxfarside {
	width: 198px;
	}
	/*** end box model hack ***/

#maincontent a.plain:hover, #maincontent a.plain:focus {
	background:transparent;
	outline: none;
	}
	
#maincontent .fullbox {
	font-size:0.9em;
	border-top:2px #CCB57A solid; 
	border-bottom:2px #CCB57A solid;
	border-right:0;
	border-left:0;
	background:#F7ECDF;
	margin:1em 0;
	padding:0;
	color:#000;
	line-height:1.5em;
	}

.fullbox p {
	margin: 0.5em 20px;
	}

.fullbox h2 {
	margin: 0 20px;
	}

#topbox a img {
	float:right;
	margin:5px 5px 0 0;
	}

a.plain img {
	display:inline;
	}

.hidden {
	display:none;
	}

#bottomspace {
	clear:both;
	height:12px;
	}

hr { color:#ccc; background:#ccc; border: 0; height: 1px;clear:both; }

.clearboth {
	clear: both;
	}

/* THE FOLLOWING LEFT BORDER SOLVES 2 PROBLEMS:
	FIREBIRD CENTERING WHEN VIEWPORT TOO NARROW
	AND MAC OPERA DISPLAY WEIRDNESS. GO FIGURE. */	
html>body #wrap	{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border:0;
	border-top:0;
	text-align:left;  /*** Part 2 of centering hack for IE5 and 5.5 ***/
	}
	
#maincontent .column1 {
	width:500px;
	float:left;
	padding: 0 0 25px 0;
}

#maincontent .column2 {
	width:300px;
	float:right;
	padding: 10px 0 25px 20px;
   background:transparent url('../images/quotation_marks.gif') no-repeat top left;
}

#duplicate-of-about-us #maincontent div { 
	width:500px;
	float:left;
	padding: 0 0 25px 0;
}


.sustain_partner {float:left;width:135px; margin:0 20px 25px 10px; text-align:center;}
* html .sustain_partner {margin:0 15px 25px 5px; text-align:center;}
.sustain_partner img {margin:0 auto;}
.sustain_caption {font-size:x-small; padding:10px 0 0 0; font-weight:bold; line-height:1.1em;}

blockquote {/* font-style:italic; */ color:#028a5d; }

.return_to {clear:both;}

img.float {float:left; margin:3px 20px 0 0;}

div.errors {margin:10px 0 20px; color:#900;}

#contact #maincontent p {clear:both;overflow:auto;}
#contact label {width:200px; float:left; display:block; font-weight:bold; color:#666; font-style:italic;}
#contact label.required {color:#222; font-style:normal;}
#contact input {width:250px; float:left; display:block;}

#contact textarea {width:450px;}
#contact input.submit {width:150px; margin-left:200px; } 

#contact select {width:150px;}

#contact input.radio {width:15px; float:left;}
#contact span.radioblock {display:block; width:75px; float:left;}


a[href$='.pdf'] {  
background:transparent url('../images/pdf.gif') center right no-repeat;  
display:inline;  
padding-right:20px;    
}  

#maincontent .specific_success_story img  { 
   border-top:1px solid #f0f0f0;
   border-left:1px solid #ddd;  
   border-right:1px solid #ddd; 
   border-bottom:2px solid #ccc; 
   padding:11px; 
}



#accentdownloads form {
   width:500px;
}

#accentdownloads form ol {
   margin:0;
   padding:0;
   }

#accentdownloads form li {
   margin:0;
   padding:0;
   clear:both;
   display:block;
   width:500px;
   float:left;
   height:50px;
}

#accentdownloads form label {
   display:block;
   width:200px;
   float:left;
}

#accentdownloads form input {
   width:250px;
   clear:both;
      float:left;
}
#accentdownloads form input.submit {
   width:100px;
   float:none;
}

div.wbe {

	display:block;
	width:120px;
	float:right;
	margin: 0 0px 30px 0;
}