html * {
margin: 0;
padding: 0;
}

body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
width: 770px;
margin: 10px auto;
text-align: center;
}

#header { width: 770px; height: 65px; text-align:right; }

#header img { float: left; }

#navcontainer { margin-top: 20px; }

#navlist { padding: 0 0 20px 0; }

#navlist ul, #navlist li {
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
line-height: 18px;
font-size: 12px;
font-weight: normal;
margin: 0 5px 4px 5px;
text-decoration: none;
color: #0062B0;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
border-bottom: 4px solid #0062B0;
padding-bottom: 2px;
background: transparent;
color: #0062B0;
}

#navlist a:hover { color: #0062B0; }

#bannerContainer {
clear: both;
width: 770px;
height: 125px;
background: #0062B0 url(images/header_bg.gif);
text-align: center;
}

#bannerContainer img {
margin: 10px auto;
vertical-align: middle;
}

.shadow {
width: 770px;
height: 10px;
background: url(images/hf_shadow.gif) repeat-x;
}

#contentContainer {
margin-top: 20px;
clear: both;
width: 770px;
text-align: left;
}

#contentContainer h3 {
color: #c96;
font-weight: bold;
font-size: 18px;
margin-bottom: 18px;
}

#contentContainer h5 {
color: #0062B0;
font-weight: bold;
font-size: 14px;
margin-bottom: 18px;
}

#contentContainer ul { margin-left: 20px; }

#contentContainer p { margin-bottom: 18px; } 

#left {
float: left;
width: 460px;
margin-left: 20px;
}

#left b { color: #990; font-weight: bold; }

#right {
width: 250px;
float: left;
margin-left: 20px;
}

#right ul { list-style-type: none; margin: 0; }

#right .faqs a:link {display: block; height: 50px; width: 250px; background: transparent url("images/bb_faqs.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#right .faqs a:visited {display: block; height: 50px; width: 250px; background: transparent url("images/bb_faqs.gif") no-repeat top left; margin: 0; background-position: 0 0px;}
#right .faqs a:hover {display: block; height: 50px; width: 250px; background-image: url("images/bb_faqs.gif"); background-position: 0 -50px;}
#right .faqs a:active {display: block; height: 50px; width: 250px; background-image: url("images/bb_faqs.gif"); background-position: 0 -50px;}
#right .faqs {background: url("images/bb_faqs.gif") no-repeat top left; text-indent: -9000px; }

#right .bene a:link {display: block; height: 50px; width: 250px; background: transparent url("images/bb_bene.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#right .bene a:visited {display: block; height: 50px; width: 250px; background: transparent url("images/bb_bene.gif") no-repeat top left; margin: 0; background-position: 0 0px;}
#right .bene a:hover {display: block; height: 50px; width: 250px; background-image: url("images/bb_bene.gif"); background-position: 0 -50px;}
#right .bene a:active {display: block; height: 50px; width: 250px; background-image: url("images/bb_bene.gif"); background-position: 0 -50px;}
#right .bene {background: url("images/bb_bene.gif") no-repeat top left; text-indent: -9000px; }

#right .lvl a:link {display: block; height: 50px; width: 250px; background: transparent url("images/bb_lvl.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#right .lvl a:visited {display: block; height: 50px; width: 250px; background: transparent url("images/bb_lvl.gif") no-repeat top left; margin: 0; background-position: 0 0px;}
#right .lvl a:hover {display: block; height: 50px; width: 250px; background-image: url("images/bb_lvl.gif"); background-position: 0 -50px;}
#right .lvl a:active {display: block; height: 50px; width: 250px; background-image: url("images/bb_lvl.gif"); background-position: 0 -50px;}
#right .lvl {background: url("images/bb_lvl.gif") no-repeat top left; text-indent: -9000px; }

#right .gift a:link {display: block; height: 85px; width: 250px; background: transparent url("images/bb_gift.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#right .gift a:visited {display: block; height: 85px; width: 250px; background: transparent url("images/bb_gift.gif") no-repeat top left; margin: 0; background-position: 0 0px;}
#right .gift a:hover {display: block; height: 85px; width: 250px; background-image: url("images/bb_gift.gif"); background-position: 0 -85px;}
#right .gift a:active {display: block; height: 85px; width: 250px; background-image: url("images/bb_gift.gif"); background-position: 0 -85px;}
#right .gift {background: url("images/bb_gift.gif") no-repeat top left; text-indent: -9000px; }

#right .app a:link {display: block; height: 85px; width: 250px; background: transparent url("images/bb_app.gif") no-repeat top left; margin: 0; background-position: 0 0;}
#right .app a:visited {display: block; height: 85px; width: 250px; background: transparent url("images/bb_app.gif") no-repeat top left; margin: 0; background-position: 0 0px;}
#right .app a:hover {display: block; height: 85px; width: 250px; background-image: url("images/bb_app.gif"); background-position: 0 -85px;}
#right .app a:active {display: block; height: 85px; width: 250px; background-image: url("images/bb_app.gif"); background-position: 0 -85px;}
#right .app {background: url("images/bb_app.gif") no-repeat top left; text-indent: -9000px; }

#eventtable caption, .eventtable caption {
display: table-caption;
font-size: 14px;
font-weight: bold;
background-color: #519FF7;
margin: 0 0 0 0;
padding: 3px;
text-transform: uppercase;
border-width: 1px 1px 0 1px;
}

#eventtable, .eventtable {
margin: 0 0 20px 0;
padding: 3px;
border-color: #666666;
border-style: solid;
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
}

#eventtable, #eventtable td, #eventtable th, #eventtable caption, .eventtable, .eventtable td, .eventtable th, .eventtable caption {
border-color: #666666;
border-style: solid;
text-align: left;
}

#eventtable td, #eventtable th, .eventtable td, .eventtable th {
margin: 0;
padding: 3px;
border-width: 1px 1px 0 0;
vertical-align: top;
}

#eventtable th, .eventtable th {
color: #0062B0;
font-size: 12px;
font-weight: bold;
}

#eventtable td, .eventtable td {
font-size: 12px;
}

#footerContainer {
clear: both;
background: #0062B0;
color: #fff;
font-size: 10px;
margin-top: 20px;
width: 770px;
height: 20px;
text-align: center;
}

#footlist ul, #footlist li {
padding: 5px 0;
display: inline;
list-style-type: none;
}

#footlist li a:link { color: #fff; text-decoration: none; }
#footlist li a:visited { color: #fff; text-decoration: none; }
#footlist li a:hover { color: #fff; text-decoration: underline; }
#footlist li a:active { color: #fff; text-decoration: underline; }

#subFooter {
width: 770px;
text-align: center;
color: #666;
}

#subFooter #apply { font-size: 12px; font-weight: bold; }
#subFooter #apply span { color: #990; }
#subFooter #copyright { font-size: 10px; }