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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-image: transparent;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html,body {background: #02243c; border-top: 3px solid #004676;}

#container {width: 100%; background: #fff; font-size: 62.5%; text-align: center;}

/* Banner */
#banner {height: 25.4em; background: #004676 url("/images/page/banner.jpg") no-repeat center;}

/* Top Navigation */
#topnav {position: relative; width: 780px; height: 38px; margin: .1em auto 3em auto; padding: 0; background: url("/images/page/topnav.gif") no-repeat top center; text-align: center;}
#topnav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#topnav li, #topnav a {height: 38px; display: block;}
#panel1b {left: 0; width: 102px;}
#panel2b {left: 102px; width: 93px;}
#panel3b {left: 195px; width: 110px;}
#panel4b {left: 305px; width: 108px;}
#panel5b {left: 413px; width: 151px;}
#panel6b {left: 564px; width: 81px;}
#panel7b {left: 645px; width: 135px;}
#panel1b a:hover {background: transparent url("/images/page/topnav.gif") 0 -38px no-repeat;}
#panel2b a:hover {background: transparent url("/images/page/topnav.gif") -102px -38px no-repeat;}
#panel3b a:hover {background: transparent url("/images/page/topnav.gif") -195px -38px no-repeat;}
#panel4b a:hover {background: transparent url("/images/page/topnav.gif") -305px -38px no-repeat;}
#panel5b a:hover {background: transparent url("/images/page/topnav.gif") -413px -38px no-repeat;}
#panel6b a:hover {background: transparent url("/images/page/topnav.gif") -564px -38px no-repeat;}
#panel7b a:hover {background: transparent url("/images/page/topnav.gif") -645px -38px no-repeat;}

/* Content */
div.content {width: 780px; margin: 0 auto;}

/* Footer */
#footer {clear: both; width: 50em; margin: 0 auto;}

/* Misc */
br.clear {clear: both; height: 1%;}
#subcontentleft {float: left; clear: right; width: 320px; margin: 2.5em 0 2.5em 4em;}
* html #subcontentleft {float: left; clear: right; width: 325px; margin: 2.5em 0 2.5em 2em;}
#subcontentright {float: left; width: 320px; margin: 2.5em 0 2.5em 6.5em;}
* html #subcontentright {float: left; width: 320px; margin: 2.5em 0 2.5em 6.5em;}
#logo {float: left; width: 299px; height: 135px; text-indent: -5000em; background: url("/images/page/geohazardslogo.gif") no-repeat;}
div.border {width: 100%; height: 1em; margin-bottom: 1em; border-bottom: 1px solid #bbc4ca;}
div.gallery {float: left; clear: right; margin: 0 0 2.5em 2.5em;}

/* Links */
a.white {color: #fff;}

/* Text Styles */
h2,h3,h4,p {text-align: left;}
h2,h3,h4 {color: #ba0405; font: 500 2em georgia, verdana, "trebuchet ms", sans-serif;}
h2.header {padding: 0 0 .5em 1.25em;}
h3.header {margin-bottom: 1.25em; padding-bottom: .5em; background: url("/images/page/dotborder.gif") repeat-x bottom left;}
h4 {margin-bottom: .75em; padding-bottom: .25em; font-size: 1.4em; background: url("/images/page/dotunderline.gif") repeat-x bottom left;}
.cssboxbody p {float: left; clear: right; width: 250px; color: #fff; font: 500 1.2em georgia, verdana, tahoma, arial, sans-serif;}
p.left {padding: .25em 2.5em 0 2em; border-right: 1px solid #2e67b9;}
p.right {padding: .25em 0 0 3em;}
p.content {margin-bottom: 1em; padding: 0 2em; font: 500 1.4em georgia, verdana, tahoma, arial, verdana, sans-serif;}
p.subcontent {padding-left: .75em; font: 500 1.5em georgia, verdana, "trebuchet ms", sans-serif;}
p.subcontent:first-letter {font: 600 1.2em georgia, verdana, "trebuchet ms", sans-serif;}
div.gallery p {margin: 0; font: 500 1.4em georgia, verdana, tahoma, arial, sans-serif; text-align: center;}

/* Image Styles */
img.more {float: right; border: none;}
img.gallery {border: 1px solid #000;}
img.icon {float: left; margin: 0 .5em 0 2em;}
img.small {float: left; clear: right; margin:0 0 2.5em 2.8em; border: 1px solid #000;}
img.portrait {float: left; margin:0 1em .5em 0; border: 1px solid #000;}

/* Rounded Box Corners */
.cssbox,.cssboxhead {margin: 0 auto; background: transparent url("/images/page/publicationbg.gif") no-repeat bottom right;}
.cssbox {width: 731px !important; width: 731px;} 
.cssboxhead {background-position: top right;}
.cssboxbody {background-position: bottom left;}

/* List Styles */
ul {text-align: right;}
ul.inline {padding-top: 5.5em; list-style: none;}
ul.inline li {display: inline; color: #e31e15; font: 600 1.8em georgia, tahoma, verdana, sans-serif; text-decoration: none;}
/*ul.inline li a {color: #e31e15; font: 600 1.8em georgia, tahoma, verdana, sans-serif; text-decoration: none;}*/
#banner ul {float: right; padding: 3em 1.5em 0 0; list-style:}
#banner ul li {margin-bottom: .5em; padding-left: .5em; color: #fff; font: 600 1.8em "trebuchet ms", verdana, sans-serif; text-decoration: none;}
ul.content {margin: 0 2.5em 2em 2.6em; list-style: square; text-align: left;}
ul.content li {font: 500 1.4em tahoma, arial, verdana, sans-serif;}
ul.content li.border {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #bbc4ca;}
#footer ul {float: right; clear: left; margin: 1em 0; padding: 0 1.5em; list-style: none; border-right: 1px solid #044878; text-align: left;}
#footer li {color: #eeece0; font: 500 .8em "trebuchet ms", verdana, sans-serif;}
li.none {list-style: none;}

/* Form Classes */
form.contact {width: 730px; margin: 0 auto 1em auto; color: #303030; text-align: left; font: 600 1.4em georgia, "trebuchet ms", verdana, sans-serif;}
/* Fieldset */
fieldset {position: relative; float: left; width: 330px; margin-bottom: 1em; padding: 0;}
fieldset.float {float: right;}
fieldset.floattextarea {width: 100%;}
fieldset.hidden {display: none;}
/* Legend */
/* Divs */
/* Input */
input.hidden {display: none;}
form label {float: left; width: 140px; margin-right: 1em;}
form input, form textarea, form select {float: left; display: block; background: #f9f9f9; border: 1px solid #bbc4ca;}
/*form input.required {border-color: #c00; background: #f9f9f9;}*/
form input {width: 170px;}
form textarea{}
form select {width: 172px;}
input.submit {width: 130px; height: 40px; border: none;}
form label:after {content: ":";}
form br {clear: left;}
em {color: #c00; font: 600 1.1em arial, sans-serif;}

/* hcard */
div.vcard {float: left; clear: right; width: 20em; margin: 0 1em 2em 0; background: #f5f6d4 url("/images/page/formbg.jpg") repeat top left; border: 5px solid #d5d6b7;}
form.contact p.vcard {padding: 0 0 1em 0;}