*{font-size:100.01%}
html {font-size:62.5%;}
body {
	color:#3e3e3e;
	font:1.4em/2em Georgia, "Times New Roman", Times, serif;
	margin:0;
	background:#3e3e3e url(../images/bg-body.gif) repeat-x 0 22px;
}
/* common parts */
a {color:#aca38d;}
a:hover {text-decoration:none;}
/* main blocks */
.page-box {
	width:980px;
	margin:0 auto;
	padding:349px 0 55px;
	position:relative;
}
.home .page-box {padding-top:661px;}
/*header*/
.header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:141px;
	padding:207px 0 0;
	background:url(../images/bg-header.jpg) no-repeat;
	z-index:2;
}
.home .header {padding:363px 0 0;}
/*logo*/
.logo {
	position:absolute;
	top:46px;
	left:38px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	width:248px;
	height:113px;
	text-indent:-9999em;
}
.logo a {
	display:block;
	height:100%;
}
/*navigation*/
.nav {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	background:#262626;
}
.nav li {float:left;}
.nav a {
	float:left;
	height:71px;
	background:url(../images/bg-nav.gif) no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/bg-nav.gif) no-repeat;
	margin:0 -6px 0 0;
}
.nav a.active {position:relative;}
.nav .home a {
	width:101px;
}
.nav .home a:hover {background-position:0 -71px;}
.nav .home a.active {background-position:0 -142px !important;}
.nav .about a {
	width:120px;
	background-position:-101px 0;
}
.nav .about a:hover {background-position:-101px -71px;}
.nav .about a.active {background-position:-101px -142px !important;}
.nav .autism a {
	width:166px;
	background-position:-221px 0;
}
.nav .autism a:hover {background-position:-221px -71px;}
.nav .autism a.active {background-position:-221px -142px !important;}
.nav .support a {
	width:135px;
	background-position:-387px 0;
}
.nav .support a:hover {background-position:-387px -71px;}
.nav .support a.active {background-position:-387px -142px !important;}
.nav .contact a {
	width:146px;
	background-position:100% 0;
}
.nav .contact a:hover {background-position:100% -71px;}
.nav .contact a.active {background-position:100% -142px !important;}
/*tabs*/
.tabs {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.tabs:after {
	clear:both;
	content:"";
	display:block;
}
.tabs li {
	float:left;
	width:327px;
	height:71px;
	background:url(../images/img-tab.jpg) no-repeat;
	text-decoration:none;
	position:relative;
}
.tabs .families {background-position:0 71px;}
.tabs .health {background-position:-327px 71px;}
.tabs .educators {
	background-position:-654px 71px;
	width:326px;
}
.tabs a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:71px;
	text-decoration:none;
	outline:none;
}
.home .tabs li, .home .tabs a {height:207px;}
.tabs a:hover {border:0;}
.tabs strong {
	display:block;
	height:71px;
	width:100%;
	background:url(../images/bg-tab.gif) no-repeat;
	text-indent:-9999em;
}
.tabs .families-on strong {background-position:0 100%;}
.tabs .health strong {background-position:-327px 0;}
.tabs .health-on strong {background-position:-327px 100%;}
.tabs .educators strong {background-position:-654px 0;}
.tabs .educators-on strong {background-position:-654px 100%;}
.slide div {
	background:url(../images/mask.png);
	width:246px;
	height:107px;
	padding:30px 40px 0;
}
.slide em {
        font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
        line-height: 1.6;
	display:block;
	color:#fff;
	width:233px;
	height:67px;
}
.tabs span {
	position:absolute;
	width:24px;
	height:7px;
	overflow:hidden;
	text-indent:-9999em;
	top:71px;
	left:-9999em;
	background:url(../images/arrow.png) no-repeat;
}
.tabs li a:hover span {left:33px;}
.families-on span, .health-on span, .educators-on span {left:-9999em !important;}
.educators-on{width: 326px !important;}
/*container*/
.container {
	width:903px;
	padding:40px 37px 20px 40px;
	overflow:hidden;
	background:#fff;
	position:relative;
	z-index:1;
	margin:0 0 20px;
}
/*breadcrumbs*/
.breadcrumbs {
	width:100%;
	overflow:hidden;
	margin:0 0 22px;
	padding:0 0 20px;
	list-style:none;
	border-bottom:1px solid #cfcfcf;
	font-style:italic;
	font-size:.786em;
	color:#aca38d;
}
.breadcrumbs li {float:left;}
.breadcrumbs a {
	background:url(../images/arrow.gif) no-repeat 100% 50%;
	color:#5a471c;
	padding:0 17px 0 0;
	margin:0 11px 0 0;
}
/*union box*/
.union-box {
	width:100%;
	overflow:hidden;
}
/*content*/
#content {
	float:left;
	width:585px;
}
.h1-type {
	font-weight:normal;
	color:#5a471c;
	font-size:1.857em;
	line-height:1.4;
	margin:0 0 15px;
}
.h2-type {
	color:#5a471c;
	font-size:.857em;
	line-height:1.4;
	margin:35px 0 6px;
}
.p-type {
	margin:0;
	text-align:justify;
}
.pic {
	float:left;
	padding:10px;
	border:1px solid #cfcfcf;
	margin:25px 25px 20px 0;
}
.pic img {
	display:block;
	border:1px solid #cfcfcf;
}
/*pullquote*/
.pullquote {
	float:right;
	border:solid #cfcfcf;
	border-width:1px 0;
	margin:25px 0 15px 25px;
	color:#d9ad42;
	font-style:italic;
	font-weight:bold;
	font-size:.857em;
	padding:10px 0;
	width:345px;
}
.pullquote p {
	margin:0;
	display:inline;
}
.pullquote blockquote {margin:0;}
.pullquote cite {margin:0 0 0 10px;}
.pullquote q {quotes: none;}
.pullquote q:before {content:"";}
.pullquote q:after {content:"";}
.colums {
	width:100%;
	overflow:hidden;
	margin:0;
}
.standart-list {
	margin:0 0 30px;
	padding:0;
	list-style:none;
	font-size:.857em;
	color:#3e3e3e;
}
.colums .standart-list {
	float:left;
}
.standart-list li {
	padding:0 0 0 15px;
	background:url(../images/arrow.gif) no-repeat 3px .9em;
}
.standart-list a {color:#3e3e3e;}
.standart-list ul {
	margin:0 0 0 21px;
	padding:0;
	list-style:none;
	width:auto !important;
}
.standart-list li li {background:url(../images/arrow-small.gif) no-repeat 3px .9em;}
.num-list {
	margin:0 0 30px;
	list-style:none;
	font-size:.857em;
	color:#3e3e3e;
}
.colums .num-list {
	float:right;
}	
.num-list ol {
	list-style:none;
	padding:0 0 0 35px;
	margin:0;
}
.num-list a {color:#3e3e3e;}
.num-list span {color:#aca38d;}
/*related links*/
.related-links h3 {
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/text-related-links.gif) no-repeat;
	height:10px;
	margin:30px 0 10px;
}
.related-links ul {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	color:#5a471c;
	font-style:italic;
	font-size:.786em;
}
.related-links a {color:#5a471c;}
.related-links li {
	float:left;
	padding:0 10px;
	margin:0 10px 0 -10px;
	display:inline;
	background:url(../images/split.gif) no-repeat 0 50%;
}
/*sidebar*/
.sidebar {
	float:right;
	width:270px;
	padding:16px 0 0;
}
/*headline*/
.headline {
	position:relative;
	margin:0 0 25px;
	padding:0 0 20px;
	border-bottom:1px solid #cfcfcf;
	width:100%;
}
.see-all {
	color:#5a471c;
	font-size:.643em;
	position:absolute;
	right:0;
	bottom:-30px;
	font-style:italic;
}
.headline h3 {
	text-indent:-9999em;
	overflow:hidden;
	height:12px;
	margin:0;
}
/*sub navigation*/
.sub-nav {
	margin:0 0 45px;
}
.sub-nav h3 {background:url(../images/text-inside-section.gif) no-repeat;}
.sub-nav ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.143em;
	font-weight:bold;
}
.sub-nav li {padding:0 0 0 15px;}
.sub-nav li.active {background:url(../images/arrow-green.gif) no-repeat 0 .7em;}
.sub-nav li a {color:#4d8a1b;}
.sub-nav li.active a {text-decoration:none;}
.sub-nav ul ul{
list-style: none;
font-size: .7em;
margin-left: 10px;
}
.sub-nav ul ul a{
color: #666;
}
/*events*/
.events h3 {background:url(../images/text-events.gif) no-repeat;}
.events ul {
	margin:0 0 12px;
	padding:0;
	list-style:none;
}
.events li {
	padding:0 0 10px;
}
.events li a {
	text-decoration:none;
	color:#5a471c;
}
.events li a:hover, .events li a:hover * {text-decoration:underline;}
.events li span {
	display:block;
	font-size:1.857em;
	line-height:1.6;
}
.events li strong {
	display:block;
	color:#4d8a1b;
	font-size:1.143em;
	line-height:1.6;
	margin:0 0 4px;
}
.events li em {
	font-size:.786em;
	line-height:1.7;
	display:block;
}
/*read more*/
.read-more {
	background:url(../images/btn-read-more.gif) no-repeat 0 5px;
	padding:20px 0 5px 83px;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	color:#fff;
	letter-spacing:-1px;
	margin:0 0 0 10px;
}
.read-more:hover {background-position:0 100% !important;}
.right {
	display:block;
	width:100%;
	overflow:hidden;
}
.right .read-more {
	float:right;
	padding:0;
	width:83px;
	height:22px;
	text-indent:-9999em;
	margin:0;
	background-position:0 0;
}
/*bottom panel*/
.bottom-panel {
	background:#262626;
	padding:16px;
	width:948px;
	overflow:hidden;
	margin:0 0 30px;
	color:#aea890;
	font-size:.786em;
	font-style:italic;
	line-height:1.6;
}
.bottom-panel form {
	border:0;
	margin:0;
	padding:0;
	float:left;
}
.bottom-panel h3 {
	margin:0 0 10px;
	height:12px;
	text-indent:-9999em;
	overflow:hidden;
}
/*newsletter*/
.newsletter {
	width:269px;
	padding:20px 10px 15px 24px;
	background:#3e3e3e;
	margin:0 16px 0 0;
	overflow:hidden;
}
.newsletter h3 {background:url(../images/text-newsletter.gif) no-repeat;}
.newsletter input.text {
	float:left;
	color:#cec9bd;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 8px 4px;
	width:159px;
	border:1px solid #fff;
	margin:0 13px 0 0;
}
.newsletter .btn {
	float:left;
	height:26px;
	overflow:hidden;
}
.newsletter .btn input {float:left;}
.newsletter .btn:hover input, .newsletter .btn input.hover {margin:-26px 0 0;}
.newsletter p {
	margin:0;
	padding:0 0 0px;
}
.newsletter a{
display:block;
width: 194px;
height: 45px;
margin: 0 auto;
text-indent: -9999em;
background: url(/images/signUpButton.gif) no-repeat;
}
/*readysetrun*/
.readysetrun {
	float:left;
	margin:0 16px 0 0;
	border:0;
}
/*most popular*/
.most-popular {
	float:right;
	width:266px;
	padding:20px 10px 20px 24px;
	background:#3e3e3e;
	overflow:hidden;
}
.most-popular h3 {background:url(../images/text-popular.gif) no-repeat;}
.most-popular ul {
	margin:0;
	list-style:none;
	padding:0;
	line-height:1.727;
}
/*footer*/
.footer {
	width:940px;
	overflow:hidden;
	padding:0 0 0 40px;
}
.footer ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.footer li {
	float:left;
	margin:0 45px 0 0;
}
.footer li a {
	display:block;
	height:9px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/bg-footer-nav.gif) no-repeat;
}
.footer li.home a {
	width:32px;
}
.footer li.home a.active, .footer li.home a:hover {background-position:0 -9px;}
.footer li.about a {
	width:55px;
	background-position:-32px 0;
}
.footer li.about a.active, .footer li.about a:hover {background-position:-32px -9px;}
.footer li.autism a {
	width:82px;
	background-position:-88px 0;
}
.footer li.autism a.active, .footer li.autism a:hover {background-position:-88px -9px;}
.footer li.support a {
	width:50px;
	background-position:-170px 0;
}
.footer li.support a.active, .footer li.support a:hover {background-position:-170px -9px;}
.footer li.contact a {
	width:51px;
	background-position:-220px 0;
}
.footer li.contact a.active, .footer li.contact a:hover {background-position:-220px -9px;}
.logo-creativestate {
	float:right;
	height:28px;
	overflow:hidden;
}
.logo-creativestate:hover {border:0;}
.logo-creativestate img {
	float:left;
	border:0;
}
.logo-creativestate:hover img {margin:-28px 0 0;}
/*tabset*/
.tabset {
	width:100%;
	margin:0 0 25px;
	padding:0;
	list-style:none;
	border-bottom:1px solid #cfcfcf;
}
.tabset:after {
	clear:both;
	display:block;
	content:"";
}
.tabset li {
	float:left;
	margin:0 0 -1px;
	position:relative;
}
.tabset a {
	display:block;
	height:52px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/bg-main-tabs.gif) no-repeat;
	outline:none;
}
.tabset .welcome {
	width:181px;
}
.tabset .welcome a:hover {background-position:0 -52px;}
.tabset .welcome a.active {background-position:0 -104px !important;}
.tabset .autism a {
	width:182px;
	background-position:-181px 0;
}
.tabset .autism a:hover {background-position:-181px -52px;}
.tabset .autism a.active {background-position:-181px -104px !important;}

.calendarEvent{
font-size: 1.3em;
color:#4d8a46;
font-weight:bold;
padding-top: 10px;
}
.calendareLocation, .calendarDates{
font-style:italic;
line-height: 1.2;
font-size: 1.1em;
}
.calendarBlurb{
margin: 10px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 3px solid #4d8a46;
}
.calendarEntry{padding:10px;}
.calendarEntry:hover{
background: #efefef;
}

/* ---------- PHOTO GALLERY -------------- */

#photoGal{margin-top: 30px}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 421px;
	height: 350px
}
div.slideshow {
	width:584px;
	clear: both;
        position: relative;

}
div.slideshow span.image-wrapper {
	float: left;
}
div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
        width: 584px;
	border: none;
	display: block;
}
.caption{
position:relative;

}

div.download {
	float: right;
}
div.embox {
	clear: both;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	list-style: none;
        margin: 0 6px 10px 7px;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
        width: 80px;
        height: 80px;
	border: 2px solid #edd366;
	display: block;
}

.top{
text-align:right;
background: #333;
color: #fff;
font-size: 1em;
padding: 4px;
margin-bottom: 20px;
border: 1px solid #000;
}
.top a {color: #fff !important;}
.pagination .current{
margin-right: 5px;
font-weight:bold;
background: #5e9e2a;
padding: 3px 6px 3px 6px;
text-align: center;
border: 1px solid #427e11;
}
.pageNum{
color: #fff;
margin-right: 5px;
}
.bottom{ display:none;}
.thumbNext{
margin-left: 15px;
}
.thumbBack{
margin-right: 15px;
}
.thumbNext:hover, .thumbBack:hover{
background-position: -38px 0;
}

#theCaption{
clear:both;
font-style: italic;
font-size: 1.1em;
margin-bottom: 5px;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}