html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {background: #3b4a4c; font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif; height: 100%; font-size: 14px;}
html {height: 100%;}

header {width: 100%; background-color: #6d6e72;}
header #hcontent {width: 1000px; height: 110px; margin: auto; padding-top: 75px;}
#headerTop {border-bottom: 1px solid #746d5f; height: 50px; padding: 0 20px;}
#logo {width: 347px; height: 29px; float: left; margin-top: 10px;}
#tnc {width: 105px; height: 43px; float: right;}
#logo a, #tnc a {display: block; width: 100%; height: 100%;}

nav {width: 100%; padding-top: 10px; height: 20px; position: relative;}
nav ul, #thr-submenu ul, #wild-submenu ul {list-style: none;}
nav ul li {display: inline-block; float: left;}
nav ul li a {color: #fff; text-decoration: none; margin: 0 12px; border: 2px solid #6d6e72; padding: 0 3px;}
nav ul li a:hover {background-color: #3b4a4c; border: 2px solid #3b4a4c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff;}

#index {background-color: #3b4a4c; margin-top: -50px;}

#thr-submenu {font-size: 13px; padding-bottom: 5px; padding-top: 20px; position: absolute; left: -5000px; z-index: 500; width: 200px; background-color: #6d6e72; margin-top: 2px;}
#thr-submenu ul li {display: block; float: none; width: 100%; margin: 10px 0;}
#thr-submenu ul li a {color: #fff; border: none; padding: 3px; display: block; margin: 0; padding-left: 20px;}

#wild-submenu {font-size: 13px; padding-bottom: 5px; padding-top: 20px; position: absolute; left: -5000px; z-index: 500; width: 200px; background-color: #6d6e72; margin-top: 2px;}
#wild-submenu ul li {display: block; float: none; width: 100%; margin: 10px 0;}
#wild-submenu ul li a {color: #fff; border: none; padding: 3px; display: block; margin: 0; padding-left: 20px;}

#process-submenu {font-size: 13px; padding-bottom: 5px; padding-top: 20px; position: absolute; left: -5000px; z-index: 500; width: 200px; background-color: #6d6e72; margin-top: 2px;}
#process-submenu ul li {display: block; float: none; width: 100%; margin: 10px 0;}
#process-submenu ul li a {color: #fff; border: none; padding: 3px; display: block; margin: 0; padding-left: 20px;}

nav ul li:hover #thr-submenu {left: auto; top: auto; margin-left: 20px;}
nav ul li:hover #wild-submenu {left: auto; top: auto; margin-left: 20px;}
nav ul li:hover #process-submenu {left: auto; top: auto; margin-left: 20px;}

.shadow {width: 100%; height: 15px; background-image: url('../images/shadow.png'); background-repeat: repeat-x; z-index: 1000;}

#content {width: 1000px; margin: auto; background-color: #cfc5b3; min-height: 100px; margin-top: -15px;}
#content .shadow {margin-bottom: 20px;}
#narrowContent {width: 1000px; background-image: url('../images/sidebarbg.png'); background-repeat: repeat-y; margin: auto; margin-top: -15px; overflow: auto;}
#leftcol {width: 685px; float: left; margin-right: 48px; padding: 20px;}
#rightcol {width: 210px; float: left; margin-top: 80px;}
#rightcol a {color: #cfc5b3;}
#text {padding: 30px;}
#text ul, #leftcol ul {margin-left: 20px; margin-bottom: 20px;}
#text ul li, #leftcol ul li {margin-bottom: 10px;}
#text p, #leftcol p, #rightcol p {margin-bottom: 15px;}
.textRight {text-align: right;}

#rightcol h6 {color: #fff; border-bottom: 1px solid #fff; width: 227px; font-weight: normal; margin-left: -20px; padding-left: 20px; margin-bottom: 20px; font-size: 18px;}

#text a, #leftcol a, #showTable, #showFire, #showHabitat, #showArea {color: #992c2e; text-decoration: none;}
#text a:hover, #leftcol a:hover, #showTable:hover {text-decoration: underline;}

h1 {font-size: 30px; margin-bottom: 20px;}
h2 {font-size: 20px; margin-bottom: 10px;}

.imgLeft {float: left; padding: 0 10px 10px 0;}
.imgRight {float: right; padding: 0  10px 10px;}


footer, #indexFooter {height: 60px; width: 980px; color: #fff; font-size: 10px; background-color: #6d6e72; margin: auto; line-height: 40px; padding: 10px;}
#indexFooter {background: none; width: 1000px;}
.footerLeft {float: left; padding-top: 15px; width: 450px; text-align: center;}
.footerRight {float: right; width: 490px; text-align: right; padding-top: 5px;}
.footerRight img {margin-right: 40px;}

.column {width: 50%; float: left;}

.flex-direction-nav {display: none;}

#overlay {background-color: rgba(0,0,0,.7); width: 100%; text-align: center; padding: 10px 0; color: #fff; font-size: 20px; position: absolute; bottom: 130px; z-index: 1000; font-weight: bold;}

#aims #subAims,
#thr #subThr,
#wild #subWild,
#process #subProcess,
#pub #subPub,
#contact #subContact
 {background-color: #3b4a4c; border: 2px solid #3b4a4c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff;}
 
iframe {background-color: #fff; margin-bottom: 20px;}

.imageLeft {float: left; padding: 10px 20px 10px 0; text-align: left; font-size: 12px;}

#screen, #screen2 {background-color: rgba(0, 0, 0, 0.9); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5000; color: #fff;}
#management {background: url('../images/table.png') no-repeat center center; width: 100%; height: 100%;}
#fire {background: url('../images/fire2.jpg') no-repeat center center; width: 100%; height: 100%;}
#flow {background: url('../images/ProjectFlowChart.jpg') no-repeat center center; width: 100%; height: 100%;}
#habitat {background: url('../images/website_species-3.jpg') no-repeat center center; width: 100%; height: 100%;}
#area {background: url('../images/website-totalareagraph-1.jpg') no-repeat center center; width: 100%; height: 100%;}
#showTable, #showFire, #showHabitat, #showArea {cursor: pointer;}


.contactCol {width: 400px; float: left;}