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

/*handy*/
.right {float: right}
.left {float: left}
.center {text-align: center}
ul {padding-left: 3px}
li {padding-left: 12px; line-height: 16px; margin-top: 2px}
.clearboth {clear: both}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*links*/
a {text-decoration: underline; color: #003366}
a:hover {text-decoration: none; color: #003366}


/*structure*/
body {font: normal 12px arial,helvetica,sans-serif; background: #fff; color: #00457c}
#headerBg {height: 133px; background: #012150 url(../images/bg-header.jpg) repeat-x}
#header {margin: 0 auto; width: 880px; height: 133px; padding: 0}

h1.logo {background: url(../images/logo.gif) no-repeat; width: 257px; height: 123px; display: block; float: left}
h1.logo span {display: block; width: 257px; height: 123px; text-indent:-999em; overflow: hidden;}

#header a {text-decoration: none}
#header a:hover {text-decoration: underline}
div.home {float: left; padding: 110px 0 0 6px; width: 165px}
div.home a {color: #b3b3b3}
div.home a:hover {color: #b3b3b3}
div.contact {float: left; padding: 95px 0 0 230px; color: #fff}

html>/**/body div.contact {padding-left: 234px} /*firefox hack*/

div.contact a {color: #fff}
div.contact a:hover {color: #fff}

#topNavBg {background: url(../images/bg-top-nav.jpg); height: 35px; margin-top: 0}
#topNav {margin: 0 auto; width: 880px; background: url(../images/bg-top-nav.jpg)}
#topNav p {float: left; color: #003366; padding: 9px 0 0 6px}
#topNav ul {position: relative; float: left; list-style: none; padding: 0 0 0 74px; width: 670px}
#topNav li {float: left}
#topNav li a {display: block; text-decoration: none; color: #fff; padding: 6px 1.625em}
#topNav li a:hover {color: #003366}
#topNav li a.selected {color: #003366}

#main {clear: both; margin: 15px auto 0 auto; width: 880px}

#leftCol {float: left; width: 230px}
#leftCol ul {padding: 0}
#leftCol ul li {padding: 0; margin: 0 0 1px 0}
#leftCol li a {display: block; text-decoration: none; background: #999 url(../images/bg-left-nav.jpg); width: 214px; padding: 3px 0 6px 6px; color: #fff }
#leftCol li a:hover {color: #003366; text-decoration: none}
#leftCol li a.selected {color: #fff; text-decoration: none; background-position: 0 45px}
#leftCol li a.selected:hover {color: #fff}

p.contactPromo {padding-top: 84px}
p.contactPromo a {display: block; text-decoration: none; font-size: 11px; width: 214px; height: 100px; padding-left: 6px; background: url(../images/contact-promo.gif) no-repeat}

div.headerImage {float: left}

#centre {float: left; width: 380px; padding-right: 35px}
#h2div {height: 75px; padding-top: 5px}
h2.homeh2 {font-weight: normal; font-size: 22px}
h2.main {font-weight: bold; font-size: 17px}
h3 {text-transform: uppercase}
p {margin-bottom: 12px}

p.legal {font-size: 9px; color: #888a8c; line-height: 10px; margin-bottom: 20px}
#rightCol {float: right; width: 224px; border-left: 1px #bcbdc0 solid; padding-left: 10px; margin-top: 10px}
#rightCol a {text-decoration: none}
#rightCol a:hover {text-decoration: underline}
a.location {font-weight: bold; color: #a8a9ad}

label {float: left; width: 80px; margin-top: 3px}
.textfield, .textarea {float: left; color: #00457c; font-family: arial,helvetica,sans-serif; font-size: 12px; width: 280px; margin-bottom: 5px}
.formButton {margin-left: 80px}

#footerBg {clear: both; background: #f0eeee; margin-top: 50px; padding: 20px 0}
#footer {margin: 0 auto; width: 880px; font-size: 10px}
#footer p.first {float: left; width: 230px}
#footer ul.midleft {float: left; width: 195px}
#footer ul.midright {float: left; width: 195px}
#footer p.right {float: right; width: 225px}
#footer a {text-decoration: underline}
#footer a:hover {text-decoration: none}
#footer p.first a, #footer p.first a:hover {text-decoration: none}
#footer ul {padding: 0; margin: 0}
#footer li {padding-left: 0; line-height: 16px; margin-top: 2px}
#centre .style1 {
	font-size: 10px;
	color: #a8a9ad;
}