/*********** LAYOUT *************/

/*** Main Layout ***/

#wrapper {
	width: 970px;
	padding: 10px;
	margin: 0px auto 0px auto;
	height: auto;
	text-align: left;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
}

/*** Header and Main Nav ***/

#header{
	height:188px;
	position:absolute;
	top:0;
	margin-top:15px;
	width:974px;
}

#header #image-logo span, #name-logo span {
	visibility: hidden;
}

ul#navigation {
	background: url(/img/bg-blue-nav.gif) left top no-repeat;
	height:50px;
	position: absolute;
	left: 47px;
	top: 119px;
	width: 880px;
	padding-left: 0px !important;
}

ul#navigation li {
	float:left;
	list-style-type:none;
}
ul#navigation li a {
	text-decoration: none;
	display:block;
	height: 50px;
	text-align:center;
}
ul#navigation li#nav-1 a {
	background: url(/img/bg-nav.gif) no-repeat scroll -12px -58px;
	width:90px;
	margin-left:12px;
}
ul#navigation li#nav-1 a:hover,#navigation li#nav-home a.current_page_item{
  background: url(/img/bg-nav.gif) no-repeat scroll -12px top;
}
ul#navigation li#nav-2 a {
  background: url(/img/bg-nav.gif) no-repeat scroll -102px -58px;
  width:142px;
}
ul#navigation li#nav-2 a:hover,#navigation li#nav-autism a.current_page_item,ul#navigation li#nav-autism a.current_page_ancestor {
  background: url(/img/bg-nav.gif) no-repeat scroll -102px top;
}
ul#navigation li#nav-3 a {
  background: url(/img/bg-nav.gif) no-repeat scroll -244px -58px;  
	width:180px;
}
ul#navigation li#nav-3 a:hover,#navigation li#nav-our-services a.current_page_item,ul#navigation li#nav-our-services a.current_page_ancestor {
  background: url(/img/bg-nav.gif) no-repeat scroll -244px top;  
 }
ul#navigation li#nav-4  a {
  background: url(/img/bg-nav.gif) no-repeat scroll -424px -58px;
	width:147px;
}
ul#navigation li#nav-4  a:hover,#navigation li#nav-our-products a.current_page_item,ul#navigation li#nav-our-products a.current_page_ancestor {
  background: url(/img/bg-nav.gif) no-repeat scroll -424px top;
}
ul#navigation li#nav-5  a {
	background: url(/img/bg-nav.gif) no-repeat scroll -571px -58px; 
	width:160px;
}
ul#navigation li#nav-5  a:hover,#navigation li#nav-testimonials a.current_page_item,ul#navigation li#nav-testimonials a.current_page_ancestor {
	background: url(/img/bg-nav.gif) no-repeat scroll -571px top; 
}
ul#navigation li#nav-6  a {
  background: url(/img/bg-nav.gif) no-repeat scroll -731px -58px;
	width:145px;
}
ul#navigation li#nav-6  a:hover,#navigation li#nav-information-for-professionals a.current_page_item,ul#navigation li#nav-information-for-professionals a.current_page_ancestor {
  background: url(/img/bg-nav.gif) no-repeat scroll -731px top;
}

ul#navigation li span {
	visibility: hidden;
}
/* end header */


/*** CONTENT ***/


#container {
padding: 0px;
margin: 190px 0px 0px 0px;
height: 1%;
width: auto;
}


/*** Left Column ***/

#left {
margin: 0px;
width: 167px;
padding: 10px 10px 10px 10px;
float: left;
}

#nav {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

#nav li {
	padding: 5px 0px 5px 0px;
	display: block;
	background-attachment: scroll;
	background-image: url(../img/bullet_nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	border-bottom: 1px solid #ddd;
}

#nav li a:link, #nav li a:visited, #nav li a:active {
color: #666;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 15px 3px 15px;
width: 150px;
}

#nav li a:hover {
color: #999;
text-decoration: underline;
}

/*** Center Column ***/

#center {
height: auto;
width: 560px;
padding: 10px 5px 10px 10px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.3em;
}

.lefttable { float: left; margin: 0px 0px 0px 0px; font-size: 12px;}
.righttable {float: right; margin: 0px 0px 0px 0px;}

div#toplink {text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; width: 80%; margin: -45px auto 20px auto; font-size: 80%;}





/*** Right Column ***/

#right {
padding: 10px 0px 20px 10px;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
}


/** Opt In Forms **/
div#optin-form-full {background-image: url(../signup_form_85.jpg); background-repeat: no-repeat; height: 510px; width: 170px;}
div#optin-form-full form {padding: 331px 0 0px 10px; margin-bottom: 10px;}
div#optin-form-full label { font: bold 10px Verdana; color: #FFF; margin: 0; }
div#optin-form-full input {margin: 3px 0px 5px; padding: 1px 2px; font-size: 12px;}

div#optin-form-basic {background-image: url(/img/optin_basic.jpg); background-repeat: no-repeat; height: 314px; width: 170px;}
div#optin-form-basic form {padding: 140px 0 0px 10px; margin-bottom: 10px;}
div#optin-form-basic label { font: bold 10px Verdana; color: #FFF; margin: 0; }
div#optin-form-basic input {margin: 3px 0px 5px; padding: 1px 2px; font-size: 12px;}

div#submit_button {margin:  0px 0px 5px -7px;}


/*** Footer ***/

#footer {
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
background-color: #f1f1f1;
}
#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
}

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
 


/*** Images ***/


.leftpic	{float: left; margin: 0px 20px 5px 0px; padding: 2px 2px 2px 2px; border: 1px solid #999;}
.leftpic_noboarder	{float: left; margin: 0px 20px 5px 0px;}
.centerpic	{margin: 0px 20px 5px 20px; padding: 2px 2px 2px 2px; border: 1px solid #999;}
.centerpic_noborder	{float: middle; margin: 0px -100px 0px 0px;}
.right {float: right;}
.rightpic	{float: right; margin: 0px 0px 5px 20px; padding: 2px 2px 2px 2px; border: 1px solid #999;}
.audioicon {margin-top: 0px}
.30day		{
	float: right;
	margin: 30px 50px 0px 0px;
	color: #0033FF;
	font-family: Arial, Helvetica, sans-serif;
}



/****************** STYLES **********************/


/*** Text Styles ***/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #32393d;
text-align: center;
margin: 0px;
padding: 10px 0px 20px 0px;
background-image:url(/img/bg-body.jpg);
background-repeat:repeat-x;
}



h1 	{color: #000080; font-weight: bold; font-size: 170%; line-height: 130%; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: center;}
h2	{color: #000080; font-weight: bold; font-size: 150%; line-height: 24px; margin-top: 20px; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
h3	{color: #000080; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: center;}

.headline	{color: #000080; font-weight: bold; font-size: 140%; line-height: 20pt;}
.subhead	{color: #000080; font-weight: bold; font-size: 120%; line-height: 24px; margin-top: 20px; margin-bottom: 20px;}

p			{line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
table		{border-collapse: collapse;}
tr			{vertical-align: top;}
menu		{line-height: 150%;}


.divider	{border-top: 1px solid #000;}
.highlight	{background-color: #ff0; font-size: 100%;}
.invisible	{display: none !important;}
.next		{clear: both; font-size: 1px; line-height: 1px;}
.underline	{text-decoration: underline;}
.fineprint 	{font-size: 8pt; color: #666666;}
.indent		{margin-left: 127px;}


/*black*/
.black 			{font-size: 100%}
.black_hi		{font-size: 100%; line-height: 120%; background-color: #ff0; }
.black_tiny		{font-weight: bold; font-size: 55%;}
.black_med		{font-weight: bold; font-size: 120%; line-height: 120%;}
.black_lge		{font-weight: bold; font-size: 145%; line-height: 145%;}
.black_lge_hi	{font-weight: bold; font-size: 145%; line-height: 145%; background-color: #ff0; text-align: center; }
.black_xl		{font-weight: bold; font-size: 170%; line-height: 170%;}
.black_xl_hi	{font-weight: bold; font-size: 170%; line-height: 170%; background-color: #ff0;}


/*blue*/
.blue 			{color: #000080;font-size: 100%;font-family: Arial, Helvetica, sans-serif;}
.bluegrey_sml 	{color: #222464; font-size: 70%}
.bluegrey 		{color: #222464; font-size: 100%}
.blue_med		{color: #000080; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Geneva, Arial, Helvetica, sans-serif;}
.blue_med_light	{color: #000080; font-size: 120%; line-height: 120%; font-family: Arial, Helvetica, sans-serif;}
.blue_lge		{color: #000080; font-weight: bold; font-size: 145%; line-height: 145%; font-family: Geneva, Arial, Helvetica, sans-serif;}
.blue_xl		{color: #000080; font-weight: bold; font-size: 170%; line-height: 130%; font-family: Arial, Helvetica, sans-serif;}

/*otherblue*/
.blue_sea		{color: #003399; font-weight: bold; font-size: 115%; font-family: Arial, Helvetica, sans-serif;}
.blue_sea_small	{color: #003399; font-size: 90%; font-weight: normal;}
.brightblue 	{color: #0033CF; font-weight: bold; font-size: 120%; line-height: 110%; font-family: Arial, Helvetica, sans-serif;}
.brightblue_lg 	{color: #0033CF; font-weight: bold; font-size: 160%; line-height: 110%; font-family: Arial, Helvetica, sans-serif;}
.brightblue_regular 	{color: #0033CF;font-size: 100%;line-height: 110%;font-weight: normal;}


/*gold*/
.gold 			{color: #B35A00; font-size: 100%}
.gold_med		{color: #B35A00; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Arial, Helvetica, sans-serif;}
.gold_med a		{color: #B35A00; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}
.gold_lge		{color: #B35A00; font-weight: bold; font-size: 145%; line-height: 145%; font-family: Arial, Helvetica, sans-serif;}
.gold_xl		{color: #B35A00; font-weight: bold; font-size: 170%; line-height: 170%; font-family: Arial, Helvetica, sans-serif;}

/*red*/
.red 			{color: #990000; font-size: 100%}
.red_med		{color: #990000; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Arial, Helvetica, sans-serif;}
.red_lge		{color: #990000; font-weight: bold; font-size: 145%; line-height: 145%; font-family: Arial, Helvetica, sans-serif;}
.red_xl			{color: #990000; font-weight: bold; font-size: 170%; line-height: 170%; font-family: Arial, Helvetica, sans-serif;}
.red_xl a		{color: #990000; text-decoration:underline;}


/*green*/
.green_sm		{color: #3BA001;font-size: 90%;font-weight: normal;}
.green 			{color: #3BA001; font-size: 100%}
.green a		{color: #3BA001; font-size: 100% text-decoration: underline;}
.green_med		{color: #3BA001; font-weight: bold; font-size: 120%; line-height: 120%; font-family: Arial, Helvetica, sans-serif;}
.green_lge		{color: #3BA001; font-weight: bold; font-size: 145%; line-height: 145%; font-family: Arial, Helvetica, sans-serif;}
.green_xl		{color: #3BA001; font-weight: bold; font-size: 170%; line-height: 170%; font-family: Arial, Helvetica, sans-serif;}
.yellowgreen 	{color: #68AC00; font-size: 100%}


/* links */
.wildcard {color: #003399; text-decoration: none;}


/* Boxes */
.box_header	{width: 100%; position: fixed; background-color: #FFFFFF;}
.box		{background-color: #F0F2FF; border: 1px solid #d0e4fd; margin: auto auto 50px auto; padding: 10px 20px 10px 20px;  width: 90%; font: 100% Verdana, Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.box_custom		{background-color: #F2F5F7; border: 1px solid #d0e4fd; margin: auto auto 40px auto; padding: 10px 20px 10px 20px;  width: 90%; font: italic 100% Verdana, Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.box_white	{
	background-color: #fff;
	border: 1px solid;
	margin: auto auto 20px auto;
	padding: 20px 20px 10px 20px;
	width: 90%;
	font: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #32393d;
	border-color: #d0e4fd;
}
.box_blue	{width: 90%; background-color: #F0F2FF; border: 1px solid #000080; padding: 20px 25px 10px 20px; color: #000; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: italic; margin: 0px 0px 0px 0px;}

.box_quote		{background-color: #FFFFFF; margin: auto auto 20px auto; padding: 0px 0px 0px 0px; width: 100%; color: #339900; font-size: 100%; text-align: center; line-height: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

.box_note	{
	background-color: #FFF9DE;
	border: 1px solid;
	margin: auto auto 20px auto;
	padding: 20px 20px 10px 20px;
	width: 80%;
	font: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-color: #999999;
}

/* Quotes */
.quote {text-align: center; color: #B35A00; font-size: 110%; font-weight: normal; font-style: normal; line-height: 16pt;}
.quote_mark_left {margin: 0px 0px 5px 0px; padding-right: 10px;}
.quote_mark_right {margin: -15px 0px 0px 0px; padding-left: 10px;}
.quoteauthor {text-align: right; font-weight: normal; color: #666666; font-size: .7em;}


/*** Page Specific Styles ***/
	
.testimonial_header {margin-left: 0px; margin-right: 0px; text-align: center; color: #3F9903; font-size: 115%; font-weight: bold; font-style: normal; line-height: 16pt; font-family: Geneva, Arial, Helvetica, sans-serif;}

.testimonial_body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; line-height: 14pt; font-weight: normal; color: #003399;}

.testimonial_author {font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-style: normal; font-weight: normal; color: #666666; text-align: center; line-height: 120%;}


/* FAQs */
.question {cursor:pointer; color: #333399; margin: -10px 0px 15px 10px;text-decoration: underline;}
.question:visited	{color: #575C6A; text-decoration: none;}
.question:hover	{color: #006; text-decoration: underline;}
.answer{
	display:none;
	color: #333333;
	font-size: 85%;
	padding:15px 20px 15px 30px;
	background-color:#E7EFFF;
	margin: -15px 0 20px 20px;
}


/* Lists */
ul.tick li	{list-style-image: url(../img/checkbox-blue.gif); margin-left: 40px; padding-bottom: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;}
ul.tickindent li	{list-style-image: url(../img/checkbox-blue.gif); margin-left: 0px; padding-bottom: 18px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
ul.bullet li	{list-style-image: url(../img/bullet.gif); margin-left: 40px; padding: 0px 0px 15px 0px; margin-right: 40px;}
ul.sadface li	{list-style-image: url(../img/sadface.gif); margin-left: 40px; padding-bottom: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin-right: 40px;}