﻿body {   background-color:#ccc;  font-family: Verdana; font-size: 12pt; font-style:normal; font-variant:normal; padding:0 8px; color: #333;}

#invertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 0em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
/*text-transform:uppercase; */
font-size:large; 
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
/*background: #8b0000 url(images/color_tabs_left2.gif) no-repeat left bottom;*/
background: #555555 url(images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #cccccc;
}

#invertedtabs a:hover span{
background-color: #cccccc;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #cccccc;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #555555;
/*border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/* ------ content -------------------------------- */
/*div#container { padding: 16px 0 0 0;}
div#container .content { margin: 0 0 0 10px; padding: 0 0 0 20px; font-size: 12px; overflow:no-display;}
div.content-top-right { float: right; color: #484a36; font-weight: bold; margin: 17px 8px 0 8px; }
div.content-top-right p { padding: 0 15px 0 15px; margin:0; font-size:11px; }
*/
div#container { padding: 0 0 0 0;}
div#container .content { margin: 0 0 0 10px; padding: 0 0 0 20px; font-size: 12px; overflow:no-display;}
div.content-top-right { float: right; color: #484a36; font-weight: bold; margin: 0 8px 0 8px; }
div.content-top-right p { padding: 0 15px 0 15px; margin:0; font-size:11px; }


div.box { float:right; height:5px; width: 5px; font-size:0pt;	line-height:0pt; }
div.box_top { background:transparent url(images/composite.gif) no-repeat scroll 0 -5px; }
div.box_bottom { background:transparent url(images/composite.gif) no-repeat scroll 0 -15px; }
div.box_bottom_clear {clear:left; height:15px;}

.content_grey { background: #CCCCCC none no-repeat scroll 0%;}
.grey_box_top { background: #CCCCCC url(images/composite.gif) no-repeat scroll; height:5px; margin: 0 0 0 -20px; }
.grey_box_bottom { background: #CCCCCC url(images/composite.gif) no-repeat scroll 0 -10px; height:5px; margin: 15px 0 0px -20px; }

