body{
	margin:10px;
	line-height: 1.5em;
	background-image: url(coffee_testing/bg.jpg);
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

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

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

#topsection{
background:#FFF
height: 90px; /*Height of top section*/
}

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

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

#contentcolumn{
margin-left: 300px; /*Set left margin to LeftColumnWidth*/
}

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

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

#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: #804000 url(coffee_testing/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(coffee_testing/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: #AE5300; /*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*/
}

.leveltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	color: #2F1700;
	padding-right: 10px;
	padding-left: 20px;
}

.itable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #FFF;
	border: 4px solid #99CC00;
}

.wtable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	padding: 2px;
	margin: 1px;
}

.white_txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #FFF;
	padding-right: 6px;
	padding-left: 6px;
}

bodytext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660;
	text-decoration: none;
}
bodytext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99CC17;
	text-decoration: underline;
}
.leveltext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	color: #2F1700;
	padding-right: 12px;
	padding-left: 12px;
}
.leveltext1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 110%;
	color:#660;
	text-decoration: none;
}
.leveltext1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 110%;
	color:#630;
	text-decoration: underline;
}
.leveltext1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 110%;
	color:#630;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #361B00;
	padding-left: 20px;
	padding-top: 10px;
}
.red {
	color: #F00;
}