body
{background-color: #7D9AA8;
background-image: url(bg.gif);}

#site
{width: 408px;
margin: 20px auto;}

#layout 
{width: auto;
height: 185px;
z-index: 1;}

#content
{background-color: #6F6462;
text-align: justify;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
color: #ffffff;
padding: 5px;
z-index: 2;
width: 358px;
}

#footer {
margin-top: -25px;
width:368px;
text-align: center;
padding-bottom:8px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
color: #000000;
background-color: #6F6462;
}

a:link, a:visited, a:active
{text-decoration: none ; 
color: #000000;}

a:hover
{text-decoration: underline;
color: #ffffff;}

input, textarea, select
{color: #000000;
background-color: #D3CDCD;
border: 1px solid #000000;
padding: 2px;
font: 11px Verdana;}

h2
{font-family: Georgia, serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
color: #000000;
padding-left: 15px;
text-transform: lowercase;}

h3
{font-family: Georgia, serif;
font-size: 11px;
font-style: italic;
color: #ffffff;
text-align:left;
padding-right: 50px;
text-transform: lowercase;}

.stats
{margin: 0px auto;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px; 
width: 80%;
color: #000000;
padding: 10px;
background-color: #D3CDCD;
text-align: justify;
border: 2px dotted #000000;}

.stats a {background-color: #D3CDCD; font-weight:bold;color: #6F6462;}

.stats a:hover {background-color: #D3CDCD; color: #000000;}

.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}
