body { text-align: left; background: #f00; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 24px 0 15px 45px; }
#maintable { width: 776px; border: 1px solid #000; background: #D8EBF5 url("/images/halftone-btm.gif") no-repeat bottom; }
#header { border-bottom: 1px solid #000; }
#content { background: url("/images/swoosh.jpg") no-repeat top; vertical-align: top; padding: 20px 20px 30px 20px; text-align: left;}
#footer { text-align: left; padding: 4px 20px 4px 20px; font-size: 76%; color: #cecece; background-color: #000; height: 35px; }
#footer a { margin: 2px 0 0 0; color: #cecece; display: inline; padding: 0 5px 0 5px; text-decoration: none; }
#footer a:hover { background-color: #323232; }

#navigation { background: url("/images/navtile.gif") repeat-x; height: 27px; }
#navigation ul { color: #000; font-size: 76%; margin: 0 0 0 20px; }
#navigation ul li { float:left; display: inline; padding: 7px 0 3px 0; border-right: 1px solid #666;}
#navigation ul li a { display: block; padding: 1px 9px 2px 5px;  color: #000; font-variant: small-caps; text-decoration: none;}
#navigation ul li a:hover { background-color: #C3E7F7; }

#hostnav { margin: 0 0 0 0; padding: 0 0 0 0;}
#hostnav li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 1px solid #DBDBDB;  position: relative; }
#hostnav .goldhost a { background: #e9e9e0 url("/images/gold_metal.gif") no-repeat left; display: block; padding: 5px 0 5px 30px; color: #737373; width: auto; }
#hostnav .goldhost a:hover { background: #E1E0BF url("/images/gold_metal.gif") no-repeat left;}
#hostnav .silverhost a { background: #e7e7e7 url("/images/silver_metal.gif") no-repeat left; display: block; padding: 5px 0 5px 30px; color: #737373; width: auto;}
#hostnav .silverhost a:hover { background: #CACACA url("/images/silver_metal.gif") no-repeat left;}
#hostnav .bronzehost a { background: #ece6e1 url("/images/bronze_metal.gif") no-repeat left; display: block; padding: 5px 0 5px 30px; color: #737373; width: auto;}
#hostnav .bronzehost a:hover { background: #E7D7BE url("/images/bronze_metal.gif") no-repeat left; }

#supselect { font-size: 76%; padding: 20px; width: 100% }
#supselect img { margin: 10px }

#contentholder { width: 100%; }
.copy { padding: 0 10px 0 10px; }

#copyright { vertical-align: top; font-size: 76%; text-align: center; }
.copymodRight { width: 219px; vertical-align:top; text-align: left; margin: 0 5px 5px 0; border: 1px solid #DBDBDB; background-color: #EDEDED; color: #737373; padding: 0 0 0 0; }
.copymodRight h2 { margin: 0 0 0 0; font-size: 100%; background: #9A9A9A url("/images/hdr_grad.gif") repeat-x; padding: 3px 0 3px 10px; color: #fff; border-bottom: 1px solid #DBDBDB; }

#copyleft { vertical-align: top; font-size: 76%; text-align: center; }
.copymodLeft { width: 468px; vertical-align:top; text-align:left; margin: 0 5px 5px 0; border: 1px solid #DBDBDB; background-color: #EDEDED; color: #737373; padding: 0 0 10px 0; }
.copymodLeft h2 { margin: 0 0 10px 0; font-size: 100%; background: #9A9A9A url("/images/hdrimg.gif") no-repeat right; padding: 3px 0 3px 10px; color: #fff; border-bottom: 1px solid #DBDBDB; }
.copymodLeft h3 { margin: 0 0 0 0; font-size: 100%; color: #265E86; padding: 3px 0 3px 0; }
.copymodLeft h4 { margin: 0 0 0 0; font-size: 100%; color: #265E86; padding: 3px 0 3px 0;  font-style: italic;  font-weight: normal;   }
.copymodLeft a { color: #265E86; display: inline; background-color: #F8F8F8; padding: 0 2px 0 2px; border: 1px solid #ededed; text-decoration: none;}
.copymodLeft a:hover { color: #2E75A7; border: 1px solid #cdcdcd; }

.loginmod { vertical-align:top; text-align: center; margin: 0 5px 5px 0; color: #737373; padding: 0 50px 0 50px; }
.loginmod a { display: block;  background: url("/images/login_reg.gif"); width: 119px; height: 23px; position: relative; }
.loginmod a:hover { background: url("/images/login_ov.gif"); }

.webmailmod { vertical-align:top; text-align: center; margin: 0 5px 5px 0; color: #737373; padding: 0 50px 0 50px; }
.webmailmod a { display: block;  background: url("/images/webmail_reg.gif"); width: 119px; height: 23px; position: relative; }
.webmailmod a:hover { background: url("/images/webmail_ov.gif"); }