/* 
Tab Sample Stylesheet
by David Appleyard - www.davidappleyard.org.uk 
*/

/* 
#tabs - the main area for the tabs to be placed in - a 'container' for them to go in
#tabs li - defining the basic content of the list area, shouldn't need to change this
#tabs a - defines what appears around a tab - alter the font colour, background etc here for a default, non mouseover, non selected tab
#tabs a:hover - defines a hovered over tab - again, you can change the mouseover background and font colour
#tabs #selected a - defines the tab for the current page - mouseover colour and font can be changed
*/

#supernav {
font: 10px Verdana, Arial, Sans-Serif; /* alter this to change the font on the navigation bar */
position: absolute;
left: 50%;
top: 170px; /* alter this to change the position of the menu bar*/
width: 600px; /* alter this to change the width of the menu area */
/* Internet Explorer fix - just uncomment the line below */ 
height: 25px;
margin: 0 0 0 -360px;
padding: 25px;
text-align: left;
display: block;
}

#supernav li {
display: inline;
margin: 0;
padding: 0;
/* Internet Explorer fix - just uncomment the line below */
height: 25px;
}

#supernav a {
font-weight: normal;
padding: 5px 16px; 
height: 19px; 
text-decoration: none;
color: #333;
background: #D4E6F4;
}

#supernav a:hover {
color: #FFF;
background: #6192C5;
text-decoration: none;
}

#supernav #selected a {
color: #333;
background: #FFF;
text-decoration: none;
}