/* CSS Document */
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif
    }
body {
    background: #dbdbdb
    }
body.splash {
    text-align: center
    }
#logo {
    margin: 20px auto;
    width: 840px;
    height: 90px;
    padding: 0;
    background: url(../images/splash_logo.gif) top center no-repeat
    }
#banner_ad {
    margin: 0 0 20px 0;
    text-align: center
    }
#print_banner {
    display: none
    }
#rotate {
    margin: 0 auto;
    width: 746px;
    border: none
    }
#left {
    margin: 0 40px 0 40px;
    padding: 0 0 0 7px;
    background: url(../images/sl.gif) top left repeat-y transparent;
    text-align: left
    }
.splash #left {
    margin: 0 auto;
    width: 848px
    }
#right {
    margin: 0;
    padding: 0 7px 0 0;
    background: url(../images/sr.gif) top right repeat-y transparent
    }
#page {
    background: white;
    margin: 0;
    padding: 10px
    }
#banner {
    height: 120px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url(../images/banner_bg.jpg) top left repeat-x
    }
#banner h1 {
    height: 120px;
    line-height: 120px;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    color: white;
    margin: 0;
    padding: 0 0 0 0
    }
#nav {
    list-style: none;
    margin: 0;
    padding: 0
    }
#nav li {
    margin: 0 4px;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;
    z-index: 100
    }
#nav li a {
    display: block;
    width: 130px;
    height: 25px;
    margin: 0;
    padding: 0;
    background: url(../images/nav_normal.jpg) top left no-repeat white;
    color: black;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    line-height: 25px;
    text-align: center
    }
#nav li.current a, #nav li.current a:hover {
    color: white;
    font-weight: bold;
    font-size: 13px;
    background: url(../images/nav_current.jpg) top left no-repeat
    }
#nav li ul {
    position: absolute;
    top: 25px;
    left: 0;
    margin: 0 0 0 10px;
    padding: 0;
    display: none;
    z-index: 200
    }
#nav li:hover ul, #nav li.hover ul {
    display: block
    }
#nav li ul li {
    float: none
    }
#nav li ul li a, #nav li.current ul li a {
    width: 280px;
    height: 24px;
    margin: 0;
    padding: 0 3px;
    background: #669;
    color: white;
    font-size: 11px;
    line-height: 24px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid white
    }
#nav li ul li a:hover, #nav li.current ul li a:hover {
    background: #449;
    font-size: 11px;
    line-height: 24px;
    font-weight: normal;
    height: 24px
    }
#content {
    margin: 0 15px 15px 15px;
    clear: both;
    padding: 10px 0 0 0;
    background: url(../images/watermark.gif) center center no-repeat white
    }
#content h2 {
    font-size: 20px;
    line-height: 40px;
    margin: 10px 0 20px -18px;
    padding: 0 0 0 12px;
    font-weight: bold;
    background: url(../images/h2_bg.gif) top left no-repeat;
    display: block;
    height: 40px
    }
#content h3 {
    font-size: 13px;
    color: #0343C1;
    margin: 0;
    padding: 0
    }
p, li, dd, dt {
    font-size: 12px;
    line-height: 15px;
    text-align: justify
    }
td {
    font-size: 12px;
    line-height: 18px
    }
img {
    border: none
    }
a:link, a:visited {
    color: #0343C1;
    font-weight: normal;
    text-decoration: underline
    }
a:hover {
    color: #C00
    }
#footer_wrap {
    margin: 0 40px 20px;
    padding: 0;
    height: 40px;
    background: url(../images/footer_bg.gif) top left repeat-x #dbdbdb
    }
hr.clear {
    visibility: hidden;
    height: 1px;
    clear: both;
    display: block;
    margin: 0;
    padding: 0
    }
#footer {
    margin: 0;
    padding: 0;
    height: 40px;
    background: url(../images/footer_l.gif) top left no-repeat transparent
    }
.splash #footer_wrap {
    width: 856px;
    margin: 0 auto
    }
#footer h6 {
    margin: 0;
    padding: 12px 0 0 0;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    background: url(../images/footer_r.gif) top right no-repeat transparent
    }
/****************************************/
/*	ROSTER STYLES						*/
/****************************************/
#content table.rosterSectionHeader {
    clear: both
    }
#content table.rosterSectionHeader td {
    vertical-align: middle;
    padding-right: 30px
    }
#content table.rosterSectionHeader h3 {
    margin: 0;
    padding: 0
    }
#content p {
    text-align: justify;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #333
    }
#content ul {
    margin-right: 30px
    }
#content li {
    text-align: justify;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #333
    }
.rosterList {
    list-style: none
    }
.rosterList ul {
    list-style: none
    }
#rosterRoot ul ul {
    display: none;
    list-style: none outside;
    margin-bottom: 15px
    }
#rosterRoot ul ul li {
    margin: 0;
    padding: 0;
    line-height: 14px
    }
#rosterRoot h4 {
    font-size: 13px;
    font-weight: normal;
    margin: 20px 0 0;
    border-bottom: 1px solid #555;
    color: #555;
    clear: left
    }
#rosterRoot h5 {
    font-size: 10px;
    font-weight: normal;
    margin: -15px 0 0 0;
    padding: 0;
    text-align: right
    }
#content li {
    margin-bottom: 12px
    }
#content ul.siteList {
    width: 300px;
    float: left;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
    }
#content ul.siteList li {
    width: 300px;
    margin: 0 0 2px 0;
    padding: 0
    }
#content ul.protList {
    width: 150px;
    float: left;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
    }
#content ul.protList li {
    width: 150px;
    margin: 0 0 2px 0;
    padding: 0
    }
#rosterTabBar {
    margin: 0;
    position: absolute;
    top: 121px;
    left: 175px;
    padding: 0;
    height: 28px
    }
#rosterTabBar ul#tabs {
    height: 28px;
    list-style: none;
    padding: 0;
    margin: 0
    }
#rosterTabBar ul#tabs li {
    height: 28px;
    width: 136px;
    float: left;
    margin: 0;
    padding: 0
    }
#rosterTabBar ul#tabs li a {
    height: 12px;
    width: 136px;
    display: block;
    margin: 0;
    padding: 2px 0 14px;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    background: url(../images/tab_normal.gif) top left no-repeat;
    color: #000;
    text-decoration: none
    }
#rosterTabBar ul#tabs li a:hover {
    background: url(../images/tab_hover.gif) top left no-repeat;
    text-decoration: none;
    color: white
    }
#rosterTabBar ul#tabs li.current a, #rosterTabBar ul#tabs li.current a:hover {
    background: url(../images/tab_current.gif) top left no-repeat;
    color: white;
    font-size: 12px;
    padding: 4px 0 12px
    }
#rosterForm {
    position: absolute;
    top: 89px;
    right: 0
    }
#rosterRoot h4 a:hover {
    color: #555;
    text-decoration: none
    }
#rosterRoot div {
    width: 98%
    }
#topright {
    font-size: 10px;
    margin: 20px 40px 0 40px;
    padding: 5px 10px;
    text-align: right
    }