html, body {
height: 100%;
}

body{
background-color: #fff;
margin: 0px auto;
width:800px;
text-align:center;
}

.arrowlistmenu{
width: 800px; /*width of menu*/
padding:40px 0px 0px 0px;
font-family:arial;
font-size:14px;
text-align:left;
color:#fff;
text-align:center;
}

.arrowlistmenu ul{
display: inline;
margin: 0;
padding: 0;
margin-top:20px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
display: inline;
padding-right: 15px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #f0f0f0;
background: url(cimages/dot_orange.gif) no-repeat center left; /*custom bullet list image*/
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
}

.arrowlistmenu ul li a:visited{
color: #f0f0f0;
}

.arrowlistmenu ul li a:hover{
background: url(cimages/dot_gray.gif) no-repeat center left; /*custom bullet list image*/
color: #f0f0f0;
}

.textbottom {
vertical-align:text-bottom;
} 

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

#content{
margin-top: 10px;
background-color: #292929;
width:800px;
font-family:arial;
font-size:14px;
}
#wrapper{
background-color:transparent;
margin:0px auto;
width:800px;
}
#banner{
width:800px;
height:206px;
}

#left{
margin:0px auto;
background-color: transparent;
font-family:arial;
font-size:14px;
width:230px;
text-align:left;
float:left;
line-height:24px;
padding:35px 0px 0px 0px;
}
#right{
margin:0px auto;
background-color: transparent;
font-family:arial;
font-size:14px;
color:#f0f0f0;
width:500px;
text-align:justify;
float:left;
line-height:24px;
padding:35px 0px 0px 0px;
}
#footer{
font-family:arial;
font-size:12pt;
width:800px;
color:#fafafa;
height:50px;
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 */