html, body {
height: 100%;
}

body{
background-color: #5b998c;
margin:0px auto;
width:640px;
text-align:center;
}

img{
border:0;
vertical-align:middle;
}

h1{
text-align:left;
font-family:arial;
font-size:1em;
font-weight:bold;
color:#7cc0b9;
}
.h2{
padding:0px 0px 20px 0px;
text-align:center;
font-family:arial;
font-size:1em;
font-weight:bold;
color:#7cc0b9;
}
.h3{
padding:0px 0px 5px 0px;
text-align:left;
font-family:arial;
font-size:1em;
font-weight:bold;
color:#7cc0b9;
}

#content{
background: url(pieces/contentbg.png) repeat-y;
margin-top:20px;
width:640px;
font-family:arial;
font-size:14px;
}
#wrapper{
background-color:transparent;
margin:0px auto;
width:640px;
}
#banner1{
width:640px;
height:32px;
}
#banner2{
width:640px;
height:87px;
}
#banner3{
width:640px;
height:56px;
}
#left {
margin:0px auto;
background-color: transparent;
font-family:arial;
font-size:12px;
width:385px;
height:500px;
text-align:left;
color:#000;
float:left;
line-height:14px;
padding:0px 0px 0px 0px;
}
td{
font-family:arial;
font-size:12px;
text-align:left;
color:#000;
line-height:16px;
}
a.left_link:link,a.left_link:active,a.left_link:visited {
background-color:transparent;
font-family:arial;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#555;
}
a.left_link:hover {
background-color:#5b998c ;
font-family:arial;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#fff;
}
#right{
margin:0px auto;
background-color: transparent;
font-family:arial;
font-size:14px;
color:#444;
width:250px;
text-align:justify;
float:left;
line-height:24px;
padding:0px 0px 0px 0px;
}
#cright{
margin:0px auto;
background-color: transparent;
font-family:arial;
font-size:14px;
color:#444;
width:235px;
text-align:justify;
float:left;
line-height:24px;
padding:0px 0px 0px 15px;
}
.copy{
font-family:arial;
font-size:14px;
color:#444;
text-align:left;
line-height:20px;
padding:10px;
}
.partial{
font-family:arial;
font-size:16px;
color:#777;
text-align:center;
padding:10px 0px 5px 0px;
}
#footer{
background-color: #5b998c;
font-family:arial;
font-size:12pt;
width:640px;
color:#444;
height:30px;
text-align:left;
}

div.docBlock {
	margin-bottom: 2em;
	min-width: 600px;
	padding: 0.8em !important;
}

div.docBlock .code {
	background-color: #FFFDE8;
	border-color: #003366;
	border-style: solid;
	border-width: 0.1em;
	color: #333333;
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 130%;
	margin: 1em;
	padding: 1em;
}

div.docBlock table {
	background-color: #7E9FDA;
	width: 100%;
}

div.docBlock td {
	background-color: #FFFDDD;
	padding: 0.2em;
	vertical-align: top;
}

div.docBlock, fieldset, input, textarea {
	border: 0.1em;
	border-color: #7E9FDA;
	border-style: solid;
	/* padding: 0.1em; */
}

fieldset {
	padding: 1em;
}

input {
	margin: 0.1em;
}

input.invalid, textarea.invalid {
	background-color: #FFE813;
	border: 0.1em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0.1em !important;
}

input.invalid:focus, textarea.invalid:focus {
	background-color: #FFE813;
	border: 0.2em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0 !important;
}

input:focus, textarea:focus {
	background-image: none;
	border: 0.2em;
	border-color: #7E9FDA;
	border-style: solid;
	margin: 0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
	border: 0;
	margin: 0.1em;
}

legend {
	background-color: #FFFFFF;
	border: 0.1em;
	border-color: #7E9FDA;
	border-style: solid;
	color: #3362B4;
	font-weight: bold;
	padding: 0.5em;
}

.boxes {
	border: none;
}

.required {
	background-image: url(required.gif);
	background-position: right;
	background-repeat: no-repeat;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from ie-mac */