/* tabs stylesheet*/

#tabs, #tabs ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:100;
}	

#tabs a {
	display: block;	
      /*float:left;*/
      background:url("TabLeft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
      
#tabs li ul li a {
	display: block;	
      /*float:left;*/
      background:url("") no-repeat left top;
      }

#tabs li ul li a:visited {
	color:#000000;      
      }
      
      #tabs li ul li a {
	color:#000000;      
      }
      #tabs li ul li a:hover {
	color:#990000;      
      }
      
#tabs a span {
      float:left;
      display:block;
      background:url("TabRight.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#000000;
      }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#990000;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }      


#tabs li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
}

#tabs li ul li{ /* all list items */
	float:none;	
	padding:1px 7px 1px 5px;
	/*width: 10em;  width needed or else Opera goes nuts */
}

#tabs li ul { /* second-level lists */
	position: absolute;
	background: #CCCCFF;	
	border-width:1px;
	border-color:#333399;
	border-style:solid;
	/*width: 10em;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */	
}

#tabs li:hover ul, #tabs li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#tabs #current a {
     background-position:0 -42px;
      border-width:0;
      }
      
    #tabs #current a span {
      background-position:100% -42px;
      padding-bottom:5px;
      color:#990000;
      }