@charset "utf-8";
/* CSS Document */
#nav {padding:0; margin:0; list-style:none; height:44px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; font-size:11px; padding:0 20px 0 200px; float: right;}
#nav li.top {display:block; float:left;;}
#nav li a {display:block; float:left; height:44px; width:150px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.home {background:url(../images/navHome.jpg); width:53px;}
#nav li a.profile {background:url(../images/navProfile.jpg); width:122px;}


#nav li:hover a,
#nav a:hover
{background-position: 0 44px;}


#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; width:0; 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:44px; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:165px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:18px; width:220px; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; margin:0;}

#nav :hover ul li a.subItem {background:url(../images/sub_bg2.gif); font-family:arial; font-weight:bold; font-size:11px; padding:6px 0 0 8px; color:#636363;   border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
}

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