/* CSS Document */

/************ RESET *************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	background: url(images/header_bg.gif) repeat-x;
	background-color: #8E9971;
	color: black;
	line-height: 1;
}

ol, ul {
	list-style: none;
}

#container {
	margin: auto;
	width: 808px;
}

#clear { clear: both; }

/************************** HEADER ****************************/
#header {
	background: url(images/banner.jpg) no-repeat;
	height: 241px;
	width: 808px;
}

/************************* MAIN ****************************/
#main {
	background: url(images/content_bg.gif) repeat-y;
	height: auto;
	min-height: 500px;
	width: 808px;
}

#main_footer {
	background: url(images/content_footer.gif) no-repeat;
	height: 22px;
	width: 808px
}

/************************** CONTENT ******************************/
#content {
	border: 1px solid #000;
	float: left;
	height: auto;
	_height: 400px;
	margin: 15px 0px 0px 15px;
	_margin: 7px 0px 0px 7px;
	min-height: 400px;
	width: 418px;
}

/************************* NAVIGATION *************************/
#navigation {
	background: url(images/nav_bg.gif) repeat-x;
	border-bottom: 1px solid #000;
	_border-bottom: none;
	height: 41px;
	width: 418px;
}

#menu {
	background: url(images/menu_bg.gif) no-repeat;
	height: 42px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	*padding: 2px 0px 0px 0px;
	_padding: 10px 0px 0px 0px;
	width: 418px;
}

#menu ul {
	margin: 0px 0px 0px 4px;
	*margin: 0px 0px 0px -8px;
	_margin: 4px 0px 0px -8px;
}

#menu li {
	border-right: solid 1px #FFF;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 200;
	line-height: 35px;
	*line-height: 39px;
	_line-height: 20px;
	margin: 0px 0px 0px 0px;
	*margin: 0px -8px 0px 4px;
	_margin: 0px -8px 0px 4px;
	padding: 11px 0px 9px 0px;
	*padding: 10px 0px 6px 0px;
	_padding: 0px 0px 0px 0px;
}

#menu .last_child { border-right: none; }
#menu li a {
	color: white;
	text-decoration: none;
	margin: 0px 0px 1px -4px;
	*margin: -7px -5px 0px 4px;
	padding: 11px 14px 9px 14px;
	*padding: 12px 14px 10px 14px;
	_padding: 9px 14px 10px 14px;
}
#menu li a:hover { background-color: #333399; }

/*********************** TEXT *************************/
#text, #text_programs { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#text h1, #text_programs h1 { font-size: 1.7em; font-weight: bold; padding: 1.2em 0em 0.1em 0.5em }
#title_underline { background: url(images/title_underline.gif) no-repeat; height: 2px; margin: 0px 0px 0px 3px; padding: 0em 0em 0.7em 0em; _padding: 0em; width: 398px; }
#text p, #text_programs p { line-height: 1.3em; padding: 0.5em 1em 0.5em 1.4em; }
#text ul { padding: 0px 0px 0px 60px; }
#text li {
	line-height: 1.3em;
	list-style-type: disc;
	padding: 2px 0px 2px 0px;
}
#text_programs ul { padding: 0px 0px 0px 25px; }
#text_programs li {
	line-height: 1.2em;
	list-style-type: disc;
	padding: 2px 10px 2px 0px;
}
#text_programs h2 { font-size: 1.2em; font-weight: bold; padding: 10px 0px 5px 5px; }


/********************* FORM *************************/
#form {
	float: right;
	height: auto;
	margin: 0px 15px 0px 0px;
	_margin: 0px 7px 0px 0px;
	width: 347px;
	_width: 348px;
}

#form_header {
	background: url(images/form_header.gif) no-repeat;
	height: 120px;
	width: 347px;
}

#form_content {
	background: url(images/form_bg.gif) repeat-y;
	height: auto;
	_height: 150px;
	min-height: 150px;
	width: 347px;
}

#form_footer {
	background: url(images/form_footer.gif) no-repeat;
	height: 12px;
	width: 347px;
}

#form_content {
	background: url(images/form_bg.gif) repeat-y;
	color: #FFF;
	height: auto;
}

#form_content p {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 5px 10px;
	text-align: center;
}

#form_footer {
	background: url(images/form_footer.gif) no-repeat;
	height: 22px;
}

#step1 p { font-size: 16px; text-align: left; }
#step2 p { font-size: 16px; text-align: left; }
.step {
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 25px;
	text-align: left;
	width: 260px;
}

#spacer { padding: 20px 0px 0px 0px; }
#form_spacer { padding: 5px; }
label { 
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	_font-size: 13px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	*padding: 2px;
	text-align: right;
	width: 39%;
	_width: 37%;
}

#step1 label {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	_font-size: 13px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	*margin: 0px 10px 0px 30px;
	_margin: 0px 5px 0px 15px;
	padding: 0px 0px 4px 30px;
	*padding: 2px;
	text-align: left;
	width: 70%;
}

#phone_input label { margin: 4px 10px 0px 0px; }
input,select {
	border: solid 1px #666;
	float: left;
	font-size: 12px;
	margin: 0px 0px 6px 0px;
}

#step1 select {
	margin: 0px 0px 6px 50px;
}

input {
	background-color: #CCCCCC;
	font-size: 13px;
	padding: 2px 0px 2px 3px;
}

#form span {
	color: #BEA24C;
	font-size: 16px;
}

#step2, #step1 { margin: 0px 0px 0px 5px; }
#step2 { _margin: 0px -20px 0px 0px; }
#step2 .phone_example {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	margin: 0px 0px 0px 105px;
	*margin: 0px 1px 0px 70px;
	padding: 0px 0px 5px 0px;
	*padding: 0px 35px 5px 0px;
	text-align: center;
	*text-align: right;
	width: 50%;
}

#continue {
	border: none;
	margin: 0px 15px 0px 0px;
}

#submit {
	border: none;
	margin: 0px 0px 0px 20px;
}

.hidden {
	border-right: 1px solid #34335D;
	float: left;
	height: 19px;
	*height: 19px;
	margin-bottom: 3px;
	overflow: hidden;
	width: 310px;
	*width: 300px;
}

.hidden input { margin: 0px; }
.required {
	color:#0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 15px 0px 0px;
	text-align: right;
}

input:focus, input.sffocus {
	background-color: #FFF;
	border: 1px solid #8E9971;
}

#form .button input { background-color: #34335D; }
#phone_input { padding: 0px 0px 2px 0px; }
#phone_input input {
	margin: 2px 2px 6px 0px;
	padding: 2px;
}

/************** FOOTER **************/
#footer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0px 10px 0px;
	text-align: center;
	width: 808px;
}

#footer li {
	border-right: 1px solid #000;
	display: inline;
	padding: 0px 10px 0px 6px;
	*padding: 0px 8px 0px 10px;
}

#footer .lastchild { border-right: none; }
#footer p { padding: 7px 0px 0px 0px; }
#footer a { color: #0000FF; }
#footer a:hover { color: #8A4500; }