/*=PAGE STRUCTURE
-----------------*/
body {font-family:Verdana ;font-size:76%;color:#333;margin:0;padding:0;background:#f8f8f8 url(../i/bg.jpg) top left repeat-x}
#container {max-width:1000px;}
#logo {padding:1em 0 1em 2em;background:#231f20}
#header {float:left;width:100%;height:180px;background:#666;color:#fff;}
#header div#intro {float:left;width:33%;}
#header div#bkr {background:#999 url(../i/Crew-project-truck-loading-Lero.jpg) left top;height:100%;margin-left:33%;background-position:left top no-repeat;}
#head-row {background:#fff;height:.75em}
#content {background:#fff url(../i/sidebar-m-bg.gif) repeat-y 75% 0;margin:0;padding:0;}
#main {float:left; width:73%;}
#sidebar {float:right; width:25%;border-top:1px solid white}
.footer {background-color:#000; padding:10px; color:#FFF;}
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {clear:both;overflow:hidden;width:0;height:0;}
img {border:none}
.hide {position:absolute;left:-9999px;}
/*=TYPOGRAPHY
-------------*/
h1 {font-size:1.9em;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4 {font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2 {font-size:1.6em;color:#815017;padding:0 0 .25em 0}
h3 {font-size:1.4em;}
h4 {font-size:1.3em}
h5 {font-size:1em;}
h6 {font-size:.9em}
p {font-family:Verdana, Arial, sans-serif;font-size:1.1em;margin-top:0;margin-bottom:1em}
#content-main ul, #content-main ol {margin-top:.25em;margin-bottom:.5em}
#content-main ul li,#content-main  ol li,#content-main  ul ul li {font-size:1.1em}
#content-main ul ul li {font-size:1em}
/*=LAYOUT
---------*/
.grid2-a {float:left;width:48%;display: inline;margin-right: 1%;}
.grid2-b {float:right;width:48%;display: inline;margin-left: 1%;}
.img-c {margin-left: auto;margin-right: auto;display: block;text-align: center}
.img-l {float:left;padding-right:1em;border:none !important}
#main .gutter {padding: .75em 0 1em 1em}
#sidebar .gutter {padding: .75em 1em}
#intro p {padding:.5em 1em 0 1em;}
.content-box div.gutter {padding:0 1em !important}
.content-box {margin-bottom:1em;background:#bbbdbf url(../i/box-corner-right.gif) top right no-repeat;}
.content-box span.top {display:block;height:9px;background:transparent url(../i/box-corner-left.gif) top left no-repeat}
.content-box .bottom {width:100%;height:9px;background:transparent url(../i/box-corner-right.gif) bottom right no-repeat;}
.content-box .bottom span {display:block;height:9px;background:transparent url(../i/box-corner-left.gif) bottom left no-repeat}
ul#intro-list {margin:0 0 1em 0;padding:0;text-align:center;font-weight:bold;clear:both;}
ul#intro-list li {display:inline;margin-right:25px;padding:0}
ul#intro-list a {padding:.2em 0 .2em 20px;background:transparent url(../i/link-arrows.gif) left -129px no-repeat;color:#000;height:1.2em}
ul#intro-list a:hover {color:#8b6900;text-decoration:none;background:transparent url(../i/link-arrows.gif) left -2px no-repeat}
.pdf {background:transparent url(../i/pdf-icon.gif)}
.html {background:transparent url(../images/icon_ie.gif)}
.doc {background:transparent url(../i/doc-icon.gif)}
.audio {background:transparent url(../i/audio-icon.gif)}
dl#list {margin:0;padding:.5em 0 .5em;}
dl#list dt {padding-bottom:.25em}
dl#list dd {font-size:1.1em;line-height:17px;background-repeat:no-repeat;background-position:top left;padding:0 0 1em 0;margin:0 0 0 1em;}
dl#list dd.pdf a {margin-left:20px;}
.stock dl {float:left;margin:0;padding-bottom:.5em;}
.stock dt, .stock dd {float:left;margin:0;padding:0;text-align:right;}
.stock dt.code {width:8.6em}
.stock dd.price {width:3.5em;font-size:1.4em;font-weight:bold;font-family:Arial, Helvetica sans-serif;color:#000;text-align:left;padding-left:.5em}
.stock dt.code {font-size:.9em;padding:.3em 0 0 0}
dl.icon-links {margin-top:1em;padding:0}
dl.icon-links dt {font-weight:bold;margin-top:1.75em}
dl.icon-links dd {line-height:17px;padding:0;margin:0.25em 0 0.5em 1em;background-repeat: no-repeat;background-position: top left;}
dl.icon-links dt.pdf a, dl.icon-links dd.pdf a,dl.icon-links dd.doc a,dl.icon-links dd.audio a {padding-left:20px;}
dl.list-doc {float:left;width:100%;}
dl.list-doc dt {font-weight:bold;padding-bottom:.5em}
dl.list-doc dt.img {float:left;margin:0;padding:0;width:56px}
dl.list-doc dt.img img {border:1px solid #dedabd;padding:1px}
dl.list-doc dd {line-height:17px;padding:0;margin:0.25em 0 0.5em 56px;background-repeat: no-repeat;background-position: top left;}
dl.list-doc dd.pdf a,dl.list-doc dd.html a,dl.inside dd.doc a {padding-left:20px;}
dl.cover dd {margin-left:120px}
dl.cover dt.img {width:120px}
.grid2-a h3, .grid2-b h3 {font-size:1.4em;font-weight:bold;color:#000;padding:0.1em 0 0.1em 0;border-bottom:1px solid #666}
.grid2-a ul, .grid2-b ul {padding-top:.5em;}
.grid2-a p, .grid2-b p {padding-top:.5em;}
#content-section {background:#fff;padding-top:1.75em}
#content-main {padding:0 1.5em 1em 1.5em}
#sidebar h4 {text-align:center;color:#fff;background:#939598;padding:.25em 0;margin:0 0 .25em 0;font-size:1.2em;font-weight:bold}
#zip {text-align:center;margin-bottom:0}
.table-info {width:100%;margin-bottom:1em}
.table-info caption {font-size:1.15em;padding:.25em;background:#dedabd}
.table-info thead th {background:#eee;text-align:left}
.table-info tbody th,.table-info td {margin:0;padding:.25em;text-align:left;border-bottom:1px solid #ccc}
.table-info th {text-align:center;padding:.25em;border-bottom:1px solid #ccc}
#subscribe {text-align:left}
#subscribe fieldset {border: none;padding:.5em;margin:0}
#subscribe legend {font-weight:bold;color:#333;padding:0;margin:0}
#subscribe label {display:block;margin-top:.5em}
#privacy {font-size:.9em;margin-top:1em}
.results-table {width:100%;margin-bottom:1em}
.results-table caption {font-weight:bold;padding-bottom:.5em}
.results-table th,.results-table td {padding:.25em}
.results-table thead th {background:#d1d2d4;padding:.25em}
.results-table tbody th {text-align:left}
.results-table tbody tr.deposit th, .results-table tbody tr.deposit td {border-bottom:1px solid #666}
.results-table tbody td {text-align:center;}
.results-table tbody tr.row-total td, .results-table tbody tr.row-total th,.results-table tbody th.deposit {font-weight:bold;border-bottom:1px solid #000}
.results-table tbody tr.date td {font-weight:normal;}
.results-table tbody td.lft {border-left:1px solid #000}
.pdf {background:transparent url(../i/pdf-icon.gif)}
.file-link a {padding-left:18px;background:url(../i/pdf-icon.gif) top left no-repeat}
.caption {text-align: center;font-style:italic;margin-top:.75em}
#milestones dt {font-weight:bold;float:left;width:6em;background-color:#8b6900;color:#fff;padding:.5em 0 .5em .5em;}
#milestones dd {margin-left:8em;padding-bottom:.75em;font-size:1.1em}
#milestones dd.milestones-last {margin-bottom:1.75em}
#photo-gallery {background:#eee;padding:1em 0;margin:0;text-align:center}
#photo-gallery img {border:1px solid #fff;}
.photo-row {margin-bottom:1em}
/*=LINKS
--------*/
a:link {color:#03c;}
a:hover {color:#815017; text-decoration:none}
a.head-a {padding-right:16px;background:transparent url(../i/link-arrows.gif) right -328px no-repeat;}
a.head-a:link, a.head-a:visited {color:#000;text-decoration:none;}
a.head-a:hover {color:#8b6900;text-decoration:none;background:transparent url(../i/link-arrows.gif) right -201px no-repeat;}
.footer a:link {color:#fff}
.footer a:visited {color:#fff}
.footer a:hover {color:#f60; text-decoration:none}

/* TOP NAVIGATION */
#nav {float:left;width:100%;margin:0;padding:0;list-style:none;line-height:1;background:#8b6900 url(../i/nav-bg.gif) top repeat-x;text-align:left;font: bold 1.1em/1.2em Arial, Verdana, sans-sefif;border-top:1px solid #ccc}
#nav ul, #nav li {margin:0;padding:0}
#nav a {display:block;width:13em;}
#nav li {float:left;display:inline;border-right:1px solid #333;border-left:1px solid #8b6900}
#nav li li {border:none}
body.home #tab-home, body.about #tab-about, body.projects #tab-projects, body.ir #tab-ir, body.news #tab-news, body.csr #tab-csr, body.contact #tab-contact {background:transparent url(../i/nav-bg.gif) 0 -300px repeat-x;}

body.home a#tab-home-a, body.about a#tab-about-a, body.projects a#tab-projects-a, body.ir a#tab-ir-a, body.news a#tab-news-a, body.csr a#tab-csr-a, body.contact a#tab-contact-a {color:#000 !important}

/*2nd-level lists*/
#nav li ul {font-size:1em;font-family:Verdana,Arial,sans-serif;font-weight:normal;position: absolute;background:#d1d2d4;width:14em;margin-left:-1000em;}
#nav li ul a {padding:0.2em 0.5em; text-align:left;}

/*3rd-and-above-level lists*/
#nav li ul ul {margin:-1em 0 0 -1000em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {margin-left:-1000em;}

/*lists nested under hovered list items*/
#nav li:hover ul, #nav li.sfhover ul {margin-left:0;}
#nav li li:hover ul, #nav li li.sfhover ul {margin-left: 14em;}
#nav li:hover, #nav li.sfhover {background:transparent url(../i/nav-bg.gif) 0 -150px repeat-x}
#nav li:hover ul li:hover,#nav li.sfhover ul li.sfhover {background-position:0 -50px}

/*menu link styles*/
#nav li a:link, #nav li a:visited {color:#fff; text-decoration:none;}
#nav li li a:link, #nav li li a:visited {color:#000; text-decoration:none;}
#nav li a:hover {color:#000}
#nav li li a:hover {text-decoration:none}
#nav li a,#nav li div {padding:.75em .5em;}
#nav li.sub-menu ul li a {background-image:none}
#tab-about-a, #tab-projects-a, #tab-ir-a, #tab-csr-a, #tab-news-a {background:transparent url(../i/arrow-down.gif) 90% 50% no-repeat}

/*menu widths*/
a#tab-contact-a {width:6em}
a#tab-about-a {width:6em;}
a#tab-ir-a {width:7em;}
a#tab-projects-a {width:13em;}
a#tab-csr-a {width:14em;}
a#tab-home-a, a#tab-news-a {width:4em;}
a#tab-ir-a {width:6em;}

/*extra positioning rules for limited noscript keyboard accessibility*/
#nav li a:focus + ul {margin-left:0}
#nav li li a:focus + ul {margin-left:1010em}
#nav li li a:focus {margin-left:1000em;width:13em;background:#fff}
#nav li li li a:focus {margin-left:2010em;width:13em;background:#fff}
#nav li:hover a:focus, #nav li.sfhover a.sffocus {margin-left:0}
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul {margin-left:14em}

/*LEFT NAVIGATION*/
.leftnav {background-color:#fff; padding:0;width:20%;border-right:1px solid #eee}
#navbar {width:100%}
html>body #navbar li a {width: auto;}
#navbar ul {margin:.5em 1em .75em 1em; padding:0;list-style-type:none;border-bottom:1px solid #ccc;font-size:1em}
#navbar li {border-top:1px solid #ccc;}
#navbar ul li a {text-decoration:none;display:block;padding:0.3em 0 0.3em .5em;width:100%}
#navbar-a {font-weight:bold;background:#eee}
#navbar ul a:link, #navbar ul a:visited {color:#000}
#navbar ul a:hover {background-color:#888;color:#fff}

/*TABLES
--------*/
.tableheader {background-color:#8b6900; color:#FFF;}
.tablerowA {background-color:#E1E1E0;}
.selectyear {background-color:#999; color:#FFF;}