/*----------------------
use body.ie6 and body.ie7 as parent selectors for making IE-necessary changes to css
EXAMPLE:
#thisdiv {
	width:580px;
	padding:10px;
}
body.ie6 #thisdiv {
	width:600px;
}
DO NOT USE HACKS. CONDITIONAL COMMENTS WILL WORK FOR ALL PURPOSES
--------------------------*/

.calloutHighlight
{
	background-color: #ff8888;
}

html
{
	height:100%;
}

body{
	font-size:67.5%;
	padding:0;
	margin:0;
	height:100%;
}

body.bg{
	background:none;
}

#frame{
	min-height: 100%;
	position: relative;
}

img
{
	border: 0;
}

h2 {
	font: 2.4em Trebuchet MS;
	color: #533961;
	margin:0;
}

h3 {
	font-family:Trebuchet MS;
	font-size:1.5em;
	color:#533961;
}

ul li {
	margin-left:10px;
}

/*-----------------------------

		HEADER AREA

-----------------------------*/

#header
{
	background: url(images/header_bg.gif) repeat-x 0 0;
	height: 338px;
	border-bottom: 28px solid #dbdcc6;
}

#top_wrap
{
	width: 965px;
}

#logo
{
	width: 259px;
	height: 116px;
	background: url(images/logo_bg.gif) no-repeat 0 0;
	float: left;
}

#logo a
{
	display: block;
	width: 259px;
	height: 116px;
}

#nav
{
	float: left;
	height: 116px;
	background: #533961;
}

#nav_inner
{
	width: 700px;
	height: 17px;
	margin: 89px 0 0 5px;
}

#promo
{
	width: 839px;
}

#promo_left
{
	margin-left: 74px;
	float: left;
	width: 139px; 
	height: 219px;
	background: #9d0918;
	color: #f48181;
	font: 1.1em Arial;
	padding: 3px 0px 0px 7px;
}

body.ie6  #promo_left {
	margin-left:36px;
	padding-right:0;
}

#promo_right
{
	float: left;
	width: 569px;
	height: 222px;

}

/*-----------------------------

		MAIN AREA

-----------------------------*/

#main
{
	width: 822px;
	margin-top: 29px;
	background: url(images/main_bg.gif) repeat-y 294px 0;
	padding-bottom: 170px;
	display:block;
}

#main_left
{
	width: 203px;
	margin-left:74px;
	float: left;
}

body.ie6 #main_left {
	margin-left:37px;
}

#client_login
{
	background: #dbdcc6;
	width: 203px;
	height: 215px;
	font: 1.0em Verdana;
}

#client_login form
{
	padding: 0 0 0 10px;
}

#content_left
{
	padding-top: 34px;
	color: #827c7c;
	font: 1.1em Arial;
}

#main_right
{
	float: left;
	padding-left: 32px;
	width: 396px;
	font: 1.1em Arial;
	color: #827c7c;
}

#content_right
{
	width: 376px;
}

body.ie6 #content_right {

}

#main_logo
{
	float: left;
	width: 100px;
	padding: 40px 0 0 10px;
}

#signup_table h3 {
	margin:0;
	background-color:#C3C5A7;
	padding:5px 0 5px 8px;
}

#signup_table ul {
	margin:0;
	padding:10px;
}

#signup_table li {
	margin-left:15px;
	color:#000;
	font-weight:bold;
	list-style-image:url(images/purple_bullet.gif);
	line-height:1.8em;
}

body.ie6 #signup_table li {

}

#signup_table p {
	margin:0;
	padding:0 10px 10px 10px;
	background-color:#DBDCC6;
	line-height:1.8em;
	color:#000;
}

a#signup_button {
	height:36px;
	width:127px;
	display:block;
	background-image:url(images/signup_button.gif);
}

body.ie6 #buttonfix, body.ie7 #buttonfix
{
	padding-top: 10px;
	background-color:#DBDCC6;
}

body.ie7 #buttonfix2
{
	height: 10px;
	clear: both;
	background-color:#DBDCC6;
}


/*-----------------------------

		FOOTER AREA

-----------------------------*/

#footer
{
	position:absolute;
	bottom:0;
	width: 100%;
	padding: 17px 0 0 0;
	height: 84px;
	background: #e7e7dd;
}

#footer_inner
{
	margin-left: 150px;
	font:normal 1em Verdana;
	color: #7e7c7f;
	line-height: 15px;
	width: 640px;
	text-align:center;
}

/*-----------------------------

		LINKS AREA

-----------------------------*/

#nav_inner a:link, #nav_inner a:visited
{
	float: left;
	display: block;
	text-decoration: none;
	height: 17px;
}

a#home
{
	width: 47px;
	background: url(images/home.gif) no-repeat 0 0;
}

a#about
{
	width: 75px;
	background: url(images/about.gif) no-repeat 0 0;
}

a#faq
{
	width: 55px;
	background: url(images/faq.gif) no-repeat 0 0;
}

a#find
{
	width: 162px;
	background: url(images/find.gif) no-repeat 0 0;
}

a#state_info
{
	width: 128px;
	background: url(images/state_info.gif) no-repeat 0 0;
}

a#signup
{
	width: 76px;
	background: url(images/signup.gif) no-repeat 0 0;
}

a#contact
{
	width: 99px;
	background: url(images/contact.gif) no-repeat 0 0;
}

#nav_inner a:hover
{
	background-position: 0 -17px;
}

#client_login a
{
	color: #848565;
	text-decoration: none;
	font-weight: bold;
}

#footer a, #footer a:active, #footer a:visited
{
	font-weight:bold;
	color: #533961;
	text-decoration: none;
}

#footer a:hover {
	text-decoration:underline;
}

/*-----------------------------

		SUB PAGES

-----------------------------*/

#sub_header
{
	height: 259px;
	background: url(images/sub_header_bg.gif) repeat-x 0 0;
	border-bottom: 31px solid #dbdcc6;
}

#sub_promo
{
	width: 860px;
}

#sub_promo_left
{
	margin-left: 74px;
	float: left;
	width: 196px;
	height: 143px;
	background: #9d0918;
}

body.ie6 #sub_promo_left{
	margin-left:37px;
}

#sub_promo_right
{
	float: left;
	width: 584px;
	height: 143px;
}

#sub_main
{
	padding: 0 0 0 38px;
	background: url(images/main_bg.gif) repeat-y 249px 0;
	padding-bottom: 170px;
	width: 833px;
}

#sub_main_left
{
	width: 208px;
	border-bottom: 1px solid #e7e7dd;
	float: left;
}

#sub_main_left a, #sub_main_left a:active, #sub_main_left a:visited {
	display:block;
	text-decoration:none;
	color:#533961;
}

#sub_main_left a:hover {
	text-decoration:underline;
}

#sub_main_right
{
	float: left;
	padding: 20px 0 0 19px;
	width: 568px;
	font: 1.1em Arial;
	color: #827c7c;
}
/*******************************/

#state_main
{
	border: 1px solid #aeaf99;
	margin: 0px 0 16px 41px;
	padding: 13px 26px 43px 16px;
	width: 760px;
	font: 1.1em Arial;
	color: #827c7c;
}

#state_main_left
{
	width: 380px;
	float: left;
}
#state_main_right
{
	display:block;
	width: 292px;
	border: 2px solid #e1e0da;
}

#state_title
{
	font: bold 1.3em Verdana;
	color: #7e805e;
}

#state_main_right_title
{
	display: block;
	background: #f8f7f1;
	border-top: 5px solid #e1e0da;
	height: 23px;
	font: bold 1.2em Verdana;
	padding: 5px 0 0 12px;
	color: #867e62;
}

#state_main_title
{
	font-size:1.1em;
	padding: 10px 0 0 60px;
}

#wrapper {
	padding-bottom: 100px;
}

div#dnn_leftpane {
	color:#827C7C;
	font-family:arial, verdana, sans-serif;
	font-size:1.1em;
}

div#dnn_leftpane h2 {
	color:#848565;
	font:bold 1.4em arial;	
}

#sub_registration {
	margin-left:36px;
	/*border:1px solid #ACB097;*/
	width:568px;
}

#sub_registration #dnn_contentpane
{
	width: 600px;
	margin-left: 50px;
}

.sub_registration_floatbox 
{
	font:normal 1.1em arial, helvetica, sans-serif;
	float:left;
	width:280px;
}

.sub_registration_floatbox h2 {
	font:bold 1.1em arial, helvetica, sans-serif;
	color:#35174D;
	border-bottom:1px dashed #6A6A6A;
	line-height:1.8em;
	margin-top:6px;
}

.sub_registration_floatbox textarea {
	margin-top:6px;
	width:210px;
	border:1px solid #D9D9D7;
}

.sub_registration_inputs {
	text-align:left;
}

.sub_registration_inputs input[type="text"] {
	margin-top:6px;
	width:120px;
	border:1px solid #D9D9D7;
}

.reg_textbox {
	margin-top:6px;
	width:120px;
	border:1px solid #D9D9D7;
}

.sub_registration_inputs input[type="password"] {
	margin-top:6px;
	width:120px;
	border:1px solid #D9D9D7;
}

.sub_registration_buttons {
	margin-top:40px;
	text-align:right;
	margin-bottom:16px;
}

.sub_registration_buttons input {
	font:normal 1.1em arial, helvetica, sans-serif;
	width:100px;
}

/*-----------------------------

		GENERIC CLASSES

-----------------------------*/

.hide{
	display : none;
}

.clear{
	clear : both;
}

span.False{
	display:none
}

.promo_title
{
	font: 1.4em HelvCondensed;
	color: #fff;
	display: block;
	margin-bottom: 5px;
}

.login_title
{
	background: #bcbda1 url(images/client_login_bg.gif) no-repeat 0 0;
	height: 18px;
	display: block;
	padding: 15px 0 0 9px;
	font: 1.6em HelvCondensed;
	color: #848565;
}

.sign_up
{
	display: block;
	width: 127px;
	height: 36px;
	background: url(images/sign_up.gif) no-repeat 0 0;
}

.class
{
	border-top: 1px solid #e1e0da;
	margin: 8px 2px 15px 3px;
	padding: 10px 0 0 20px; 
}
.class .date
{
	color: #000;
	font-weight: bold;
}
.class .class_title
{
	font-weight: bold;
	color: #7e805e;
}

/*-----------------------------

		CONTAINERS

-----------------------------*/


/*-----------------------------

		USER.CSS CLASSES

-----------------------------*/

.contactform {
	display:block;
	clear:both;
}

.contactform input {
	float:left;
}

.content_left_title
{
	font: bold 1.5em HelvCondensed;
	color: #848565;
}

.content_right_title
{
	font: bold 1.4em Trebuchet MS;
	color: #533961;
	line-height: 15px;
}

.more a
{
	display: block;
	text-align: right;
	font: bold .9em Verdana;
	text-decoration: underline;
	color: #a4825f;
}

.more2 a
{
	font: bold .9em Verdana;
	text-decoration: underline;
	color: #a4825f;
}

.sub_main_right_title
{
	color: #533961;
	font: 2.3em Trebuchet MS;
}

 .password_area
 {
 	/*background: #f8f7f2;*/
 	background: #f8f4e2;
 }