/* ASL Dropdown Stylesheet*/
#navDropDownContainer {
   display: block;
   float: left;
   height: 39px;
   margin: 0px;
   padding: 0px;
   width: 398px;
}

#nav, #nav ul {
   display: block;
   float: left;
   line-height: 13px;
   list-style: none;
   margin: 0px;
   padding: 0px;
   width: 398px;
}

#nav a, #nav a:link, #nav a:visited, #nav a:active {
   color: #FFFFFF;
   display: block;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   height: 13px;
   padding: 17px 10px 9px 10px;
   text-decoration: none;
   width: 58px;
}

#nav a.top:hover {
   color: #FF9F11;
}

#nav li {
   border-left: 1px solid #3787FD;
   border-right: 1px solid #3787FD;
   float: left;
   padding: 0px;
   text-align: center;
}

#nav li:hover, #nav li.sfhover {
   background-color: #0A3278;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}

#nav li ul {
   /*background-image: url(../images/header-dropdown-bar-new.gif);*/
   background-image:  url(../images/header-dropdown-bar.gif);
   background-repeat: no-repeat;
   /*display: block;*/
   display: none;
   height: 27px;
   /*left: -999em;*/
   left: 0px;
   margin: 0;
   padding-left: 205px;
   position: absolute;
   width: 563px; /*768px;*/
   z-index: 10;
}

#nav li ul a, #nav li ul a:link, #nav li ul a:visited, #nav li ul a:active {
   border-left: 1px solid #A0AABE;
   border-right: 1px solid #D3DEF1;
   color: #0A3278;
   display: block;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px 10px 0px 10px;
   text-decoration: none;
   width: 8em;
}

#nav li ul a:hover {
   color: #FF9F11;
   text-decoration: none;
}

#nav li li {
   border: none;
   float: left;
   padding: 6px 0px 6px 0px;
   text-align: center;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   /*left: -999em;*/
   display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   /*left: 0px;*/
   display: block;
}

#nav li li:hover, #nav li li.sfhover {
   background-color: transparent;
   border: none;
}

#nav li#last:hover, #nav li#last.sfhover {
   background-color: #0A3278;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #0A3278;
}

/* === page states === */
#nav li#current {
   background-color: #0A3278;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}

#nav li#current a.top {
   color: #D3DEF1;
}

#nav li#current ul, #nav li#lastcurrent ul {
    /*left: 0px;*/
   display: block;
   z-index: 9;
}

#nav li#before:hover, #nav li#before.sfhover {
   background-color: #0A3278;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #0A3278;
}

#nav li#after:hover, #nav li#after.sfhover {
   background-color: #0A3278;
   border-left: 1px solid #0A3278;
   border-right: 1px solid #FFFFFF;
}

#nav li#lastcurrent {
   background-color: #0A3278;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #0A3278;
}

#nav li#lastcurrent a.top {
   color: #D3DEF1;
}

#nav li#lastafter:hover, #nav li#lastafter.sfhover {
   background-color: #0A3278;
   border-left: 1px solid #0A3278;
   border-right: 1px solid #0A3278;
}

.bgOff {
   background-image:  url(../images/page-background.gif);
   background-repeat: repeat-x;
   display: block;
   height: 100%;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

.bgOn {
   background: transparent none;
   display: block;
   height: 100%;
   margin: 0px;
   padding: 0px;
   width: 100%;
}