.tabs{
float:left;
width:100%;
line-height:normal;
border-top: 00px dashed #54bf17;
border-bottom: 0px solid #ffffff; /*Add border strip to bottom of menu*/

}

.tabs ul{
list-style-type: none;
margin:0;
margin-left: 00px; /*Left offset of entire tab menu relative to page*/
padding:0;
margin-top:30px;
}

.tabs li{
display:inline;
margin:0;
padding:0;

}

.tabs a{
float:left;
background:url(tabs2.gif) no-repeat left top;
margin:0;
margin-right: 3px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;

}

.tabs a span{
float:left;
display:block;
background:url(tabs1.1.gif) no-repeat right top;
padding: 9px 12px 3px 3px;
font-weight:bold;
color:#ffffff;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
color:#fcf2ee;

}

.tabs a.current{ /*Selected Tab style*/
background-position:0 -30px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a.current span{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color:#dfdfdf;
}

.tabs a:hover{ /*onMouseover style*/
background-position:0% -30px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a:hover span{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:100%; /*width of 2nd level sub menus*/
height:1.0em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}