body	{ 
	margin: 0px;
	background: #DFDFDF;
	font-family: candara, arial, helvetica, sans;
	font-size: 90%;
	color: #000000;
	}

h1 {
	font-family: verdana, arial, helvetica, sans;
	font-size: 16px;
	color: #FD6909;
	margin-bottom: 0px;
	}

h2 {
	font-family: verdana, arial, helvetica, sans;
	font-size: 14px;
	color: #3B5997;
	margin: 0px;
	}



.red, .required {
	color: #FF0000;
	}

.green {
	color: #008000;
	}

.orange {
	color: #E17100;
	}

#error {
	color: #FF0000;
	}

p.note { font-size: 11px; font-style: italic; color: #000000; }

.wrapper {	background: url("../images/body_bg.jpg") top center; }

/*Navigation Styles*/
#header_sm { background: url("../images/header_sm.jpg") top center; height: 123px; }
#header_sm .container { margin: auto; width: 800px; text-align: right;}
#nav { background: url("../images/nav_bg.jpg"); height: 42px; border-top: 1px solid #8198CA; border-bottom: 1px solid #8198CA; }
#nav .container { width: 800px; display: block; margin: auto; }
#nav ul { list-style-type: none; padding: 0px; margin: 0px; }

#nav li.home { float: left; width: 90px; text-align: center; height: 42px;}
#nav li.home_on { float: left; width: 90px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.home { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.home:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.testimonials { float: left; width: 90px; text-align: center; height: 42px;}
#nav li.testimonials_on { float: left; width: 90px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.testimonials { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.testimonials:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.pricing { float: left; width: 100px; text-align: center; height: 42px;}
#nav li.pricing_on { float: left; width: 100px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.pricing { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.pricing:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.support { float: left; width: 120px; text-align: center; height: 42px;}
#nav li.support_on { float: left; width: 120px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.support { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.support:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.partners { float: left; width: 100px; text-align: center; height: 42px;}
#nav li.partners_on { float: left; width: 100px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.partners { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.partners:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.aboutus { float: left; width: 90px; text-align: center; height: 42px;}
#nav li.aboutus_on { float: left; width: 90px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.aboutus { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.aboutus:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.contact { float: left; width: 100px; text-align: center; height: 42px;}
#nav li.contact_on { float: left; width: 100px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.contact { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.contact:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#nav li.signup { float: left; width: 110px; text-align: center; height: 42px;}
#nav li.signup_on { float: left; width: 110px; text-align: center; height: 42px; background: url("../images/nav_bg_a_on.jpg"); }
#nav a.signup { display: block; padding-top: 10px; height: 32px; color: #ffffff; font-size: 14px; text-decoration: none;}
#nav a.signup:hover { background: url("../images/nav_bg_a_over.jpg"); padding-top: 10px;}

#quote .header { background: url("../images/latestnews.jpg") no-repeat;  height: 77px; margin: 0px; }
#quote .footer { background: url("../images/latestnews_bottom.jpg") no-repeat;  height: 18px; margin: 0px; }
#quote { background: url("../images/latestnews_bg.jpg") repeat-y; font-size: 12px; font-style: italic; }
#quote .content { width:220px;  margin: auto; }

#services { background: url("../images/services_container.jpg") repeat-y;}
#services .header { background: url("../images/services_top.jpg") no-repeat;  height: 40px; margin: 0px; }
#services .getstarted { background: url("../images/getstarted.jpg") no-repeat;  height: 40px; margin: 0px; }
#services .footer { background: url("../images/services_bottom.jpg") no-repeat;  height: 20px; margin: 0px; }
#services .content { padding: 10px;}
#services h3 { font-size: 14px; margin: 3px;}
#services p { font-size: 12px; margin: 5px;}
#services .features ul { list-style-image: url("../images/features_grey.jpg"); }
#services .step1 { background: url('../images/step1.jpg') left top no-repeat; padding-left: 22px; padding-bottom: 10px;}
#services .step2 { background: url('../images/step2.jpg') left top no-repeat; padding-left: 22px; padding-bottom: 10px;}
#services .step3 { background: url('../images/step3.jpg') left top no-repeat; padding-left: 22px; padding-bottom: 10px;}
#services .step4 { background: url('../images/step4.jpg') left top no-repeat; padding-left: 22px; padding-bottom: 10px;}

.features { display: block; }
.features ul { list-style-image: url("../images/features.gif"); }
.features li { margin-bottom: 5px; }
.features .title { color: #1B2948; font-weight: bold; }
.features p { font-size: 11px; }


#school { display: block;}
#school .leftcol { float: left; width: 500px; padding-left: 10px; padding-right: 10px; }
#school .rightcol { float: right; margin-right: 4px; width: 276px; }
#school a { text-decoration: none; color: #0000FF; }
#school a:hover { color: #414141; text-decoration: underline;}

#download { display: block; text-align: center; }
#download a { padding-left: 15px; background: url('../images/download.jpg') no-repeat; text-decoration: none; color: #0000FF; }
#download a:hover { background: url('../images/download_over.jpg') no-repeat; color: #414141; text-decoration: underline; }

#wrapper_index { width: 800px; margin: auto; background: url("../images/index_bg.jpg") no-repeat; min-height: 80px; }
#wrapper_index .leftcol { float: left; width: 500px; padding-left: 10px; padding-right: 10px; padding-top: 100px; }
#wrapper_index .rightcol { float: right; margin-top: 50px; margin-right: 4px; width: 276px; }
#wrapper_index a, #wrapper_pricing a, #wrapper_features a, #wrapper_screen a { text-decoration: none; color: #000080;}
#wrapper_index a:hover, #wrapper_pricing a:hover, #wrapper_features a:hover, #wrapper_screen a:hover { text-decoration: underline; color: #FF8000;}

#wrapper_screen { width: 780px; margin: auto; background: url("../images/screenshots_bg.jpg") no-repeat; padding-top: 100px; padding-left: 10px; padding-right: 10px; }
#wrapper_screen .leftcol { float: left; width: 390px; text-align: center; }
#wrapper_screen .rightcol { float: right; width: 390px; text-align: center; }
#wrapper_screen img { margin: 10px; }

#wrapper_products { width: 780px; padding-top: 100px; padding-left: 10px; padding-right: 10px; margin: auto; background: url("../images/products_bg.jpg") no-repeat; }

#wrapper_features { width: 780px; padding-top: 100px; padding-left: 10px; padding-right: 10px; margin: auto; background: url("../images/features_bg.jpg") no-repeat;}

#wrapper_hoaexpert { width: 780px; padding-top: 100px; padding-left: 10px; padding-right: 10px; margin: auto; background: url("../images/hoaexperthowto_bg.jpg") no-repeat;}

#wrapper_pricing { width: 780px; margin: auto; background: url("../images/pricing_bg.jpg") no-repeat; padding-top: 100px; padding-left: 10px; padding-right: 10px;}

#wrapper_legal { width: 780px; margin: auto; background: url("../images/legal_bg.jpg") no-repeat; padding-top: 100px; padding-left: 10px; padding-right: 10px;}

#aboutus {
	width: 780px;
	margin: auto;
	background: url("../images/aboutus_bg.jpg") no-repeat;
	min-height: 200px;
	padding-top: 80px;
	padding-left: 10px;
	padding-right: 10px;
	}
#wrapper_pricing table {
	width: 100%;
	margin: auto;
	}

#wrapper_pricing td {
	border: 1px solid #C0C0C0;
	padding: 2px;
	}

#testimonials {
	width: 780px;
	margin: auto;
	background: url("../images/testimonials_bg.jpg") no-repeat;
	min-height: 80px;
	padding-top: 80px;
	padding-left: 10px;
	padding-right: 10px;
	}

#support {
	width: 780px;
	margin: auto;
	background: url("../images/support_bg.jpg") no-repeat;
	min-height: 80px;
	padding-top: 100px;
	padding-left: 10px;
	padding-right: 10px;
	}

#support .leftcol {
	float: left;
	width: 250px;
	}

#support .rightcol {
	float: right;
	width: 530px;
	}

#wrapper_partners {
	width: 780px;
	margin: auto;
	background: url("../images/partners_bg.jpg") no-repeat;
	min-height: 80px;
	padding-top: 80px;
	padding-right: 10px;
	padding-left: 10px;
	}



#wrapper_contactus {
	width: 780px;
	margin: auto;
	background: url("../images/contactus_bg.jpg") no-repeat;
	min-height: 80px;
	padding-top: 90px;
	padding-left: 10px;
	padding-right: 10px;
	}

#wrapper_contactus .leftcol {
	float: left;
	width: 250px;
	}

#wrapper_contactus .rightcol {
	float: right;
	width: 515px;
	padding-left: 15px;
	}

#wrapper_signup {
	width: 780px;
	margin: auto;
	background: url("../images/signup_bg.jpg") no-repeat;
	min-height: 200px;
        padding-top: 80px;
        padding-left: 10px;
        padding-right: 10px;
	}

#wrapper_signup .leftcol {  float: left; width: 485px; padding-right: 15px;}
#wrapper_signup .rightcol { float: right; width: 280px; }

#fees {
	
	}

#fees h4 {
	margin: 0px;
	}

#fees .left {
	float: left;
	width: 320px;
	padding-bottom: 15px;
	}

#fees .right {
	float: right;
	text-align: right;
	width: 120px;
	}

#checklist {

	}

#checklist .left {
	float: left;
	width: 220px;
	padding-bottom: 15px;
	}

#checklist .right {
	float: right;
	width: 220px;
	}



#footer { background: #DFDFDF url("../images/divider.jpg") top center no-repeat; height: 100px;}
#footer .container { margin: auto; width: 800px; padding-top: 30px; font-family: arial, helvetica, sans; font-size: 11px;}
#footer .leftcol { float: left; width: 400px;}
#footer .rightcol { float: right; width: 400px; text-align: right;}
#footer a { color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }