﻿body {
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
}

table#shell {
width: 760px;
margin: auto;
font-size: 11px;
border-left: 1px solid #282daf;
border-right: 1px solid #282daf;
border-bottom: 1px solid #282daf;
}

/*////////////////////////////////////////////////////////
Header
////////////////////////////////////////////////////////*/

table#header {
background: url('images/top_bg_rep.gif') repeat-x;
width: 100%;
height: 83px;
}

table#header td.nav {
background: url('images/top_bg_nav.gif') no-repeat;
width: 100%;
padding: 0 6px;
white-space: nowrap;
vertical-align: top;
line-height: 53px;
font-size: 10px;
color: #fff;
}

table#footer td.nav a {
text-decoration: none;
color: #fff;
}

table#header td.nav a {
text-decoration: none;
color: #fff;
}

table#footer td.nav a:hover {
border-bottom: 1px solid #282daf;
}

table#header td.nav a:hover {
border-bottom: 1px solid #282daf;
}

/*////////////////////////////////////////////////////////
Middle
////////////////////////////////////////////////////////*/

table#mid {
width: 100%;
/*height: 400px;*/
}

table#mid img {
border-color: #282daf;
}

/* Content */

table#mid td.content {
vertical-align: top;
padding: 0 40px;
font-size: 11px;
line-height: 150%;
}

table#mid td.content div#slogan {
background: url('images/hfsb_slogan.gif') no-repeat center center;
height: 24px;
margin: auto;
}

table#mid td.content div.title {
font: normal 18px Times;
background-color: #c7c09a;
padding: 2px;
margin: 0;
}

.title2 {
font: bold 16px Times;
background-color: #99CC00;
padding: 2px;
margin: 0;
}

.contentPlain
{
font-size: 11px;
}

.contentRates
{
font-size: 11px;
padding:4px;
vertical-align:top;
}

/*Sidebar*/

table#mid td.sidebar {
background: url('images/sidebar_bg_rep.gif') repeat-x;
text-align: center;
vertical-align: top;
width: 190px;
}

table#login {
background: #CCC;
border: 1px solid #282daf;
margin: 10px auto 5px auto;
font-size: 10px;
width: 160px;
}

table#login a {
font-size: 9px;
color: #282daf;
}

table#login th {
color: #890000;
text-transform: uppercase;
font-size: 12px;
}

table#login input#AccessIDVisible {
border: 1px solid #282daf;
font-size: 11px;
width: 80px;
height: 18px;
float: right;
}

table#login input#submit {
border: 1px solid #282daf;
background: #fff;
font-size: 11px;
width: 40px;
height: 18px;
float: right;
}

table#mid td.sidebar ul#nav {
list-style-type: none;
margin: 10px 0;
padding: 0;
}

table#mid td.sidebar ul#nav li a {
background: url('images/sidebar_btn_bg.gif') no-repeat;
text-align: center;
display: block;
width: 159px;
height: 25px;
font-size: 10px;
line-height: 25px;
color: #fff;
text-decoration: none;
margin: 2px auto;
}

table#mid td.sidebar ul#nav li a:hover {
color: #282daf;
}

table#mid td.sidebar img#bugs {
margin: 100px 0 12px 0;
}

/*////////////////////////////////////////////////////////
Footer
////////////////////////////////////////////////////////*/

table#footer {
background: url('images/btm_bg_rep.gif') repeat-x;
width: 100%;
height: 49px;
}

table#footer td.nav {
background: url('images/btm_bg_nav.gif') no-repeat;
padding: 0 6px;
white-space: nowrap;
font-size: 10px;
color: #fff;
}