/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body#abnav a#navab { background-image: url(../images/nav/nav_on_1.gif); background-repeat: no-repeat; background-position: left; }
body#servnav a#navserv { background-image: url(../images/nav/nav_on_2.gif); background-repeat: no-repeat; background-position: left; }
body#portnav a#navport { background-image: url(../images/nav/nav_on_3.gif); background-repeat: no-repeat; background-position: left; }
body#blognav a#navblog { background-image: url(../images/nav/nav_on_4.gif); background-repeat: no-repeat; background-position: left; }
body#accnav a#navacc { background-image: url(../images/nav/nav_on_5.gif); background-repeat: no-repeat; background-position: left; }
body#connav a#navcon { background-image: url(../images/nav/nav_on_6.gif); background-repeat: no-repeat; background-position: left; }

#nav { padding: 0; margin: 0; list-style: none; height: 16px; position: relative; z-index: 200; width: 454px; }
#nav li.top { display:block; float:left;}
#nav li a { display: block; float: left; height: 16px; padding: 0; cursor: pointer; }
#nav li a b { margin-left: -999px; }

#nav li a.nav1 { background:url(../images/nav/nav1.gif); width: 82px; }
#nav li a.nav2 { background:url(../images/nav/nav2.gif); width: 80px; }
#nav li a.nav3 { background:url(../images/nav/nav3.gif); width: 91px; }
#nav li a.nav4 { background:url(../images/nav/nav4.gif); width: 59px; }
#nav li a.nav5 { background:url(../images/nav/nav5.gif); width: 94px; }
#nav li a.nav6 { background:url(../images/nav/nav6.gif); width: 48px; }

#nav li:hover a, #nav a:hover { background-position: 0 16px; }
#nav table { position: absolute; top: 0; left: 0; border-collapse: collapse; padding: 0; width: 0; height: 0; margin: -1px; }
#nav .sub { position: absolute; left: -9999px; top: -9999px; height: 0; margin: 0; padding: 0; list-style: none; }
#nav li:hover { position: relative; z-index: 200; }
#nav a:hover { position: relative; white-space: normal; z-index: 200;}
#nav :hover ul.sub { left: 0; top: 16px; height: auto; z-index: 300; }
#nav :hover ul.sub li { display: block; height: 16px; position: relative; float: left; font-weight:normal; }
#nav :hover ul.sub li a { display: block; height: 16px; text-decoration: none; padding: 0; cursor: pointer; }
#nav :hover ul.sub li a b { position: absolute; left: -9999px; margin: 0; }

#nav :hover ul li a.nav1a { background:url(../images/nav/nav1a.gif); width: 82px; }
#nav :hover ul li a.nav1b { background:url(../images/nav/nav1b.gif); width: 82px; }
#nav :hover ul li a.nav1c { background:url(../images/nav/nav1c.gif); width: 82px; }

#nav :hover ul li a.nav2a { background:url(../images/nav/nav2a.gif); width: 80px; }
#nav :hover ul li a.nav2b { background:url(../images/nav/nav2b.gif); width: 80px; }
#nav :hover ul li a.nav2c { background:url(../images/nav/nav2c.gif); width: 80px; }
#nav :hover ul li a.nav2d { background:url(../images/nav/nav2d.gif); width: 80px; }
#nav :hover ul li a.nav2e { background:url(../images/nav/nav2e.gif); width: 80px; }

#nav :hover ul li a.nav3a { background:url(../images/nav/nav3a.gif); width: 91px; }
#nav :hover ul li a.nav3b { background:url(../images/nav/nav3b.gif); width: 91px; }
#nav :hover ul li a.nav3c { background:url(../images/nav/nav3c.gif); width: 91px; }
#nav :hover ul li a.nav3d { background:url(../images/nav/nav3d.gif); width: 91px; }

#nav :hover ul li a.nav4a { width: 59px; }

#nav :hover ul li a.nav5a { background:url(../images/nav/nav5a.gif); width: 94px; }
#nav :hover ul li a.nav5b { background:url(../images/nav/nav5b.gif); width: 94px; }
#nav :hover ul li a.nav5c { background:url(../images/nav/nav5c.gif); width: 94px; }

#nav :hover ul li a.nav6a { width: 49px; }

#nav :hover ul.sub li a:hover { background-position: 0 16px; position: relative; }