/* Ecotecture files before 2007; matches appearance of WP
   fixed width, left aligned, header 100px height */

/* commented backslash hack v2 \*/ 
html, body {height:100%;} 
/* end hack */ 

html, body { font: 100% Arial, Helvetica, sans-serif;}

body { margin:0; padding:0;
	/*background:white url(images/bg-grid-eco.gif) repeat-y left top; bg layout grid */
	background:white url(images/bg_eco-yeh.gif) repeat-y left top; /*color is for right */
	color: #222;
	font-size: 80%;/*75%;  default 16px * .75= 12px, so IE6 can scale */
	/* line-height:1.5em; =18px */
}
/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;/*border: none;*/}

/* tables */
table {border-collapse: collapse;border-spacing:0;border: none;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { color: #222; margin-top: .6em;}
h1 { font-size: 1.5em; font-weight:normal;}
h2 { font-size: 1.2em;}
h3 { font-size: 1.1em;} 
h4 { font-size: 1em;}
h5 { font-size: 1em;}

a:link {color: #693; text-decoration: underline;}
a:visited {color: #5d7b26; text-decoration: underline;}
a:hover {color: #9c0;}
a:active {color: #9c0;}

ol, ul, li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0 1em 1.5em;}
li { margin: .4em 0 .4em 1.5em;}

blockquote {margin: .5em 0 .5em 2em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:1em 0; color:white;background:white;}

p { font-size: 1.0em; line-height: 1.4em; padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}



/***** layout *****/
#header {
	position:absolute; top:0; left:7px;
	width:893px;
	height:100px;
	color: #333;
	/* background:pink; */
	}
#headerimg {float:left; width:424px; margin: 5px 0 0 8px;}
#headerimgyeh {float:left; width:600px; margin: 3px 0 0 11px;}
/* #header2  for breadcrumbs  */
#headernav {text-align:right;margin: 10px 10px 0 0;}
#headernav #cartnav {padding:5px 0 30px 0;}
#headernav a {text-decoration:none;margin:0 4px;}
#clearheader {height:100px;}/* match height of header + header2 */


#outer {
	min-height:100%;
	width: 590px;					 
	margin-left:30px; /* match left col width  */
	margin-right:280px; /* match right col width  */
	margin-bottom:-12em; /* match footer depth  */
	color: #000;} 
* html #outer,  * html #outer3col {height:100%} /* for IE as IE treats height as min-height anyway */
#outer #left {display: none;}

#outer3col {
	min-height:100%;
	width: 295px;					 
	margin-left:325px; /* match left col width  */
	margin-right:280px; /* match right col width  */
	margin-bottom:-12em; /* match footer depth  */
	color: #000;
}

#outer3col #left {
	position:relative;
	float:left;
	width:325px;
	margin-left:-324px;
	z-index:100;
	left:-1px;
	visibility: visible; /*background:#fefefe;*/
}
* html #left {padding-bottom:12em;margin-right:-3px;}/*fix gap in IE next to float and clear footer because we've moved float too far left*/
.leftbox {margin:0 21px 0 31px;background:#eee;}


#right { position:relative; /* ie needs this to show float */
	float:right;
	width:280px;
	margin-right:-279px;/* 1px less than width to push footer down */
	left:1px;}
	
#right h2 { font-size: 1em; color: #777777; text-transform: uppercase; margin: 15px 0 0 5px;} 
#right p { color: #777777;}

#right .rightbx { padding:0 4px 0 15px; /*background:yellow;*/}
#right .rightbx h2 { margin: 15px 0 0 0;}


 

/**** nav ****/
.navbutton {
    position: relative; left:10px; /*** IE6 needs this to display the div ***/  
	width: 260px; /* for IE/Windows */
	padding: 0;
	margin: 0;
	color: #333; /*background:pink;*/}
html>body .navbutton { width: 260px;} /*IE/Windows ignores child selector“> */
.navbutton h2 { font-size:1em; color: #777777; text-transform: uppercase; margin: 15px 0 0 5px;}
.navbutton ul { 
    position: relative; /* IE6 needs this, IEMac indents <li>s extra , instead use marginleft on li */ 
	width:260px;
	list-style: none;
	margin: 0; padding: 0; border: none;}		
.navbutton ul li { margin-left:5px;  list-style: none;} 
.navbutton ul li a {
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	margin:0;
	padding: 0;
/*	text-transform: uppercase;font-weight: bold; */
	}
html>body .navbutton ul li a { width: auto;} /*IE/Windows ignores child selector“>” */



/**** footer ****/

#clearfooter {clear:both;height:12em;} /* match footer height + border */
* > html #clearfooter {float:left;width:100%; height:1px;}/* IEmac */

#footer {
	clear:both;
	position:relative;
	height: 12em;
	width: 893px;
	border-top:solid 1px #222;
	border-bottom: solid 10px #fefefe;
	margin-left: 7px;
	background:white;
	color: #222;
	text-align:center;}
#footer ul, #footer ul li {list-style:none;}
#footernav ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 10px solid white;
	background: white;
}
#footernav ul li { display: inline; list-style:none; margin: 0; padding:0;}

#footernav .here, 
#footernav ul li a {
	white-space: nowrap;
	text-decoration: none;
	margin:0;
	padding: 0.2em 0.75em 0.2em 0.5em;
	line-height:2em;
	border-right: 1px solid #999;}

#footernav ul li a:hover {text-decoration:underline;}
#footernav ul li.last a { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
#footernav p { line-height:150%;}
.copyright { color: #777;}

/**** content ****/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #content {height:1%;margin-bottom:12px;}/* combat IE's 3 pixel jog */
#outer #content {
	position:relative;
	z-index:1;
	width: 570px;
	padding-bottom:2em;
	left: 1px;
	top: 10px;
}
#outer3col #content {width: 275px;padding-bottom:2em;/*background:yellow;*/}

/*** round boxes ***/
.roundbox {  width:/*275px*/259px;padding: 3px 8px;
	color:white; background: #9c0 url(images/rbtop275.gif) no-repeat 0px 0px;}
h2.roundbox { text-transform: uppercase; margin:1em 0 0.643em 0;}
  
/**** etc ***/

input {padding:2px;border:1px solid #9c0; }
input.submitbutton {padding:1px 2px;color:white;background:#9c0;border:1px solid white; }

.sidebarl {float:left; width:275px; margin:0 20px 20px 0;background:#f6f6f6;}
.sidebarl25 {float:left; width:25%; margin:0 20px 20px 0;background:#f6f6f6;}
.sidebarrt {/*clear:right;*/float:right; width:275px; margin:0 0 20px 20px;/*background:#f6f6f6;*/}
.sidebarrt25 {float:right; width:25%; margin:0 0 20px 20px;background:#f6f6f6;}
#content .sidebarrt {/*clear:right;*/float:right; width:275px; margin:0 0 20px 20px;padding:0 0 10px 0;/*border-bottom:solid 1px #555;*/}
#outer3col .sidebarrt {/*clear:right;*/float:right; width:375px; margin:0 0 20px 0;background:#dedede;}
.pull { font-size:1.5em;line-height:120%; color:#5B6C39;background:white; }
td.pull { }
.sub { font-size:.7em;}
.smaller {}
.head3 {font-weight:bold; color:#5B6C39; } /* glossary */
.head4 {font-weight:bold; color:#5B6C39; } /* interviews */

h2.yehlogo {margin:-20px 0 .643em 65px;} /* raise and indent first line after the YEH logo bar image*/

.center {text-align:center;}
.floatl {float:left;}
.floatr {float:right;}
.gray {color: #777777;}
.nowrap { white-space: nowrap;}
.red {color: #CC0000;}


.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;} /*p.i.e.*/
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html > body #minHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-12em;} /* match footer depth*/
	/*safari wrapper thanks to Tim Connor*/
.title {
	font-style: italic;
}