/****************************************
 * Colors:
 *
 * #a30000  Heron red
 * #1f4715  Heron green
 * #949494  Heron grey
 ****************************************/

body { background: #505F50; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%;
  line-height: 130%; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; }

a:link { color: #a30000; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #1f4715; text-decoration: underline; }

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

.inlineimage { text-align: center; float: right; clear: right; margin-top: 0.5em; margin-left: 1em; border: none; }
.inlineimage img { border: none; }
.inlineimage p { font-size: 0.8em !important; line-height: 120%; font-weight: bold; margin-top: 0 !important; width: 222px; }

.centered { float: none; margin-left: auto; margin-right: auto; }
.centered p { width: auto; }

.chemical sub { font-size: 0.66em; }

/**===== Wrapper =========================**/

#wrap { background: #fff url(../images/layout/bg-main.gif) repeat-y top left; width: 850px;
  margin: 0 auto 0 10px; padding: 0 5px 0 5px; }

/**===== Header ==========================**/

#header { background: #333 url(../images/layout/bg-header08.jpg) no-repeat top right; height: 150px;
  margin: 0; padding: 0; }
#header img { margin: 0; padding: 0; }

/**===== Main navigation =================**/

#main-nav { background: #910000 url(../images/layout/bg-nav.gif) no-repeat top left; height: 40px; }

/**===== Menu bar ========================**/

table#menu { color: #ffffff; width: auto; height: 40px; position: absolute; top: 150px; left: 45px; }
table#menu td { margin: 0; padding: 0; }
table#menu img { border: none; }

/**===== Page summary ====================**/

#summary { color: #fff; background: #000 url(../images/layout/bg-sum.gif) repeat-x top left; clear: left;
  margin: 0; padding: 0; height: 100px; }
#summary h1 { font-size: 150%; margin: 0; padding: 23px 30px 0 30px; line-height: 120%; }
#summary h2 { font-size: 125%; margin: 0; padding: 10px 30px 0 30px; line-height: 120%; }
#summary p { color: #ccc; font-size: 95%; font-family: Verdana, sans-serif; font-weight: normal;
  margin: 8px 30px 0 30px; padding: 0; width: 700px; }

/**===== Main content ====================**/

#main-content { color: #444; float: left; width: 572px; padding: 10px 30px 10px 30px; margin: 0; font-size: 95%; }
#main-content h2 { padding-top: 15px; margin-top: 0; color: #586558; font-size: 150%; line-height: 120%; }
#main-content h3 { padding-top: 10px; color: #586558; font-size: 125%; margin-bottom: 0; }
#main-content h4 { padding-top: 5px; color: #586558; font-size: 100%; margin-bottom: 0; }
#main-content p { margin-top: 0.5em; margin-bottom: 0.5em; }
#main-content li { margin-top: 0.5em; margin-bottom: 0.5em; }
#main-content dt { padding-top: 0.5em; padding-left: 3em; font-weight: bold; }

hr { color: #586558; background: #586558; height: 1px; }

table.twocolumns { border: none; width: 100%; }
table.twocolumns td { padding: 0.5em; }

table.links { margin-top: 1em; margin-bottom: 1em; }
table.links td { padding: 0.5em; text-align: left; vertical-align: middle; font-weight: normal; }
table.links td.logo { text-align: center; }
table.links img { border: none; }

fieldset { border: none; padding: 0.5em; }

span.fileinfo { white-space: nowrap; }

/* pagemenu styles */
#pagemenu { list-style: none; margin: 10px 3px; padding: 0; border: 2px solid #1f4715; text-align: center; color: #ffffff; background: #1f4715; }
#pagemenu li { list-style: none; margin: 0; padding: 11px; display: inline; line-height: 1.5em; text-align: center; }
#pagemenu a:link { color: #ffffff; text-decoration: none; white-space: nowrap; }
#pagemenu a:visited { color: #ffffff; text-decoration: none; white-space: nowrap; }
#pagemenu a:hover { color: #949494; text-decoration: none; white-space: nowrap; }


/**===== Photos ==========================**/

.mainpic { float: left; padding: 5px 10px 5px 0; border: none; }

/**===== News ============================**/

table#newsitems td { vertical-align: top; font-family: Helvetica, Arial, sans-serif; }
table#newsitems td.heading { padding-top: 15px; }
table#newsitems td.heading a { font-size: 125%; line-height: 120%; color: #586558; font-weight: bold;
  text-decoration: none; }
table#newsitems td.newsdate { padding-top: 15px; }
table#newsitems td.newsdate p { font-size: 125%; line-height: 120%; color: #444444; font-weight: bold; }
table#newsitems td p { margin-top: 0; margin-bottom: 0.5em; }

/**===== Community pictures ==============**/

img.communitypic { margin-top: 0; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; }
img.left { float: left; clear: left; margin-left: 0; }
img.right { float: right; clear: right; margin-right: 0; }

/**===== Downloads table ===============**/

table.downloads { width: 100%; border-top: 1px solid #1f4715;
  margin-top: 15px; margin-bottom: 15px; font-size: 0.9em; }
table.downloads th { color: #ffffff; background: #1f4715; padding: 2px; border-bottom: 1px solid #586558;
  text-align: center; vertical-align: bottom; white-space: nowrap; }
table.downloads td { color: #444444; background: #ffffff; padding: 2px; line-height: 120%;
  text-align: left; vertical-align: bottom; border-bottom: 1px solid #949494; }

table.downloads td.date { text-align: right; }
table.downloads td.filesize { text-align: right; }
table.downloads td.filetime { text-align: right; }

table.downloads a:link { text-decoration: none; }
table.downloads a:visited { text-decoration: none; }
table.downloads a:hover { text-decoration: underline; }

/**===== Media clippings ===============**/

div.media { padding-top: 15px; padding-bottom: 15px; }
div.media h2 { margin-top : 0 !important; margin-bottom : 0 !important; padding: 0 !important; }
div.media h3 { margin-top : 1em !important; margin-bottom : 0 !important; padding: 0 !important; }
div.media p.byline { font-style: italic; margin-top: 0 !important; margin-bottom: 1em !important; }
div.media p.pullquote { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.1em; color: #444444;
  font-weight: normal; width: 200px; float: right; border-top: 1px solid; border-bottom: 1px solid;
  margin: 10px; padding: 5px; text-align: center; }
div.media p.seemore { font-style: italic; margin-top: 1.5em !important; margin-bottom: 0 !important; }

/**===== Director profiles ===============**/

.profile { clear: left; line-height: 125%; padding-top: 1em; padding-bottom: 1em; }
.profile img { float: left; clear: left; margin-right: 10px; border: 2px solid; }
.profile h2 { margin-left: 180px; margin-top: 0 !important; margin-bottom: 0; padding: 0 !important; }
.profile p { margin-left: 180px; }

/* used in director profiles and project profiles */
p.details { margin-top: 0 !important; margin-bottom: 0 !important; font-weight: bold; }

/* used on company information page */
ul.directors { margin: 0; padding: 0; }
ul.directors li { margin: 0.25em; padding: 0; }

dl.directors { margin: 0; padding: 0; }
dl.directors dt { margin-top: 0.75em; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0 !important; font-weight: bold; }
dl.directors dd { margin: 0; padding: 0; }

/**===== Results table ==============**/

table.results { width: 100%; font-size: 0.8em; border-top: 1px solid #c2cac2; border-left: 1px solid #c2cac2;
  border-right: 1px solid #586558; border-bottom: 1px solid #586558; margin-bottom: 0.5em; clear: both; }
table.results th { color: #ffffff; background: #1f4715; font-weight: bold; white-space: nowrap;
  border-top: 1px solid #586558; border-left: 1px solid #586558; border-right: 1px solid #c2cac2;
  border-bottom: 1px solid #c2cac2; }
table.results td { border-top: 1px solid #586558; border-left: 1px solid #586558;
 border-right: 1px solid #c2cac2; border-bottom: 1px solid #c2cac2; text-align: center; vertical-align: top;
 white-space: nowrap; line-height: 120%; }

table.results th.heading { color: #a30000; background: #ffffff; font-size: 1.2em; }
table.results td.even { width: 24%; white-space: normal; }
table.results td.notes { white-space: normal; text-align: left; }

/**===== Management console ==============**/

table.managetable { border: 1px solid #586558; border-collapse: collapse; font-size: 0.8em; width: 100%; }
table.managetable th { color: #ffffff; background: #586558; font-weight: bold; white-space: nowrap; padding: 5px; }
table.managetable td { border: 1px solid #586558; padding: 5px; }

/**===== Picture Gallery table =========**/

table.gallery { width: 100%; font-size: 0.8em; }
table.gallery td { color: #333333; background: #ffffff; padding: 10px 3px; text-align: center; vertical-align: top;
  line-height: 120%; }

table.gallery td img { border-width: 1px; }

/**===== Sidebar =========================**/

#sidebar { color: #444; float: right; padding: 0 9px 10px 9px; margin: 0; width: 200px; }
#sidebar h2{ color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 95%;
  font-weight: bold; margin: 20px 0 4px 0; padding: 0 0 3px 0; border-bottom: 1px #ccc solid; }
#sidebar p { color: #697669; font-size: 95%; margin: 0 auto; padding: 0; }
#sidebar p.pullquote { margin-top: 2em; font-size: 1em; font-weight: normal; text-align: left; }
#sidebar img { margin-top: 15px; padding: 0; }

#sidebar a:link { color: #333; text-decoration: none; }
#sidebar a:visited { color: #333; text-decoration: none; }
#sidebar a:hover { color: #111; text-decoration: underline; }

#sidebar ul { margin-top: 15px; text-align: center; }
#sidebar ul li { text-align: left; }

ul.radiolist { list-style: none; }
ul.radiolist li { list-style: none; }

.sideimage { text-align: center; }
.sideimage img { border: none; }
.sideimage p { font-size: 0.8em !important; line-height: 120%; font-weight: bold; margin-top: 0; width: 150px; margin-left: auto; margin-right: auto; }

.withborder img { border: 1px solid #000000; }

/**===== Subscription form ===============**/

#sidebar fieldset { border: none; padding: 0.5em; font-size: 95%; }
#sidebar form ul { list-style: none; margin: 0; padding: 0; }
#sidebar form li { list-style: none; color: #697669; margin: 0.5em 0 0.5em 0; padding: 0; }

/**===== Footer ==========================**/

#footer { color: #888; background: #ccc url(../images/layout/bg-footer.gif) no-repeat bottom left;
  border-top: 1px #aaa solid; clear: both; font-family: Helvetica, Arial, sans-serif; line-height: 150%;
  margin: 0; padding: 25px 30px 25px 115px; height: 40px; width: 705px; }
#footer a:link { color: #aaa; text-decoration: underline; }
#footer a:visited { color: #aaa; text-decoration: underline; }
#footer a:hover { color: #666; text-decoration: none; }