html, body { font-family: Helvetica; color: #000; height: 100%; margin: 0; padding: 0; background: #fff url('../img/BackgroundRepeat.gif') top center repeat-y; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #0f4dbc; }
a:hover, a:active { text-decoration: underline; }
img { border: 0; }

#main { margin-left: auto; margin-right: auto; width: 780px; height: 100%; background: #fff; }
#logo { width: 100%; height: 85px; }
#banner { width: 100%; height: 250px; }
#banner-inside { width: 100%; height: 215px; }
#banner-shadow { width: 100%; height: 15px; background: #fff url('../img/shadowrepeat.jpg') top left repeat-x; }

#banner #top-nav, #banner #top-subnav { background: none; }

#top-nav { width: 100%; height: 35px; background: #0f4dbc url('../img/topnav_grad.jpg') top left repeat-x; font-size: 11pt; text-align: center; font-weight: bold; }
#top-nav a, #top-nav div.current { color: #fff; width: 149px; height: 35px; display: block; float: left; }
#top-nav a { background: transparent url('../img/topnavbtn_up.jpg') top left no-repeat; }
#banner #top-nav a { background: transparent url('../img/subtopbtn_up.jpg') top left no-repeat; }
#top-nav div.current { background: transparent url('../img/topnavbtn_on.jpg') top left no-repeat; color: #0f4dbc; }
#banner #top-nav div.current { background: transparent url('../img/subtopbtn_on.jpg') top left no-repeat; }
#top-nav a span, #top-nav div.current span { display: block; padding-top: 6px; padding-right: 6px; }
#top-nav a:hover, #top-nav a:active { color: #ff6600; background: transparent url('../img/topnavbtn_over.jpg') top left no-repeat; text-decoration: none; }
#banner #top-nav a:hover, #banner #top-nav a:active { background: transparent url('../img/subtopbtn_over.jpg') top left no-repeat; }
#top-nav div.holder { width: 477px; margin-left: auto; margin-right: auto; padding-left: 13px; }
#top-nav span img { margin-right: 5px; vertical-align: middle; padding-bottom: 1px; }

#top-subnav { width: 100%; height: 42px; font-size: 12pt; text-align: center; font-weight: bold; }
#top-subnav a, #top-subnav div.current { color: #fff; width: 182px; height: 42px; display: block; float: left; margin-left: 9px; }
#top-subnav a { background: transparent url('../img/midtopbtn_up.jpg') top left no-repeat; }
#top-subnav div.current { background: transparent url('../img/midtopbtn_on.jpg') top left no-repeat; color: #0f4dbc; }
#top-subnav a span, #top-subnav div.current span { display: block; padding-top: 6px; padding-right: 12px; }
#top-subnav a:hover, #top-subnav a:active { color: #ff6600; background: transparent url('../img/midtopbtn_over.jpg') top left no-repeat; text-decoration: none; }
#top-subnav div.holder { width: 612px; margin-left: auto; margin-right: auto; padding-left: 15px; }
#top-subnav span img { margin-right: 5px; vertical-align: middle; padding-bottom: 3px; } 

#middle-nav { width: 100%; height: 100px; font-size: 18pt; text-align: center; }
#middle-nav a { color: #ff6600; width: 260px; height: 100%; background: #fff url('../img/bigbutton_up.jpg') top left no-repeat; display: block; float: left; padding-top: 30px; }
#middle-nav a:hover, #middle-nav a:active { color: #ff6600; background: #fff url('../img/bigbutton_over.jpg') top left no-repeat; text-decoration: none; }
#middle-nav div.holder { width: 780px; height: 100%; margin-left: auto; margin-right: auto; }
#middle-nav a img { margin-right: 10px; vertical-align: middle; padding-bottom: 4px; }

span.divider { color: #fff; float: left; display: inline; padding-top: 5px; padding-right: 2px; font-weight: normal; font-size: 13pt; }

#content { background: #fff; width: 100%; height: 535px; margin: 0; padding-top: 15px; position: relative; }
#content h1 { font-size: 14pt; color: #0f4dbc; }
#content h2 { font-size: 14pt; color: #ff6600; }
#content p, #content ul { font-size: 10pt; }
#content ul { margin: 0; padding: 0 0 0 25px; }
#content ul li { margin-bottom: 3px; }
#content div.holder { width: 450px; margin-left: auto; margin-right: auto; }

#footer { width: 100%; font-size: 10px; color: #545454; position: absolute; bottom: 0; margin-bottom: 10px; clear: left; }
#ftop { text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-left: 15px; margin-right: 15px; }
#fbottom { padding-top: 10px; margin-left: 15px; margin-right: 15px; }

/* for preload rollover images hack */
.hidden { display: none; }
