/* ######### Main Menu Bar CSS ######### */

#topNav{width:780px;height:27px;background:url(img/topnav_back.jpg) top left repeat-x #003300;color:#FFFFFF;border-bottom:2px solid #FFFFFF;font-size:13px;padding:7px 0px 0px 0px;font-weight:bold;}
#topNav a:link, #topNav a:visited{color:#FFFFFF;background:transparent;padding:0px 6px 0px 6px;}
#topNav a:hover, #topNav a:active, #topNav a:focus{color:#FFFFFF;background:#009933;padding:0px 6px 0px 6px;}

#topNav ul{
margin: 0;
padding: 0;
font: bold 14px 'trebuchet ms',verdana,helvetica,sans-serif;
list-style-type: none;
overflow: hidden;
width: 780px;
height:27px;
}

#topNav li{
display: inline;
margin: 0;
}

#topNav li a{
float: right;
display: block;
text-decoration: none;
margin:0px 5px 0px 5px;
padding: 6px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #FFFFFF;
background: transparent;
}
#topNav li a#last{border-right:0px;}

#topNav li a:hover{
background: #FFCC00; /*background of tabs for hover state */
color:#003300;
}

#topNav a.selected{
background: #FFCC00; /*background of tab with "selected" class assigned to its LI */
color:#003300;
}