﻿<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#tabs{
width:100%;
line-height:20px;
overflow: hidden;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#tabs ul{
float:left;
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
height: 25px;
width:100%;
}

#tabs li{
display:inline;
margin:0;
padding:0;
height: 25px;
}

#tabs a{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
border-right: 1px solid #DFDEDE;
}

#tabs a span{
float:left;
display:block;
padding: 5px 10px 5px 5px;
font-weight:bold;
color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
color: #ffdf0e;
}

#tabs #current a{ /*Selected Tab style*/
background-position:0 -25px; /*Shift background image up to start of 2nd tab image*/
}

#tabs #current a span{ /*Selected Tab style*/
background-position:100% -25px; /*Shift background image up to start of 2nd tab image*/
color: #ffdf0e;
}

#tabs a:hover{ /*onMouseover style*/
background-position:0% -25px; /*Shift background image up to start of 2nd tab image*/
}

#tabs a:hover span{ /*onMouseover style*/
background-position:100% -25px; /*Shift background image up to start of 2nd tab image*/
}

</style>
