/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 850px;
	font-family: Arial, Helvetica,  sans-serif;
	background-color: #f3f3f3;
	}

sup
{
font-size: 10px;

}

p form h1 h2 table
{
margin: 0;
padding: 0;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 850px;
height: auto;
}

#main
{
width: 850px;
height: auto;
float: left;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-color:#FFFFFF;
}

#header
{
width: 850px;
height: 108px;
float: left;
background: url(images/header.jpg) top center no-repeat;
overflow: hidden;
}

.line
{
width: 850px;
height: 1px;
float: left;
border-bottom: 1px solid #999999;
margin: 10px 0 10px 0;
overflow: hidden;
}

.flright
{
float: right;
margin: 10px;

}

.clear
{
clear:both;
}

/* --- HOME MIDDLE --- */

#homemiddle
{
width: 315px;
height: auto;
float: left;
padding-top: 20px;
}

#homemiddle h1
{
font-size: 18px;
margin: 0;
padding: 0;
}

#homemiddle h2
{
font-size: 14px;
margin: 0;
padding: 0;
}

#homemiddle p
{
font-size: 14px;
margin: 10px 0 10px 0;
}

#homemiddle a
{
font-size: 14px;
color: #000000;
text-decoration: underline;
}

#homeright
{
width: 325px;
height: auto;
float: left;
padding-left: 20px;
padding-top: 20px;
}

.treatbox
{
width: 325px;
height: 90px;
float: left;
}

.treatimage
{
width: 125px;
height: 85px;
float: left;
overflow: hidden;
}

.treattext
{
width: 199px;
height: 85px;
float: left;
}

.treattext h1
{
margin: 5px 0 0 5px;
padding: 0;
font-size: 16px;
color:#FFFFFF;
}

.treattext h1 a
{
color:#FFFFFF;
text-decoration: none;
}

.treattext h1 a:hover
{
text-decoration: underline;
}

.treattext p
{
margin: 2px 5px 0 5px;
padding: 0;
font-size: 11px;
color: #FFFFFF;
}

.treattext p a
{
color:#FFFFFF;
text-decoration: none;
}

.treattext p a:hover
{
text-decoration: underline;
}

#bluebox
{
background: url(images/bluebox.jpg) top left no-repeat;
}

/* --- MAIN --- */

#rightcontent
{
width: 650px;
height: auto;
float: left;
padding-top: 20px;
}

#rightcontent h1
{
font-size: 18px;
margin: 0 0 10px 0;
padding: 0;
}

#rightcontent h2
{
font-size: 16px;
margin: 0 0 10px 0;
padding: 0;
}

#rightcontent p
{
font-size: 12px;
margin: 10px 0 10px 0;
}

#rightcontent p a
{
color: #000000;
}

#rightcontent ul
{
margin: 0 0 0 15px;
padding: 0;
font-size: 12px;
}



.bluetext
{
color: #93b3be;
}
/* --- BEFORE --- */

.bboxtext
{
width: 180px;
height: 15px;
float: left;
text-align: center;
}

.bbox
{
width: 380px;
height: auto;
float: left;
border: 1px solid #cccccc;
margin: 0 0 10px 0;
padding-bottom: 5px;
}

.bbox img
{
margin: 0;
padding: 5px;
float: left;
text-align: left;
}

.bbtext
{
width: 200px;
height: auto;
float: left;
padding-left: 20px;
}

.bbox-small
{
width: 290px;
height: auto;
float: left;
border: 1px solid #cccccc;
margin: 0 0 10px 0;
padding-bottom: 5px;
}

.bboxtextsmall
{
width: 140px;
height: 15px;
float: left;
text-align: center;
}

.bbox-small img
{
margin: 0;
padding: 5px;
float: left;
text-align: left;
}

.bbox-larger
{
width: 450px;
height: auto;
float: left;
border: 1px solid #cccccc;
margin: 0 0 10px 0;
padding-bottom: 5px;
}

.bboxtextlarge
{
width: 220px;
height: 15px;
float: left;
text-align: center;
}

.bbox-larger img
{
margin: 0;
padding: 5px;
float: left;
text-align: left;
}


/* --- NAV --- */

#nav
{
width: 843px;
height: 35px;
float: left;
padding-left: 7px;
padding-top: 7px;
padding-bottom: 5px;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

.button
{
width: 154px;
height: 32px;
float: left;
background: url(images/button.jpg) top left no-repeat;
margin: 0 6px 0 6px;
text-align: center;
line-height: 30px;
}

.button a
{
font-size: 14px;
color:#000000;
text-decoration: none;
}

.button a:hover
{
text-decoration: underline;

}

/* --- LEFTNAV --- */

#leftnav
{
width: 160px;
height: auto;
float: left;
padding-top: 20px;
padding-right: 20px;
}

.leftnavlink
{
width: 150px;
height: 28px;
float: left;
border-top: 1px solid #767676;
line-height: 27px;
padding-left: 10px;
font-size: 14px;
}

.leftnavlink a
{
color: #767676;
text-decoration: none;
font-size: 12px;
padding: 0;
}

.leftnavlink a:hover
{
color:#000000;
}


/* --- FOOTER --- */

#footer
{
width: 852px;
height: 30px;
float: left;
background-color: #7c7c7c;
line-height: 29px;
}

#footer p
{
margin: 0;
padding: 0;
font-size: 16px;
color: #FFFFFF;
text-align: center;
}

#otherlinks
{
width: 852px;
height: 30px;
float: left;
line-height: 29px;
}

#otherlinks p
{
margin: 0;
padding: 0;
font-size: 10px;
color: #000000;
text-align: center;
}

#otherlinks p a
{
text-decoration: none;
color: #000000;
}


#cleft
{
width: 200px;
height: auto;
float: left;
}

#cright
{
width: 200px;
height: auto;
float: right;
}


#contactForm .left, #contactForm .right {
	width:88%;
	float:left;
}

#contactForm .formItem,
#contactForm .formButtons {
	margin:5px;
}

#contactForm .formItem {
	padding:5px 0;
}

#contactForm .formItem p.error {
	margin:0;
	font-size:90%;
}

#contactForm .formItem label {
	font: 12px Arial;
	color:#000000;
}

#contactForm .formItem input, select,
#contactForm .formItem textarea {
	width:95%;
	background:#ebebeb;
}

#contactForm .formButtons {
	text-align:right;
	padding-right:4%;
}

#contactForm .formItem.checkbox input {
	width: auto;
}