/* Layout */
html {overflow-y: scroll}
html, body, #outerborder, #container {padding: 0; margin: 0}
#outerborder {width: 913px; padding: 18px 18px 10px 18px; margin: 0 auto}
body {padding: 20px 0 40px 0}
#leftcontent {margin-left: 10px}

/* Main Styles */
body {background: #eff0f0 url(/images/resources/dainton/background.gif) repeat-x}
#outerborder {background: white}
#container, #topmenu, #nav {width: 100%}
#globalwrapA {margin: 0 -10px}

/* Text*/
body, #container {font-family: Verdana, Arial, Helvetica; font-size: 12px; line-height: 1.5; color: #333333}
a img {border: none}
ul {padding-left: 15px; margin-bottom: 0.7em}
p, ul, ol {margin: 0.5em 0}
a.button {background: url(/images/resources/dainton/button.png) no-repeat 0 50%; padding-left: 10px; margin-right: 10px}

/* Header */
.header {height: 139px}
.header img {display: block}
p img {
margin: 20px;
}

/* Footer */
.footer {font-size: 11px}
.footer .logo {display: block; float: right; position: absolute; right: 0; bottom: -5px}

/* Nav */
#topmenu {position: static}
#topmenu {margin-top: 3px; padding-top: 3px; border-top: 2px solid #3f3f40}
#nav {position: relative; z-index: 99}
#nav {background: #d3d3d3}
#nav li a {color: #474747}
#nav li a:hover {color: #999999}
#nav li a {text-transform: capitalize; font-size: 13px}
#nav li ul {background: #f2f2f2}
#nav li ul {display: none}
#nav li:hover ul {display: block}

/* KEEP: IE6 and IE7 needs the following for some pages*/
#nav li ul {display: none}
#nav li.sfhover ul, #nav li:hover ul {display: block; left: auto; z-index: 2000;}

/* Form */
fieldset {margin: 10px 0; width: auto; padding: 10px}
fieldset {border: 1px solid #888888}

/* Header */
h3 {margin-top: 5px; margin-bottom: 5px}
#leftcontent h3, #rightcontent h3 {margin-top: 10px}
h4 {margin-top: 1em}

/* Charbox */
.chartbox {padding: 5px}