body{margin:0; padding:0;line-height: 1.5em;}

p {
font:10pt Verdana,Tahoma,Arial,sans-serif; line-height:1.6em; color:#303030;
}

b{font-size: 110%;}
em{color: red;

}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; 
background: #fff;
}

#topsection{
background-image: url('images/bhh.jpg');

height: 90px; /*Height of top section*/
}

#topsection h1{
font: bold 25px Arial, Verdana, sans-serif;
margin: 0;
padding-top: 15px;
}

#topsection h2{
font: bold 16px Arial, Verdana, sans-serif;
margin: 0;
padding-top: 4px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #FFB0B0;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*horizenta MENU*/
#invertedtabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 4px;
background: #C8FC98;

}


#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*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;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #8b0000 url('images/color_tabs_left2.gif') no-repeat left bottom;
text-decoration:none;
letter-spacing: 1px; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:0
}

#invertedtabs a span{
float:left;
display:block;
background: url('images/color_tabs_right2.gif') no-repeat right bottom;
padding-left:6px; padding-right:9px; padding-top:3px; padding-bottom:3px
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/*VERTICAL MENU*/


.glossymenu{
border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-bottom:0px solid #9A9A9A; list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;

}

.glossymenu li a{
background: white url('images/glossyback-r.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url('images/glossyback2-r.gif');
}