body {

	background-color: #222222;

	color: #CCCCCC;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height: 16px;}



p {

	padding-right: 10px;

	padding-left: 10px;

	font-size: 11px;

}



.wrapper {width: 750px; margin: 0 auto; text-align: left;}



.leftside {float: left; width: 520px;}

     /*** This can be floated left or right ***/



.centercolumn {float: right; width: 350px;}

     /*** This must be floated opposite 

		to .second-float ***/



.leftcolumn {float: left; width: 165px;}

     /*** This must be floated opposite 

		to .first-float ***/



.rightcolumn {float: right; width: 225px;}

     /*** This must be floated opposite 

		to .float-wrap ***/ 

		

.clearcolumns {clear: both;}

	

.footer {

	clear: both;

	border-top-width: 1px;

	border-top-style: double;

	border-top-color: #CCCC99;

	background-color: #444444;

	padding-bottom: 10px;

	padding-top: 10px;

	line-height: normal;}

	

.header {

	clear: both;

	border-bottom-width: 1px;

	border-bottom-style: double;

	border-bottom-color: #CCCC99;

	background-color: #444444;

	padding-bottom: 10px;

	padding-top: 10px;

	padding-left: 20px;

	padding-right: 20px;

	line-height: normal;}

 

.borderleftright {	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: dotted;

	border-left-style: dotted;

	border-right-color: #666666;

	border-left-color: #666666;}

	

.centerall { text-align: center;}



a:link {	color: #FFFFFF;	text-decoration: none;}

a:visited {	color: #CCCC99; text-decoration: none;}

a:hover {	color: #999999; text-decoration: underline;}

a:active {	color: #CCCC99; text-decoration: none;}



h1 {font-size: 24px;

	padding-right: 10px;

	padding-left: 10px;

	padding-bottom: 5px;

	color: #CCCCCC;

	line-height: normal;}



h2 {

	font-size: 18px;

	padding-right: 10px;

	padding-left: 10px;

	color: #CCCC99;

}

h3 {

	font-size: 12px;

}