/* ######### CSS for top level tabs ######### */

.tabsmenuclass{width:775px; height:30px; float:right; background:url(../images/navigationbg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium"; text-transform:uppercase;}
.tabsmenuclass ul{
overflow: hidden;
margin:0; 
margin-left:34px;
padding:0 0 0 0; 
height:30px;
list-style-type: none;
}

.tabsmenuclass li{
padding:0 3px 0 3px; margin:0; float:left; list-style:none; background:url(../images/navdivider.jpg) no-repeat right 5px;
}

.tabsmenuclass a{
padding:8px 8px 0 8px; font-size:11px; color:white; text-decoration:none; font-weight:bold; height:22px; display:block; display:inline-block;}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
padding:8px 8px 0 8px; background:url(../images/navbgover.jpg) no-repeat top left; display:block; display:inline-block; height:22px; color:#990000;
}

.tabsmenuclass .abouthover a:hover, .tabsmenuclass .abouthover a{padding:8px 8px 0 8px; background:url(../images/navspan.jpg) no-repeat top left; display:block; display:inline-block; height:22px; color:#990000;}

/* ######### CSS for sub menu container below ######### */

.subNavigation{
clear: left; width:940px; height:30px; float:left; background:#E5E5E5; font-family:Arial, Helvetica, sans-serif, "Franklin Gothic Medium";
}

.subNavigation ul{
margin:0; padding:0 0 0 10px; height:30px;
}

.subNavigation li{
padding:0 6px 0 6px; margin:0; float:left; list-style:none; background:url(../images/subnavdivider.jpg) no-repeat right 5px;
}

.span{background:url(../images/navspan.jpg) no-repeat left top;}

.subNavigation li a{padding:8px 3px 0 0; font-size:11px; color:#000000; text-decoration:none; font-weight:bold; height:22px; display:block; display:inline-block;}
.subNavigation li a:hover{padding:8px 3px 0 0; display:block; display:inline-block; height:22px; color:#990000;}