/* ######### CSS for top level tabs ######### */

/*
body {
background-image:url(../images/nav/images/body-bg.jpg);
background-repeat:repeat-x;
margin-top:0px;
}

.main {
width:980px;
margin-left:auto;
margin-right: auto;
height:600px;
background-color:#FFFFFF;
}

.banner {
width: 960px;
height: 80px;
background-color: #FFFFFF;
}
*/

.tabsmenuclass ul{
overflow: hidden;
width: 996px;
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;
background-image:url('../images/nav/nav-bg.gif');
background-repeat:repeat-x;

}

.tabsmenuclass li{
float: left;
border-left: 1px solid #cccccc;
}

.tabsmenuclass li.left{
float: left;
border-left: 1px solid #cccccc;
margin-left:10px;

}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
color: #414141;
margin-right: 0px;
text-decoration: none;
font: bold 13px Arial;

}

.tabsmenuclass li.first a:hover, .tabsmenuclass a.selected {
background-image:url('../images/nav/aqua.gif');
background-repeat:repeat-x;
color: white;
}

.tabsmenuclass li.second  a:hover, .tabsmenuclass a.selected {
background-image:url('../images/nav/purple.gif');
background-repeat:repeat-x;
color: white;
}

.tabsmenuclass li.third  a:hover, .tabsmenuclass a.selected {
background-image:url('../images/nav/lime.gif');
background-repeat:repeat-x;
color: white;
}
.tabsmenuclass li.fourth  a:hover, .tabsmenuclass a.selected {
background-repeat:repeat-x;
background-image: url("../images/nav/red.gif");
color: white;
}
.tabsmenuclass li.fifth  a:hover, .tabsmenuclass a.selected {
background-image:url('../images/nav/green.gif');
background-repeat:repeat-x;
color: white;
}
.tabsmenuclass li.sixth  a:hover, .tabsmenuclass a.selected {
background-image:url('../images/nav/aqua.gif');
background-repeat:repeat-x;
color: white;
}


.tabmenuclass a.selected {
text-decoration: underline;
}
/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background-image:url('../images/nav/sub-nav-bg.gif');
background-repeat:repeat-x;
height: 28px;
padding: 0px;
border: 1px solid silver;
}

.tabsmenucontentclass a{
text-decoration: none;
color:#FFFFFF;
}

.tabsmenucontentclass a:hover{
text-decoration: underline;
color:#FFFFFF;
}
/*
.tabsmenucontentclass ul{
margin: 0;
padding: 5px 0px 5px 5px;
list-style-type: none;
height: 18px;
background-image:url('../images/nav/aqua.gif');
background-repeat:repeat-x;
}*/

.tabsmenucontentclass ul.second{
margin: 0;
padding: 5px 0px 5px 25px;
list-style-type: none;
height: 18px;
background-image:url('../images/nav/purple.gif');
background-repeat:repeat-x;
}

.tabsmenucontentclass ul.third{
margin: 0;
padding: 5px 0px 5px 155px;
list-style-type: none;
height: 18px;
background-image:url('../images/nav/lime.gif');
background-repeat:repeat-x;
}

.tabsmenucontentclass ul.fourth{
margin: 0;
padding: 5px 0px 5px 335px;
list-style-type: none;
height: 18px;
background-image: url("../images/nav/red.gif");
background-repeat:repeat-x;
}

.tabsmenucontentclass ul.fifth{
margin: 0;
padding: 5px 0px 5px 525px;
list-style-type: none;
height: 18px;
background-image:url('../images/nav/green.gif');
background-repeat:repeat-x;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
padding-left: 1em;
border-left: 1px solid #cccccc;
}

.tabsmenucontentclass li.first{
float: left;
margin-right: 1em;
padding-left: 1em;
border-left: 0px solid #cccccc;

}