@charset "UTF-8";
/* CSS Document */

/* Generic Styles/Base ----------------------------------------------------------------------------*/
body {
	background: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

h1 {
	color: #4a72cd;
	font-size: 21px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
}

h3 {
	font-weight: bold;
	color: #4a72cd;
}

h4 {
	text-transform: uppercase;
}

a {
	color: #e37c29;
}

a:hover {
	color: #e99654;
}

a:visited {
	color: #257496;
}

ul {
	margin: 15px 0px 15px 35px;
}

ul li {
	list-style: outside disc;
}

ol {
	margin: 15px 0px 15px 35px;
}

ol li {
	list-style: outside decimal;
}

div#wrapper {
	width: 919px;
	margin: 0px auto;
	position: relative;
}

/* Header Styles ----------------------------------------------------------------------------------*/

body.storm div#masthead h1 {
	background: #ffffff url(../images/masthead_flash_top_storm.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 73px;
}

body.cloud div#masthead h1 {
	background: #ffffff url(../images/masthead_flash_top_cloud.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 73px;
}

body.rise div#masthead h1 {
	background: #ffffff url(../images/masthead_flash_top_rise.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 73px;
}

body.sun div#masthead h1 {
	background: #ffffff url(../images/masthead_flash_top_sun.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 73px;
}

div#masthead h1 a {
	background: url(../images/masthead_logo.gif) no-repeat left top;
	display: block;
	width: 356px;
	height: 73px;
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	clear: right;
}

body.storm div#masthead h2 {
	background: #ffffff url(../images/masthead_slogan_storm.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
}

body.cloud div#masthead h2 {
	background: #ffffff url(../images/masthead_slogan_cloud.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px
}

body.rise div#masthead h2 {
	background: #ffffff url(../images/masthead_slogan_rise.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px
}

body.sun div#masthead h2 {
	background: #ffffff url(../images/masthead_slogan_sun.jpg) no-repeat left top;
	display: block;
	width: 919px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px
}

/* Master Navigation Styles -----------------------------------------------------------------------*/

ul#mastNav {
	background: #e37c29;
	width: 219px;
	margin: 0px;
	float: left;
	display: block;
	border-bottom: 10px solid #5c97b0;
	position: relative;
	vertical-align: top;
}

ul#mastNav li {
	list-style: none;
	display: block;
	width: 219px;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 32px;
	position: relative;
}

ul#mastNav li a {
	display: block;
	width: 219px;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 22px;
}

/* NAV HEADERS */
ul#mastNav li#navReadingCenter {
	background: url(../images/navhead_the_reading_center.gif) no-repeat;
	height: 33px;
}
ul#mastNav li#navReadingDifficulties {
	background: url(../images/navhead_difficulties.gif) no-repeat;
	height: 32px;
}
ul#mastNav li#navReadingLessons {
	background: url(../images/navhead_reading_lessons.gif) no-repeat;
	height: 32px;
}

/* NAV BUTTONS */
li#navHolly a {
	background: url(../images/nav_dr_holly_shapiro.gif) no-repeat;
	height: 22px;
}
li#navTeachers a {
	background: url(../images/nav_teachers.gif) no-repeat;
	height: 22px;
}
li#navLocation a {
	background: url(../images/nav_location.gif) no-repeat;
	height: 22px;
}
li#navResources a {
	background: url(../images/nav_resources.gif) no-repeat;
	height: 22px;
}
li#navBlog a {
	background: url(../images/nav_blog.gif) no-repeat;
	height: 22px;
}
li#navStruggleToRead a {
	background: url(../images/nav_the_struggle_to_read.gif) no-repeat;
	height: 22px;
}
li#navWhatDyslexiaIs a {
	background: url(../images/nav_what_dyslexia_is.gif) no-repeat;
	height: 22px;
}
li#navDyslexiaTesting a {
	background: url(../images/nav_dyslexia_testing.gif) no-repeat;
	height: 22px;
}
li#navReadingFluency a {
	background: url(../images/nav_reading_fluency.gif) no-repeat;
	height: 22px;
}
li#navOrton a {
	background: url(../images/nav_orton_gillingham.gif) no-repeat;
	height: 22px;	
}
li#navScheduleALesson a {
	background: url(../images/nav_schedule_a_lesson.gif) no-repeat;
	height: 22px;
}
li#navCenterCalendar a {
	background: url(../images/nav_center_calendar.gif) no-repeat;
	height: 22px;
}
li#navRatesAndPolicies a {
	background: url(../images/nav_rates_and_policies.gif) no-repeat;
	height: 22px;
}
li#navRaviniaResults a {
	background: url(../images/nav_ravinia_results.gif) no-repeat;
	height: 22px;
}
li#navFAQs a {
	background: url(../images/nav_faqs.gif) no-repeat;
	height: 22px;
}

ul#mastNav li a:hover {
	background-position: 0px -22px;
}

ul#mastNav ul.last {
	border-bottom: 2px solid #ffffff;
}

/* Content Styles ---------------------------------------------------------------------------------*/

div#content {
	background: url(../images/content_top.jpg) no-repeat left top;
	width: 700px;
	float: left;
	vertical-align: top;
}

div#content div.column { float: left; width: 175px; padding: 0 16px; }

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 9px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

div#contentWrap img.left {
	float: left;
	margin: 10px 20px 10px 0;
}

div#contentWrap img.right {
	float: right;
	margin: 10px 20px 10px 0;
}

div#contentWrap {
	margin: 2px 15px 20px 30px;
	line-height: 16px;
}

div#contentWrap h1 {
	margin-bottom: 20px;
}

div#contentWrap h2, div#contentWrap h3, div#content h4 {
	margin: 10px auto;
}

div#contentWrap p {
	margin-bottom: 15px;
}

div#contentWrap a img {
	margin: 10px auto 25px auto;
}



/* Footer Styles ----------------------------------------------------------------------------------*/

div#footer {
	clear: both;
	border-top: 3px solid #257496;
	font-size: 10px;
	margin-bottom: 20px;
}

ul#footerNav {
	margin: 10px 0px;
}

ul#footerNav li {
	display: inline;
	list-style: none;
	border-right: 1px solid #000000;
	padding-right: 5px;
	letter-spacing: 2px;
}

ul#footerNav li.last {
	border: none;
}

ul#footerNav li a {
	color: #000000;
	text-decoration: none;
}

ul#footerNav li a:hover {
	color: #999999;
}

blockquote { margin: 30px 50px 0; font-style: italic; font-size: 1.1em; }
blockquote span { display: block; text-align: right; font-weight: bold; font-size: .8em; font-style: normal; }

/* Form styles -----------------------------------------------------------------------------------*/

form { float: left; width: 100%; padding: 10px 0 30px 0; }
form h3 { margin: 30px 0 0 0 !important; }
form label { display: block; width: 43%; float: left; text-align: right; color: #666; margin: 3px 10px 0 0; }
	form label.error { color:#b00; padding-left:184px; margin-bottom:5px; width:51%; text-align:left;  }
	form label.auth_label { position:relative; top:-10px; margin-bottom:-10px; font-weight:bold; }

form div.separate { margin-top: 30px !important; }
form div.text { width: 100%; margin-top: 10px; clear: left; }
form div.text input,
form div.text select {  border: 1px solid #666; margin: 0; font: 1em Verdana; color: #666; padding: 2px 3px; width: 52%; _width:48%; }
form div.text select { width:54%; _width:50%; }
	form div.text input.error { border:1px solid #d00; }

form div.radio { width: 100%; margin-top: 10px; }
form div.radio div { line-height: 20px; }
form div.radio div input { vertical-align: middle; width: 13px; height: 13px; margin-right: 10px; float: left; }
form div.radio div label { vertical-align: middle; color: #666; margin: 0; width: auto; float: left; }
form div.radio div div.radioBtn { float: left; margin: 0 25px 10px 0;}
form div.text textarea { width: 52%; _width:48%; height: 75px; border: 1px solid #666; font: 1em Verdana; color: #666; padding: 2px 3px; }
form div.button {  _padding-right:15px; text-align: right; margin-top: 30px; }
form div.button input { border: 1px solid #333; background: #CCC; color: #666; font: 1em Verdana; margin: 0; padding: 2px 20px; }
div.quoteCol blockquote { margin: 30px 20px 0 40px; }

#warning { display:none; margin-top:5px; font-size:12px; font-weight:bold; color:#d00; }

/* Share links styles ----------------------------------------------------------------------------*/

div.sharelinks { float: right; width: 125px; margin-left: 20px; }
div.sharelinks a.link { background-repeat: no-repeat; float: left; margin-bottom: 4px; width: 85px; height: 23px; color: #3d8093; padding: 6px 0 0 40px; text-decoration: none; }
div.sharelinks a.print { background-image: url(../images/bg_print.gif); }
div.sharelinks a.print:hover { background-image: url(../images/bg_print_a.gif); }
div.sharelinks a.share { background-image: url(../images/bg_share.gif); }
div.sharelinks a.share:hover { background-image: url(../images/bg_share_a.gif); }
div.sharelinks a.copy { background-image: url(../images/bg_link.gif); }
div.sharelinks a.copy:hover { background-image: url(../images/bg_link_a.gif); }