/* stylesheet to centre a page */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666666;
}
a:link {color: #0066FF;}
a:visited {color: #0066FF}
a:hover {color: #006699}
a:active {color: #000000}
#container {
	width: 800px;
	border: 1px solid gray;
	margin: 1px auto 10px;
	background-color: #FFFFFF;
}
#leftside{
	float: left;
	width: 290px;
	padding-left: 9px;
	font-size: 12px;
	padding-top: 50px;
}
#content{
	margin-left: 290px;
	border-left: 1px solid gray;
	padding-left: 10px;
	padding-right: 5px;
}
#content h2 {
	color: #009933;
	font-family: Arial, Helvetica, sans-serif;
	font: Arial;
	font-style: normal;
	text-align: left;
	//*padding: 5;*/
	}
#feature{
	/**background-color: #999999;*/
	//*height: 350px;*/
	padding-left: 10px;
	padding-top: 10px;	
}
#featureleft{
	float: left;
	width: 248px;
	//*background: #F5F5F5;*/
	//*padding: 10;*/
 }
#featureright{
	margin-left: 248px;
	//*background: #F5F5F5;*/
	//*padding: 10;*/
    }
#footer{
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	height: 50px;
}
.toptext {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font: Arial;
	text-align: right;
}
.toptext a:link {color: #999999}
.toptext a:visited {color: #999999}
.toptext a:hover {color: #006699}

.lighttextL {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font: Arial;
	text-align: left;
}
.more {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font: Arial;
	text-align: left;
}