* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url("../img/pagebackground.png");
 background-repeat:repeat-x; 
}
#wrap 
{
 margin: 20px auto;
 width: 922px;
 background-color:#ffffff;
 border: 1px solid #3C3C3C;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 50px;
 margin: 10px 0px 0px 0px;
 background: #FFFFFF;
 border-bottom: 5px dotted #ccc;
}
#left { 
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 160px;
 float: left;
}
#middle 
{
    width: 530px;
    background-color: #FFFFFF;
    padding: 10px;
    float:left;
}
#right { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 160px;
 display: inline;
 border-left: 3px dotted #ccc;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 border-top: 1px solid #ccc;
 background: #CDF2AE;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

h1 
{
    font-weight: bold;
    font-size: 20px;
    color: #308D36;
}
h2 
{
    color: #308D36;
}
A:link
{
    color: #008000;
     
}
A:visited
{
    color: #228b22;
}
#menu ul {
	width: 151px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu ul li{
	margin: 0;
	padding: 0;
	display: block;
	}
		
#menu ul li a
{
    margin: 0;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    font-size: 150%;
    font-family: Arial;
    display: block;
    background: url("../img/menu-body.gif" );
    color: #505050;
    border-bottom: #ececec 1px solid;
}
	
#menu ul li a:hover {
	color: #fff;
	background: url("../img/menu-body-s.gif");
	}