#navigation {position:relative; font-size:11px; height:31px; width:800px;}

#navigation, #navigation ul {padding:0; margin:0; list-style:none; width:800px;}

/* Taken this out, maybe put it back
#navigation table {border-collapse:collapse; margin:-1px -20px; 0 0; padding:0; width:0; height:0; font-size:1em;}
*/

#navigation table { border:0; margin:0; padding:0;}

#navigation li {float:left; height:31px;  line-height:35px;}
#navigation li a {float:left; display:block; width:102px; text-align:center; background:url(../images/nav_bg.gif) 0px 0px no-repeat; color:#fff; text-decoration:none; font-family:Verdana, "Lucida Grande";}
#navigation li a:hover {white-space:nowrap; background:url(../images/nav_bg.gif) -102px 0px no-repeat; color:#ffffff;}

/*Highlighted tab for current page*/
#navigation li.current a {background:url(../images/nav_bg.gif) -204px 0px no-repeat; color:#ffffff;}

/*Background and positioning for drop down navigation*/
#navigation li ul {position:absolute; top:31px; left:-9999px; z-index:10; background:url(../images/drop_bg.gif) repeat-x;}

/*Structure for dropdown on current tab*/
#navigation li.current ul {left:0; z-index:1; width:800px;}

/*Keeps the selected tab highlighted on chosen drop down*/
#navigation li:hover > a {white-space:nowrap; background:url(../images/nav_bg.gif) -102px 0px no-repeat; color:#ffffff;}

#navigation li.current a:hover {background:url(../images/nav_bg.gif) -102px 0px no-repeat; color:#ffffff;}
#navigation li.current:hover a {background:url(../images/nav_bg.gif) -102px 0px no-repeat; color:#ffffff;}

#navigation :hover ul {left:0;}
#navigation :hover ul li, #navigation li.current ul li {background:url(../images/drop_bg.gif) repeat-x; color:#FFFFFF; padding:0 10px 0 0; text-transform:uppercase;}

/* positioning for dropdown navigation on other tab*/
#navigation :hover ul li a {background:url(../images/drop_bg.gif) repeat-x; width:auto; padding:0 10px 0 0;}
#navigation :hover ul li a:hover{color:#000; text-decoration:underline;}

/*A positioning for dropdown navigation on current tab*/
#navigation li.current ul li a {color:#fff; background:url(../images/drop_bg.gif) repeat-x; width:auto; padding:0 10px 0 0;}
#navigation li.current ul li.current_sub a {text-decoration:underline; background:url(../images/drop_bg.gif) repeat-x;}

/*A attributes for dropdown navigation on current tab*/
#navigation li.current a:hover ul li a {color:#fff; background:url(../images/drop_bg.gif) repeat-x;}
#navigation li.current:hover ul li a {color:#fff; background:url(../images/drop_bg.gif) repeat-x;}

/*A:Hover attributes for dropdown navigation on current tab*/
#navigation li.current a:hover ul li a:hover {color:#000; text-decoration:underline;}
#navigation li.current:hover ul li a:hover {color:#000;  text-decoration:underline;}

