﻿html, body { }
body { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; border: none; border-collapse: collapse; background: url(../images/main_back_01.gif) repeat-x; background-color: #07407f; color: #ffffff; }

#page { background: url(../images/yellow_elements_01.gif) no-repeat center -6px; vertical-align: top; height: 600px; width: 100%; }
#container { margin-left: auto; margin-right: auto; width: 888px; padding-top: 25px; }

#header { height: 121px; }
#header .logo { float: left; margin-left: 20px; margin-top: 18px; width: 75px; }
#header-elements { float: right; padding-left: 4px; margin-right: 20px; width: 768px; }
#tag-line { text-align: right; font-size: 11px; font-weight: bold; letter-spacing: .15em; }
#phone { text-align: right; font-size: 20px; margin-top: 32px; font-weight: bold; letter-spacing: .15em; }
#login { text-align: left; color: #78797a; letter-spacing: .15em; font-weight: bold; font-size: 10px; margin-left: 10px; }

#flash { margin-left: auto; margin-right: auto; background: url(../images/flash_back.png) no-repeat; height: 244px; }
#flash-footer { margin-left: auto; margin-right: auto; background: url(../images/flash_footer_back.png) no-repeat; height: 23px; }
#flash-nav { margin-left: 15px; float: left; font-size: 10px; line-height: 23px; }
#search { margin-right: 15px; float: right; font-size: 10px; line-height: 23px; }

#content-top-edge { clear: left; margin-left: auto; margin-right: auto; width: 848px; height: 12px; background: url(../images/content_back_top.gif) repeat-x; }
#content-area { margin-left: auto; margin-right: auto; width: 808px; background: #f0f0f0; color: #000; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 11px; overflow: auto; }
#home-column-a { float: left; width: 608px; }
#home-column-b { float: left; width: 190px; }
#column-a { float: left; width: 496px; padding-right: 40px; }
#column-b { float: right; width: 222px; overflow: hidden; }
#content-ruler { margin-bottom: 8px; padding-left: 125px; }
#quote-header { background: url(../images/quote_back_top.png) no-repeat; color: #08407f; font-weight: bold; height: 33px; padding-top: 8px; padding-left: 125px; }
#quote-body { background: url(../images/quote_back.gif) repeat-y 1px; margin: 0px; padding: 0px; padding-left: 15px; padding-right: 20px; font-size: 11px; color: #11458d; text-indent: 110px; }
#quote-footer { background: url(../images/quote_back_bottom.png) no-repeat 1px; height: 12px; }
#news-header { color: #08407f; font-size: 18px; font-weight: bold; }
#news { font-size: 10px; line-height: normal; }
#news h2 { font-size: 10px; margin: 0px; padding: 0px; margin-top: 15px; }
#content-bottom-edge { margin-left: auto; margin-right: auto; width: 848px; height: 16px; background: url(../images/content_back_bottom.gif) repeat-x; }

#partners { margin-left: auto; margin-right: auto; width: 848px; height: 70px; background: #fff; color: #000; }
.partner-box { float: left; font-weight: bold; margin-left: 20px; }

#subscribe { font-family: Verdana; float: right; font-size: 9px; font-weight: bold; margin-right: 20px; padding-top: 12px; }
.tb-subscribe { padding-top: 3px; border: 1px solid #07407f; }
img.btn-subscribe { float: right; }

#footer { margin-left: auto; margin-right: auto; width: 848px; height: 23px; background: url(../images/page_footer_back.png) no-repeat; font-size: 10px; color: #fff; padding-bottom: 20px; }
#footer div.left { width: 269px; float: left; margin-left: 20px; padding-top: 2px; }
#footer div.center { width: 270px; float: left; padding-top: 2px; color: #444444; }
#footer div.right { font-size: 9px; font-family: Arial, Verdana, Sans-Serif; letter-spacing: normal; width: 269px; float: right; padding-top: 2px; text-align: right; margin-right: 20px; color: #444444; }

/*
table { border: solid 1px #000000; border-collapse: collapse; }
div, th { border: solid 1px #000000; padding: 2px 8px; }
.error { color: #c00000; }
*/

h1 { float: left; color: #08407f; font-size: 18px; font-weight: bold; width: 105px; margin: 0px; padding: 0px; }
h2 { font-size: 10px; margin: 0px; padding: 0px; margin-top: 15px; }

#form {}
#form .field { clear: left; padding-top: 10px; }
#form .label { width: 120px; float: left; clear: left; text-align: right; }
#form .text-box { width: 200px; font-size: 10px; line-height: normal; float: left; margin-bottom: 5px; margin-left: 5px; }
#form .text-area { width: 300px; margin-bottom: 5px; }
#form .checkbox {clear: left; width: 400px; line-height: normal; margin-bottom: 5px; margin-left: 5px;}
#form .push {float: left; margin-left:-40px; }
#form .push2 { margin-left:125px; }

#contactform {}
#contactform .field {float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;}
#contactform .label {padding-top: 3px; width: 200px;}
#contactform .label-auto-width { width: auto; }
#contactform .text-box {width: 200px;}
#contactform .text-area {width: 300px; margin-bottom: 5px; }

legend { font-size: 11px; font-weight: bold; padding-top: 0px; color: #888; }

p { text-align: left; font-size: 12px; line-height: 1.5em; float: none; margin-bottom: 20px; font-weight: normal; }
p.home { float: left; padding-top: 0px; margin-top: 0px; padding-left: 20px; width: 470px; }

img { border: none; }
img.arrow { z-index: 4; left: 160px; position: absolute; padding-top: 2px; }

a { text-decoration: none; }
a:hover { color: #cccccc; text-decoration: underline; }
a.login { color: #808080; }
a.login:hover { color: #fff; text-decoration: none; }
a.white { color: #fff; text-decoration: none; }
a.white:hover { text-decoration: underline; }
a.small { font-size: 10px; text-decoration: none; }
a.small:hover { color: #cccccc; text-decoration: underline; }

#content-area a {}
#content-area a:hover { color: #000; }

/* ---- BOF Main Nav Styles ---- */
#nav, #nav ul { float: left; margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; }

#nav a { width: 126px; height: 29px; background: url(../images/nav/main-nav-back-reg.png) no-repeat; font-size: 11px; color: #fff; font-weight: bold; letter-spacing: .1em; text-align: center; text-decoration: none; line-height: 30px; margin-left: 2px; margin-top: 5px; display: block; }
#nav a:hover { color: #959ace; }

#nav ul { position: absolute; display: none; background: none; }
#nav ul ul { top:auto; }

#nav li { float:left; position:relative; }
#nav li ul { padding-top: 2px; }

#nav li ul a { float: left; width: 167px; height: 22px; line-height: normal; text-align: left; font-size: 10px; font-weight: bold; margin: 0px; margin-left: 2px; padding: 0px; padding-top: 10px; padding-left: 4px; background: url(../images/nav/sub-nav-back.gif) repeat-x top; border: 1px solid #959ace; border-top: none; letter-spacing: normal; }
#nav li ul a.spaced { height: 30px; padding-top: 2px; }
#nav li ul a:hover, #nav li ul a.spaced:hover { background: url(../images/nav/sub-nav-back.gif) repeat-x bottom; }

.parent { text-align: right; }

#nav li ul a.top { border: 1px solid #959ace; }

#nav ul ul{ top: -1px; }
#nav li ul ul { left: 171px; padding: 0px 0px 0px 1px; }
#nav li ul ul a { width: 167px; }
#nav li ul ul a.top { border-top: 1px solid #959ace; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
/* ---- EOF Main Nav Styles ---- */

.vspace-5 { clear: left; height: 5px; }
.vspace-10 { clear: left; height: 10px; }
.vspace-20 { clear: left; height: 20px; }

#news-header { margin-bottom: 10px; }
#marqueecontainer{ position: relative; width: 180px; height: 225px; overflow: hidden; border: 1px solid #888; border-left: none; border-right: none; padding: 0px; }
div.scroller { padding: 0px; margin: 0px; border: 0px; border-collapse: collapse; width: 180px; text-align: left; vertical-align: top; }
#marqueecontainer h4 { font-size: 12px; color: #000; font-weight: bold; margin-bottom: 0px; }
a.scroller { font-size: 10px; color: #000; }
a.scroller: hover {}
