body{
margin:0;
padding:0;
font-size: 0.8em;
font-family: time new roman;
background-image: url("img/bg.jpg");
background-repeat: repeat-x;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 2px;
background: white;
}

#topsection{
margin-bottom: 5px;
background: white;
height: 90px; /*Height of top section*/
}
 .branner{
margin: 0;
padding-left: 46px;
background: white;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: white;

}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
padding:5px;
height:100%;
background: white;
background-image: url("img/bg.jpg");
background-repeat: repeat-x;

}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: white;
}

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

#footer a{
color: #blue;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.glossymenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 198px;
/*border: 1px solid #9A9A9A;
border-bottom-width: 0;*/
}

.glossymenu li a{
margin-bottom: 2px;
background: white url(img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


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

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

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

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#box {
border: 1px solid;
width: 100%;
height:100%;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header{
list-style-type: none;
margin: 0;
padding: 0;
width: 98%;
/*border: 1px solid #9A9A9A;
border-bottom-width: 0;*/
}

.header li h1{
margin-bottom: 2px;
background: white url(img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 100%;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}