body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
  }

h1 {
	color:#99CC00;
	font-weight:bold;
	font-size: 14px;
}
	
h2 {
	color:#009900;
	font-size: 12px;
	font-weight:bold;
	}
	
a:link,a:visited {
	color:#009900;	
	text-decoration: underline;
}

a:hover {
	color:#fff;
	background-color:#009900;
	text-decoration: none;
}

#header {
	height: 140px;
}

#sidebar {float:left;
	width: 200px; 
	padding: 0 10px 15px 20px;
}

#content { 
	border-left: 1px solid  #009900;
	padding: 0 20px 20px; 
	font-size:12px;
	width: 500px;
	margin: 0 0 0 220px; 
}

#footer { 
	padding: 0 10px 0 220px; 
	text-align:left;
	color: #99CC00;
	font-size: 9px;
	border-top:1px solid  #009900;
} 

#header img {
	padding-left: 20px;
}

#sidebar li {
	margin-left: -40px; 
	margin-right: 10px;
	list-style: none;
	padding: 4px;
}

#sidebar a {
	text-decoration: none;
	color: #99CC00;
	font-size:11px;
	font-weight:bold;
}

#sidebar a:hover {
	color:#fff;
	background-color:#99CC00;
	font-size:11px;
	font-weight:bold;
	padding: 2px 0;
}

#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.smalltext {
	font-size: 9px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}