/* ######### Uber Round Menu CSS ######### */
    
.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
margin-left: 5px;
background: transparent;
border-bottom: 0px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.ubercolortabs ul{
font: bold 8px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #0D3684 url(roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(roundright.gif) no-repeat right top; /*right corner image*/
margin: 0 0 0 2px;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.bluebgtabs{
padding: 0;
width: 100%;
overflow: hidden;
margin-left: 5px;
background: transparent;
border-bottom: 0px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.bluebgtabs ul{
font: bold 8px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.bluebgtabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.bluebgtabs a{
float: left;
color: white;
background: #0D3684 url(blueroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 1px;
}

.bluebgtabs a span{
float: left;
display: block;
background: transparent url(blueroundright.gif) no-repeat right top; /*right corner image*/
margin: 0 0 0 2px;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.bluebgtabs a span{
float: none;
}


.bluebgtabs a:hover, .bluebgtabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.bluebgtabs a:hover span{
background-color: transparent;
}


.greenbgtabs{
padding: 0;
width: 100%;
overflow: hidden;
margin-left: 5px;
background: transparent;
border-bottom: 0px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.greenbgtabs ul{
font: bold 8px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.greenbgtabs li{
display: inline;
margin: 0 0 0 0;
padding: 0;
text-transform: uppercase;
}


.greenbgtabs a{
float: left;
color: white;
background: #0D3684 url(greenroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 1px;
}

.greenbgtabs a span{
float: left;
display: block;
background: transparent url(greenroundright.gif) no-repeat right top; /*right corner image*/
margin: 0 0 0 2px;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.greenbgtabs a span{
float: none;
}


.greenbgtabs a:hover, .greenbgtabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.greenbgtabs a:hover span{
background-color: transparent;
}

.yellowbgtabs{
padding: 0;
width: 100%;
overflow: hidden;
margin-left: 5px;
background: transparent;
border-bottom: 0px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.yellowbgtabs ul{
font: bold 8px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.yellowbgtabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.yellowbgtabs a{
float: left;
color: white;
background: #0D3684 url(yellowroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 1px;
}

.yellowbgtabs a span{
float: left;
display: block;
background: transparent url(yellowroundright.gif) no-repeat right top; /*right corner image*/
margin: 0 0 0 2px;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.yellowbgtabs a span{
float: none;
}


.yellowbgtabs a:hover, .yellowbgtabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.yellowbgtabs a:hover span{
background-color: transparent;
}





.greybgtabs{
padding: 0;
width: 100%;
overflow: hidden;
margin-left: 15px;
background: transparent;
border-bottom: 0px solid #0D3684; /*underline that runs across bottom of tabs*/
}

.greybgtabs ul{
font: bold 8px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
list-style: none;
}

.greybgtabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.greybgtabs a{
float: left;
color: white;
background: #0D3684 url(greyroundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 1px;
}

.greybgtabs a span{
float: left;
display: block;
background: transparent url(greyroundright.gif) no-repeat right top; /*right corner image*/
margin: 0 0 0 2px;
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.greybgtabs a span{
float: none;
}


.greybgtabs a:hover, .greybgtabs li a.selected{
background-color: #07204E; /*background color of tabs onMouseover*/
color: white;
}

.greybgtabs a:hover span{
background-color: transparent;
}