/* General HTML Stuff */
html, body { height: auto !important; height: 100%; margin: 0; min-height: 100%; padding: 0; }
body { background: #fff; }
body, p, td, th { font: 12px Verdana, Arial, Helvetica, sans-serif; vertical-align: top; }
a { color: #82001c; text-decoration: none; }
a:hover { text-decoration: underline; }
b, strong { color: #008267; font-size: 13px; font-weight: bold; }
form { margin: 0; }
h1, h2, h3, h4, h5, h6 { color: #82001c; margin: 0; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
p { color: #000; line-height: 1.5em; margin: 0; margin-bottom: .5em; }
p a { text-decoration: underline; }
.clear { clear: both; }
/* Page Structure */
#container { height: auto !important; height: 100%; margin: 0 auto; min-height: 100%; position: relative; width: 740px; }
#container .column { display: inline; position: relative; float: left; }
/* Header */
#header { height: 120px; position: relative; width: 740px; z-index: 1; }
#header .logo { background: url(../images/logo.gif) no-repeat; height: 77px; left: 0; overflow: hidden; position: absolute; text-indent: -1000em; top: 20px; width: 219px; }
#header .logo a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#header .links{ height: 15px; position: absolute; right: 0; text-align: right; top: 20px; width: 500px; }
#header .links ul { float: right; list-style: none; margin: 0; padding: 0; }
#header .links li { border-left: 1px solid #82001c; display: block; float: left; line-height: 12px; margin-left: 7px; padding-left: 7px; }
#header .links .first { border: none; }
#header .contact { bottom: 10px; position: absolute; right: 0; text-align: right; width: 500px; }
#header .contact .number { color: #000; font-size: 16px; }
/* Navigation */
#menu { background: #ecf1f1 url(../images/barnav.gif) 0 0 repeat-x; border: 1px solid #414141; border-width: 1px 0; height: 30px; position: relative; width: 740px; z-index: 100; }
#menu ul { float: left; height: 30px; list-style: none; margin: 0; padding: 0; position: relative; }
#menu li { border-right: 1px solid #fff; float: left; height: 30px; margin: 0; padding: 0; position: relative; width: auto; }
#menu li a { background: #ecf1f1 url(../images/barnav.gif) 0 0 repeat-x; display: block; font-weight: bold; height: 30px; line-height: 30px; padding: 0 15px; white-space: nowrap; width: auto !important; width: 1%; }
#menu li a:hover { background-position: 0 -30px; text-decoration: none; }
#menu li.selected a { background: #a1a1a1 url(../images/barnav.gif) 0 30px repeat-x; color: #fff; }
#menu li.selected .menu li a { color: #82001c; }
#menu li.selected a:hover { background-position: 0 -30px; color: #82001c; }
#menu .menu { background: #ecf1f1 url(../images/gradblue.gif) 0 0 repeat-x; border: 1px solid #414141; border-top-width: 0; display: none; float: none; height: auto; left: 0; padding: 3px 3px; position: absolute; top: 30px; width: 200px; z-index: 101; }
#menu .menu li { border: none; display: block; float: none; height: auto; }
#menu .menu li a { background: transparent; height: auto; line-height: normal; padding: 3px 5px 3px 15px; white-space: normal; width: 100%; }
#menu .menu li a:hover { background: #b5c9c9; color: #fff; }
/* Security Alert */
#menu .alert { position: relative; }
#menu .alert a { background: #608080 url(../images/barnavalert.gif) 0 0 repeat-x; color: #ff4; }
#menu .alert a div { background: #ecf1f1; border: 2px solid #82001c; color: #000; display: none; padding: 10px 20px; position: absolute; right: -20px; top: 35px; white-space: normal; width: 500px; }
#menu .alert a:hover { background-position: 0 -30px; }
#menu .alert a:hover div { display: block; }
/* Boxes */
.box { background: #f0f4f4 url(../images/gradindigo.gif) 0 29px repeat-x; border: 1px solid #414141; margin-top: 10px; position: relative; }
.box .boxtitle { background: #b3dad2 url(../images/barindigo.gif) 0 0 repeat-x; border-bottom: 1px solid #999 ; color: #414141; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; padding-left: 10px; }
.box .boxbody { padding: 5px 10px; position: relative; }
/* Left Column */
#leftcol { float: left; width: 160px; z-index: 10; }
/* Right Column */
#rightcol { float: right; width: 160px; z-index: 10; }
/* Logon */
#logon { height: 264px; overflow: hidden; z-index: 11; }
#logon .title { border-bottom-color: #999; }
#logon .header { color: #82001c; font-size: 12px; font-weight: bold; padding-bottom: 4px; text-align: center; }
#logon .focus, #logon .unfocus, #logon .filled { margin-top: 4px; padding-left: 5px; width: 129px; }
#logon .focus { border: 1px solid #82001c; color: #414141; }
#logon .unfocus { border: 1px dotted #999; color: #999; }
#logon .filled { border: 1px solid #999; color: #414141; }
#logon .submit { border: none; display: block; height: 24px; margin: 5px auto 3px auto; width: 54px; }
#logon p { margin: 0; }
#logon .elinks { margin: 0; padding: 0; }
#logon .elinks a { display: block; font-size: 11px; line-height: 14px; padding: 3px 0; }
/* Promises */
#promises { background: #e6f3f0 url(../images/gradgreen.gif) 0 28px repeat-x; height: 238px; overflow: hidden; z-index: 12; }
#promises .boxtitle { background-image: url(../images/bargreen.gif); border-bottom-color: #414141; color: #fff; }
#promises .boxbody { padding: 0; }
#promises .logo { background: url(../images/ipromise.gif) 0 0 no-repeat; height: 82px; left: 40px; position: absolute; top: 10px; width: 82px; }
#promises .logo a { height: 82px; left: 0; position: absolute; top: 0; width: 82px; }
#promises #promise { height: 100px; left: 9px; overflow: hidden; position: absolute; top: 95px; width: 140px; }
#promises .promise1, #promises .promise2, #promises .promise3, #promises .promise4, #promises .promise5, #promises .promise6, #promises .promise7, #promises .promise8 { background-image: url(../images/promises.gif); }
#promises .promise1 { background-position: 0 0; }
#promises .promise2 { background-position: 0 -100px; }
#promises .promise3 { background-position: 0 -200px; }
#promises .promise4 { background-position: 0 -300px; }
#promises .promise5 { background-position: 0 -400px; }
#promises .promise6 { background-position: 0 -500px; }
#promises .promise7 { background-position: 0 -600px; }
#promises .promise8 { background-position: 0 -700px; }
/* Left Group */
#leftgrp { float: left; width: 570px; }
/* Side Menu */
#sidemenu { width: 158px; }
#sidemenu .boxtitle { font-size: 12px; }
#sidemenu .boxbody { padding: 3px; }
#sidemenu ul { list-style: none; margin: 0; padding: 0; }
#sidemenu li a, #sidemenu li.selected { color: #414141; display: block; font-weight: bold; padding: 4px 5px; width: 142px; }
#sidemenu li a:hover { background: #b5c9c9; text-decoration: none; }
#sidemenu li.selected { background: #82001c; color: #fff; }
/* Main Content */
#body { float: right; height: auto !important; height: 400px; margin-top: 10px; min-height: 400px; position: relative; text-align: justify; width: 400px; z-index: 20; }
#body .title h1 { color: #00614d; font: bold 24px/30px "Times New Roman",times,serif; margin-bottom: 10px; text-align: left; }
#body .sublinks { float: left; padding: 0 0 10px 0; width: 400px; }
#body .sublinks ul { list-style: none; margin: 0; padding: 0; }
#body .sublinks li { border-right: 1px solid #444; display: inline; float: left; margin: 0 5px 3px 0; padding: 0 5px 0 0; white-space: nowrap; }
#body .sublinks li.last { border: none; margin: 0; padding: 0; }
#body a { color: #cc002c; text-decoration: underline; }
#body li { padding-bottom: 5px; }
/* Footer */
#footer { border-top: 1px solid #414141; clear: both; font-size: 10px; margin-top: 8px; padding: 8px 0; text-align: center; z-index: 30; }
#footer ul { list-style: none; margin: 0 0 5px 0; padding: 0; text-align: center; }
#footer li { border-left: 1px solid #414141; display: inline; padding: 0 5px; }
#footer li.first { border: none; }
#footer .fdic { padding-top: 8px; white-space: nowrap; }
#footer .fdic img { margin: 0 3px; }
/* Impromptu */
.jqifade { background-color: #fff; z-index: 1000; }
div.jqi { background: #414141; padding: 2px; position: absolute; width: 300px; z-index: 1001; }
div.jqi .jqicontainer { background: #ecf1f1 url(../images/barmsg.gif) 0 0 repeat-x; font-weight: bold; padding: 5px; }
div.jqi .jqimessage { border: 1px solid #82001c; color: #82001c; padding: 10px; }
div.jqi .jqibuttons { padding: 5px 0 0 0; text-align: center; }
div.jqi button { margin: 0 10px; padding: 3px 10px 3px 10px; }