/* CSS for Sustainable Concrete website */

body {font: 75%/1.4 Geneva, Tahoma, Arial, Helvetica, sans-serif; background: #efebdf; color:#6c6c6c; text-align:center;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* page container */
div#container {margin:0 auto; text-align:left; width:770px; background:#fff; }
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#breadcrumb { float: left; padding: 8px 0px 0px 20px;}
div#contentarea {float:left; width:770px; display:inline; border-bottom:6px solid #9bc543; padding:0 0 20px 0; margin-top:9px;}
div#content {float:left; margin:0 0 0 210px; padding:0 0 16px 0; display:inline; min-height:310px; height:auto !important; height:310px; width:560px;}
div#left {float:left; width:150px; margin:0 0 0 -770px; display:inline;}
/* end general layout rules */

/* page header */
div#header {background-image:url(images/masthead.png); background-repeat: no-repeat; background-position:top right;background-color: #fff; height:89px;} 
div#header img {margin:2px 0 0 40px; border:none;}
div#header h1, div#header p {display:none;}
/* end page header */

/* site search */
div#search {float:left; background:url(images/subnav_bottom.png) no-repeat bottom left #cfd0ac; border-top:1px solid #fff;  padding:10px 8px 9px 20px; width:194px; w\idth: 166px;}
div#search input {float:left; margin:2px 0 0 0; padding:3px 6px; width:100px; font-size:.92em; border: 1px solid #58864e;}
div#search input.button {float:left; color:#fff; margin:0 0 0 4px; border:none; width:auto;}
/* end site search */

/* content area layout */
div#contentleft {float:left; padding:0 16px 0 16px; margin:16px 0 0 0; width:366px; w\idth:334px;}
div#contentrightholder {float:left; width:194px;}
div#contentright {padding:0 6px 0 16px; margin:16px 0 -1em 0;}
div#contentright img {margin:0 0 14px 0; border:1px solid #e1e2c8;}
div#contentrightbottom {height:14px;}
div#speaker {margin:15px 0 0 0;}
/* end content area layout */

/* background images */
div#content {background:url(images/content_bottom_bg.gif) no-repeat bottom right;}
div#contentarea {background:url(images/content_top_bg.png) no-repeat top right #fff;}
div#contentleft {background:url(images/content_bg.gif) repeat-y top left;}
div#contentrightholder {background:url(images/right_top_bg.png) no-repeat top right;}
div#contentright {background:url(images/content_right_bg.png) repeat-y;}
div#contentrightbottom {background:url(images/right_bottom_bg.png) no-repeat;}
/* end background images */

/* footer */
div#footer {float:left; width:100%; font-size:.94em; padding:8px 0 0 0; background: #efebdf; }
div#footer p {float:left; margin:0;}
div#footer a {color:#333;}
div#footer ul {float:right; list-style-type:none;}
div#footer li {float:left;}
div#footer li a {padding:0 0 0 4px;}
/* end footer */

/* primary navigaton */
div#nav {font-size:1em; float:left; border-top: 1px solid #fff; width:770px; background: url(images/nav_bg.png) repeat-x bottom left #6c9862;}
div#nav ul {list-style-type:none;}
div#nav ul li:first-child a {border-left:none;}
div#nav ul li {float:left;}
div#nav ul li a {padding:10px 28px 2px 27px; color:#fff; text-decoration:none; display:block; white-space:nowrap; border-left: 1px solid #fff;}
div#nav ul li a:hover {text-decoration:none; color:#9bc543;}
/* end primary navigaton */

/* secondary navigation */
div#subnav {background:url(images/subnav_top.png) no-repeat; width:194px; padding:9px 0 0 0;}
div#subnav ul {list-style-type:none;}
div#subnav ul li {line-height:normal;}
div#subnav ul li a {padding:5px 8px 5px 20px; color:#697969; text-decoration:none; display:block;  background: url(images/subnav_bg.png) repeat-x bottom left #e1e2c8; border-top: 1px solid #fff; width:194px; w\idth:166px; }
div#subnav ul li a:hover {color:#88b347;}


div#subnav ul ul li a {background-color:#e6e7d1; background-image:none;}
div#subnav ul ul li a:hover {background-color:#e1e2c8; background-image:none;}
div#subnav ul ul li a {padding:4px 8px 4px 32px; width:194px; w\idth:154px;} 
div#subnav ul ul ul li a {background-color:#f5f5ec; background-image:none;}
div#subnav ul ul ul li a:hover {background-color:#eceddd;}
div#subnav ul ul ul li a {padding:3px 8px 3px 44px; border-top: 1px solid #dbdcbe; width:194px; w\idth:142px;} 
div#subnav ul ul ul ul li a {background-color:#f5f5ec; background-image:none;}
div#subnav ul ul ul ul li a:hover {background-color:#eceddd;}
div#subnav ul ul ul ul li a {padding:3px 8px 3px 56px; border-top: 1px solid #dbdcbe; width:194px; w\idth:134px;} 


div#subnav h2 {margin:.3em 0 0 0; font-size:1.2em;}
div#subnav p {margin:0 0 .5em 0; font-size:.94em;}
div#subnav img {margin:0; border:none;}
/* end secondary navigation */

/* 'you are here' effects */
div#nav ul li.active a {color:#9bc543; background:url(images/nav_active.gif) no-repeat bottom left;}
div#subnav ul li.active a {color:#333;}
div#subnav ul li.active ul li a {color:#697969;}
div#subnav ul li.active ul li a:hover {color:#88b347;}
div#subnav ul li.active ul li.active a {color:#333;}
div#subnav ul li.active ul li.active ul li a {color:#697969;}
div#subnav ul li.active ul li.active ul li a:hover {color:#88b347;}
div#subnav ul li.active ul li.active ul li.active a {color:#333;}
/* end 'you are here' effects */

/* general typography */
acronym {border-bottom: 1px dashed #7aa870; cursor: help;}
hr {height:1px; color:#efebdf; border: 0; background-color: #efebdf; margin: .5em 0;}
/* end general typography */

/* image floats */
img.left {float:right; clear:left; margin:5px 0 15px 15px;}
img.left {border:none;}
img.right {float:right; clear:left; margin:5px 0 15px 15px;}
img.right {border:none;}
/* end image floats */

/* lists */
div#content ul {margin:0 0 1em 2em;}
div#content ul li {padding:0; list-style-type:disc;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 2em;}

div#content div#contentright ul, div#content div#contentright ol {margin:0 0 1em 1em;}
div#content div#contentright ul li {padding:0; list-style-type:disc;}

div#content div#contentright ul.logos {list-style-type:none; margin:0 0 0 -12px; }
div#content div#contentright ul.logos li {display:inline;}
div#content div#contentright ul.logos li img {margin:0 0 10px 16px; border:none;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; color:#7aa870; font-size:1.1em;}
div#content dd {margin: 0 0 0 0;}
/* end lists */

/* links */
a:link, a:visited {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
/* end links */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #efebdf; border-top:1px solid #efebdf;}
th {padding: .2em .4em; background:#efebdf; text-align:left;}
td {padding: .4em; border-bottom:1px solid #efebdf; border-left:1px solid #efebdf;}
table caption {text-align:left; font-size:1em; color:#7aa870; font-weight:normal;}

div#sitemap table, th, td {border: none; padding: .1em; margin: .5em 0 .5em 0;}
/* end tables */