body {
	color:#999;
	text-align: center;
	font: 101% Georgia, Arial, Helvetica, sans-serif;
	margin: 20px 0;
	background-color: #2C0F0C;
}
	   
#wrapper {
	text-align: left;
	width: 856px;
	margin: 0 auto;
	background-color: #D2CCCC;
	border: #0072BB 2px solid;
}
#header{
	height: 238px;
	background-color: #FFFFFF;
	text-align: center;
}
 
#left {
float:left; 
width: 200px;
background-color:#FFFFFF;
padding: 10px;
}
 
#right {
	float:right;
	width: 606px;
	padding: 10px;
}
 
#footer{
	clear:both;
	height:40px;
	text-align: right;
	background-color: #0072BB;
}
#footer p {
margin-top: 10px;
font-size: 10px;
color:#FFFFFF;
}
 
p {
font-size: 90%; 
color: #333333;
}
	
#left p{
font-size: 95%; 
color: #111;
line-height: 1.2em;
}
 
#right p {
font-size: 95%; 
color: #111;
line-height:1.2em;
}
img
{
vertical-align:text-top;
}
#right ul,li
{
font-size: 95%; 
color: #111;
line-height:1.2em;
}
h1 {
color: #333333;
font-size: 110%; 
}
h2 {font-size: 105%; color: #CC6666;
margin: 12px;
}
h3{
font-size: 95%;  
color: #0072BB;
}
 
.validbutton {
font-size: 70%;
border: 1px solid #B83D3D;
padding: 4px;
margin-right: 6px;
}
 
.code {
	font-size: 60%;
	border: 1px dashed #CCCCCC;
	padding: 4px;
width: 250px;
}
 
a:link {color:#AD3838;}
a:visited {color:#D68585;}
a:active {color:#AD3838;}
a:hover {color:#BB3E3E; text-decoration:none}