<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>css test</title>



<style type="text/css">

<!-- page layout -->


body { 	
	font-family: Georgia;
	font-color: #f3ebb5;
	text-align: center;
	}

#main {
 	margin: -19px auto;
  	text-align: left;
	width: 760px;
	height: 2000px;
	}


#content {
	margin: -20px auto;
  	background-color: #9cd6c0;
  	background-image: url("containerbackground.png");
  	padding-left: 30px;
	}



#rightcolumn {
	width: 510px;
	height: 100%;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	background-image: url("backgroundright.png");
	background-position: 0% 0%;
	border:none;
	text-align:left;
	font-family: sans-serif;}


#leftcolumn {
	width: 250px;
	margin-top: 0px;
	background-image: url("backgroundleftnav.png");
	background-position: 0% 0%;
	float: left;
	height: 100%;
	padding: 0px;
	font-family: sans-serif;}

#footer {
	clear: both;
	margin: -20px auto;
	text-align: center;
	background-image: url("containerbackground.png"); 
	}


<!-- fonts and looks -->

td {	color: #000024;
	vertical-align: top;	
	}

p {	font-size: 13px; 
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	color: #3e3e4b; 
	margin: 25px;
	}

ul {font-size: 13px; color: #3e3e4b; text-align: left;}


h1 {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #3d3d3d;
	text-align: center;
	margin-right:25px;
	font-size: 30px;
	}

h2 {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	line-height: 1.1;
	color: #474747;
	margin: 25px;
	padding: 0;
	}

h3 {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.1;
	color: #118764;
	margin: 0;
	padding: 0;
	}


.ban {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif ;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.1;
	color: #766f5d;
	margin: 0;
	padding: 0;
	}


.pal {
	font-family: "monospace" arial, helvetica, sans-serif ;
	font-weight: bold;
	font-size: 25px;
	color: #371c55;
	}

.palsmall {
	font-family: "Trebuchet MS" arial, helvetica, sans-serif ;
	font-size: 12px;
	color: #000000;
	}
.realsmall {
	font-family: "Trebuchet MS" arial, helvetica, sans-serif ;
	font-size: 10px;
	color: #000000;
	}
.runner {
	font-family: "Trebuchet MS" arial, helvetica, sans-serif ;
	font-size: 12px;
	text-align: center;
	color: #318871;
	}
.center {
	text-align: center;
	padding: 0px;
	}

.palblue {
	font-family: "monospace" arial, helvetica, sans-serif ;
	font-weight: bold;
	font-size: 25px;
	color: #2f94d5;
	}

.palsmallblue {
	font-family: "monospace" arial, helvetica, sans-serif ;
	font-weight: bold;
	font-size: 14px;
	color: #2f94d5;
	}


.achtung {
		font-family "monospace" arial, sans-serif;
		font-weight: bold;
		font-size: 15px;
		color: #f11212;
		}
.typer {
		font-family: "monospace" arial, sans-serif;
		font-weight: bold;
		font-size: 15px;
		color: #8f783c;
		}
.red {
	color:#f11212;
	}

.quoter1 { 
		font-family "monospace", arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #a010ad;
	}



.quoter2 { 
		font-family "monospace" arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #35a3ba;
	}


.quoter2big { 
		font-family "monospace", arial, sans-serif;
		font-weight: bold;
		font-size: 20px;
		color: #1ddea7;
	}

.quoter3 { 
		font-family  "Trebuchet MS", arial, sans-serif;
		font-weight: normal;
		font-size: 10px;
		text-align: center;
		color: #000000;
	}

.quoter4 { 
		font-family  "Trebuchet MS", arial, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-align: center;
		color: #474747;
	}


.outstand { 
		font-family "Trebuchet MS", arial, sans-serif;
		font-weight: bold;
		font-size: 15px;
	}

.q { font-family "Trebuchet MS", arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #14bc2c;
	}

.a { font-family "Trebuchet MS", arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #14bc80;
	}

.txtcen
	{ 
	text-align: center;
	margin:20px;
	}

.txtpad40
	{
	margin-left: 40px;
	}

<!-- image classes -->

.bkground {	Background-image: url(tblbackground.png);
		<!-- background-repeat: no-repeat; -->	
	}

.picright {float:right;
	width: 25%;
	margin: 0px;
	border:none;
	padding: 5px;
	font-family: sans-serif;}

.picnopad {padding: 0px; margin:0px; border: none;}

.picpad {padding: 0px; margin: 20px 6px; border: none;}

.picpadthintop {padding: 0px; 
	margin-top: -5px; 
	margin-left: 6px;
	margin-bottom: 20px;
	border: none;}

.picrightnorm {float:right;
	padding: 5px;}

.picleftnorm {float:left;
	padding: 5px;}


.picleft {float:left;
	width: 25%;
	margin: 0px;
	border:none;
	padding: 5px;
	font-family: sans-serif;}

.picmid {
	width: 100%;
	margin: 0px;
	border:none;
	padding: 0px;
	font-family: sans-serif;}

.piccen {float:middle;
	width: 50%;
	margin: 10px;
	border:none;
	padding: 15px;
	font-family: sans-serif;}



a:link {color: #07789a; font-weight:bold; text-decoration: none;}
a:active {color: #49adc3; font-weight:bold; text-decoration: none;}
a:visited {color: #5d3cda; font-weight:bold; text-decoration: none;}
a:hover {color: #318871;}

a:link img, a:visited img, a:hover img {border: none; text-decoration: none;}

</style>
</html>


