/*This came from Dynamic Drive site and I split it into an attached stylesheet - thanks Dynamic Drive (http://www.dynamicdrive.com)*/
<style type="text/css">


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

b{font-size: 110%;}
em{color: red;}
h6{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
position:relative;
min-width:800px;
max-width:1000px;
margin-left:auto;
margin-right:auto;
}

#topsection{
background: #338F59;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
color: #FFFFFF;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

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

#contentcolumn{
background: #FFFFFF;
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#leftcolumn{
	float: left;
	width: 230px;
	margin-left: -100%;
	background: #C8FC98;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	list-style-type: lower-alpha;
	list-style-image: none;


}

#rightcolumn{
	float: left;
	width: 200px;
	margin-left: -200px;
	background: #FDE95E;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	list-style-image: none;
	list-style-type: lower-alpha;

}

#footer{
	clear: both;
	width: 100%;
	background: #64310b;
	color: #FFF;
	text-align: center;
	padding: 3px 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#footer a{
color: #FFFF80;
}

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


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

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


.ubercolortabs a{
float: left;
color: white;
background: #006400 url(roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 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*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


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

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


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

</style>
h6 {
}