/* Layout */
body, html{ padding: 0px; margin: 0px; }
body{ background-image: url("../img/mainbg.jpg"); background-repeat: repeat-x; }
#header{ width: 900px; height: 179px; margin: 0 auto; background-image: url("../img/toplogo.jpg"); background-repeat: no-repeat; }
#nav{ width: 900px; height: 46px; margin: 0 auto; /*background-image: url("../img/navbg.jpg");*/ background-color: #54626d; }
#banner{ padding-top: 20px; width: 900px; height: 120px; margin: 0 auto; margin-top: 1px;/* background-image: url("../img/spinbg.jpg");*/ background-repeat: no-repeat; background-position: right; }
#content{ width: 900px; margin: 0 auto; margin-top: 20px; }
#footer{ width: 900px; margin: 0 auto; margin-top: 30px; margin-bottom: 50px; }
/* Nav bar */
#nav ul{ list-style:none; margin: 0; padding: 0; margin: 0 0 0 135px; }
#nav li{ float: left; margin: 0px 0px 0px 0px; padding: 13px 5px 13px 5px; text-align: center; width: 150px; text-align: center;}
#nav li a{ color: white; text-decoration: none; text-transform: lowercase; font-weight: bold; font-size: .8em; font-family: Arial, Helvetica, sans-serif; }
#nav li:hover, #nav li.selected{ background-color: #7e91a0; }
/* Banner Area */
#banner p{ font-family: Georgia, Georgia, serif; font-size: 1.1em; margin: 0px 250px 0px 10px; padding: 0; line-height: 200%; color: black; }
/* Sub Banner Area */
#subbanner{ padding-top: 60px; width: 900px; height: 85px; margin: 0 auto; margin-top: 1px; background-image: url("../img/subbanner.jpg"); background-repeat: no-repeat; background-position: right; }
/* Content */
#content h1{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; margin-top: 30px; }
#content h1 a{ color: black; text-decoration: none; border-bottom: 1px dashed black; }
#content h2{ }
#content p, #content li { font-family: Arial, Helvetica, sans-serif; font-size: .9em; line-height: 150%; }
#content a{color: #3f76ae; }
#content a:hover{ color: black; }
/* Highlighted paragraph area */
#content div.s h1{ margin-top: 10px; color: black; }
#content div.s { background-color: #C4CDD4; padding: 10px; margin-right: 15px; background-position: right bottom; background-repeat: no-repeat; color: black;}
#content div.s a { color: black; font-weight: bold; }
/* Images */
/*#content img{ margin: 15px; padding: 3px; background-color: #cccccc; border: 1px solid grey; }*/
div.imageright, div.imageleft, div.imagenone {
margin: 15px; padding: 3px; background-color: #cccccc; border: 1px solid grey; padding: 0; }
div.imageright { float: right; }
div.imageleft { float: left; }
div.imagenone { float: none; width: inherit; margin-left: 0px; }
div.imageright, div.imageleft, div.imagenone { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: .8em; text-indent: 0; }
/* Footer */
#footer{ border-top: 1px solid black; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; }
/* Form Styles
form{ font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: .7em; padding: 0px; width: 450px; margin: 0 0 0 15px; }
fieldset{ border: 3px double #878177; margin-bottom: 25px; }
fieldset label{ display: block; font-family: arial; font-weight: bold; }
fieldset label em, fieldset label strong{ font-size: .9em; font-weight: normal; font-style: italic; }
legend{ padding: 2px 5px; border: 1px solid #878177; background-color: #ECECFB; color: #1C1C1C; }
form ul{ margin: 0; }
form li{ margin: 10px 0 10px 15px; padding: 0; list-style: none;}
textarea{ padding: 0; vertical-align: top; margin: 2px 2px 1px 0; overflow: auto; border: 1px solid black; }
input{ margin: 0 2px 0 0; border: 1px solid #dddddd; padding: 4px; }
select{ padding: 0;margin: 2px 2px 1px 0; }*/
/* Messages */
p.error{ background-image: url('../icons/error.png'); background-color: #ffbaba; background-repeat: no-repeat; font-weight: bold; padding: 1px; padding-left: 30px; width: 500px; }
p.notice { }
/* Forms */
form{ font:13px Georgia, "Times New Roman", Times, serif; background:#eee; margin:0px; padding:10px 20px; width: 500px; }
form ol{ list-style:none; margin:0; padding:0; }
form li{ list-style:none; padding:0 6px 0 6px; background:#e1e1e1; margin-bottom:1px; }
form fieldset { margin-bottom: 20px; padding: 10px; }
form li#send{ background:none; margin-top:6px; }
form label{ display: block; width:400px; text-align:left ; color:black; line-height:23px; }
form input,form textarea{ padding:7px; font:13px Georgia, "Times New Roman", Times, serif; border:1px solid #999999; width:300px; }
form input:focus, form textarea:focus{ border:1px solid #666; background:#e3f1f1; }
form li#send button{background:#003366 url(images/css-form-send.gif) no-repeat 8px 50%; border:none; padding:4px 8px 4px 28px; border-radius:15%; /* Don't expect this to work on IE6 or 7 */-moz-border-radius:15%;-webkit-border-radius:15%; color:#fff; margin-left:77px; /* Total width of the labels + their right margin */ cursor:pointer; }
form li#send button:hover { background-color:#006633; }
fieldset label em, fieldset label strong, #content em { font-size: .7em; font-weight: normal; font-style: italic; }
input{ margin: 0 2px 20px 0; border: 1px solid #dddddd; padding: 4px; }
fieldset label strong { color: red; }
form fieldset li label img { margin: 0; padding: 0;}