/* Main site navigation bar */
#mainNav { width: 990px; height: 59px; background: transparent url(../images/graphics/main-nav-bkg.gif) 0 0 repeat-x; position: relative; } 
#mainNav ul { width: 990px; margin: 0; padding: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
#mainNav ul li { margin: 0; padding: 0; float: left; }
#mainNav ul li a { display: block; height: 36px; }
#mainNav ul li a:hover { background-position: 0 -36px; }
#mainNav ul li.selected a { background-position: 0 -36px; }
#mainNav ul li.active a { background-position: 0 -72px; }
#mainNav ul li a span { position: absolute; left: -999em; }
/* DropDown Nav */
#mainNav ul li ul { position: absolute; background: #dcdcdc !important; padding: 0 0 0 0; width: 180px; left: -999em; z-index: 1000; }
#mainNav ul li ul li { padding: 0; float: none; }
#mainNav ul li ul li a { width: 152px; padding: 7px 10px 7px 18px; height: auto; font-size: 11px; line-height: 12px; color: #0a2c3b; background: #dcdcdc; text-decoration: none; }
#mainNav ul li ul li a:hover { font-weight: bold; background: #f0f0f0; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

.nav1 { width: 110px; background: url(../images/graphics/nav/nav-1.gif) 0 0 no-repeat;  }
.nav2 { width: 113px; background: url(../images/graphics/nav/nav-2.gif) 0 0 no-repeat; }
.nav3 { width: 163px; background: url(../images/graphics/nav/nav-3.gif) 0 0 no-repeat; }
.nav4 { width: 134px; background: url(../images/graphics/nav/nav-4.gif) 0 0 no-repeat; }
.nav5 { width: 100px; background: url(../images/graphics/nav/nav-5.gif) 0 0 no-repeat; }
.nav6 { width: 129px; background: url(../images/graphics/nav/nav-6.gif) 0 0 no-repeat; }
.nav7 { width: 109px; background: url(../images/graphics/nav/nav-7.gif) 0 0 no-repeat; }
.nav8 { width: 132px; background: url(../images/graphics/nav/nav-8.gif) 0 0 no-repeat; }



#mainNav ul li.active ul { width: 100%; height: 23px; top: 36px; left: 0; font-family: Georgia, "Times New Roman", Times, serif; background: #333 url(../images/graphics/subnav_bkg.gif) 0 0 repeat-x !important; z-index: 0 !important; }
#mainNav ul li.active ul li { margin: 6px 0 0 0; background: transparent url(../images/graphics/subnav_list_separator.gif) no-repeat right top; float: left; }
#mainNav ul li.active ul li.last { background: none; }
#mainNav ul li.active ul li a { width: auto; white-space: nowrap; padding: 0 7px; font-size: 10px; background: none; color: #fff; }
#mainNav ul li.active ul li a:hover { font-weight: normal; color: #ccc; }

#mainNav ul li.active ul.subnav1 { background-position: 12px 0 !important; }
#mainNav ul li.active ul.subnav2 { background-position: 122px 0 !important; }
#mainNav ul li.active ul.subnav3 { width: 900px; padding-left: 90px; background-position: 260px 0 !important; }
#mainNav ul li.active ul.subnav4 { width: 820px; padding-left: 170px; background-position: 410px 0 !important; }
#mainNav ul li.active ul.subnav5 { background-position: 520px 0 !important; }
#mainNav ul li.active ul.subnav6 { width: 470px; padding-left: 520px; background-position: 645px 0 !important; }
#mainNav ul li.active ul.subnav7 { background-position: 765px 0 !important; }
#mainNav ul li.active ul.subnav8 { background-position: 880px 0 !important; }

/* This iframe shime fixes a miserable IE6 bug that prevents dropdowns from appearing overtop of select boxes */
.shim2 { position: relative; }
.shim2 iframe { position: absolute; left:-999em; top:-999em; } 
#nav li.sfhover .shim2 iframe { left:0; top:0; width:180px; height:262px; background: transparent; }