/* 
Tab Sample Stylesheet
by Design Shack - www.designshack.co.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
*/
#tabs {
font: 10px Verdana, Arial, Sans-Serif; /* alter this to change the font on the navigation bar */
position: center;
top: 0px; /* alter this to change the position of the menu bar*/
width: 750px; /* alter this to change the width of the menu area */
margin: 0 0 0 0px;
padding: 0px;
text-align: center;
display: block;
}
/* Internet explorer fix */
* html #tabs {height: 0px;}

#tabs li {
display: inline;
margin: 0;
padding: 0;
}

/* Internet explorer fix */
* html #tabs li {height: 0px;}

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

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

#tabs #selected a {
color: #333333;
background: #F0F0F0;
text-decoration: none
}
#tab {
font: 10px Verdana, Arial, Sans-Serif;/* alter this to change the font on the navigation bar */
color: #FFFFFF;
position: center;
top: 0px; /* alter this to change the position of the menu bar*/
width: 750px; /* alter this to change the width of the menu area */
margin: 0 0 0 0px;
padding: 0px;
text-align: center;
display: block;
}
/* Internet explorer fix */
* html #tabs {height: 0px;}

#tab li {
display: inline;
margin: 0;
padding: 0;
}

/* Internet explorer fix */
* html #tabs li {height: 0px;}

#tab a {
background-position: 0% 0%; font-weight: normal;
color: #FFFFFF;
height: 19px; 
text-decoration: none;
padding-left:16px; padding-right:16px; padding-top:5px; padding-bottom:5px; background-image:none; background-repeat:repeat; background-attachment:scroll
}

#tab a:hover {
color: #FFFFFF;
background: #990000;
text-decoration: none
}

#tab #selected a {
color: #333333;
background: #F0F0F0;
text-decoration: none
}