body {	color:#ccc;
	text-align: center;
	font: 101% verdana;
	background-color: #f8f8f8;}
#wrapper {
	text-align: left;
	width: 791px;
	margin: 0 auto;
	background: #FFF; 
	border: #cccccc 1px solid;
	padding: 0px 20px 20px 20px;
	
}
#header{
	background: 000;
	border: #000000 0px solid;
	width: 792px;
}

#left {
float:left; 
width: 210px;
font: 70% verdana;
padding: 20px 0px 20px 10px;
border-right: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin-top:30px;
margin-bottom:20px;
}
#right {
float:right;
width: 510px;
color: #333333;
overflow:auto;
padding: 0px 20px 30px 20px;
margin-top:30px;
margin-bottom:20px;
border-right: 0px solid #f0f0f0;
border-top: 0px solid #f0f0f0;
}
#footer{
clear:both;
height:120px;
border-top: 0px dashed #cccccc;
background-color: #ffffff;
font-size: 60%;
}
#header p {
padding: 0px;

font-size: 60%;
color:#000000;
}
#footer p {
margin-top: 3px;
font-size: 90%;
color:#000000;
}

p {
font-size: 75% verdana; 
color: #000000;
}
	
#left ul{
font: 80% verdana; 
color: #000;
line-height: 1.2em;
list-style-image: url(./dot.gif)
}
#left p{
font-size: 80% verdana; 
color: #000000;
line-height: 1.2em;
}
#right p {
font: 75% verdana; 
color: #000000;
line-height:1.2em;
margin: 0px 20px 0px 0px;
}
h1 {
color: #333333;
font: 110% verdana; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2 {font: 85% verdana; color: #000000;
margin: 0px 0px 0px 0px;
}
h3{
font:75% verdana; 
color: #000000;
margin: 0px 0px 0px 0px;
text-decoration: underline;
}
h4
{
font: 60% verdana; 
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.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:#000000;text-decoration:none }
a:visited {color:#000000; text-decoration:none}
a:active {color:#000000;text-decoration:none }
a:hover {color:#000000; text-decoration:underline}