/* ----------------------------------------------- */
/* CSS code generated by Endecom Computer Services */
/* for www.smallwonderslc.com                      */
/*                                                 */
/*   Release Date: June 2009                       */
/*   Visit us: www.endecom.com                     */
/*                                                 */
/* ----------------------------------------------- */

@import url("reset.css"); /* import the reset file */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #ecf2fa;
	color: #444;
	}

p {font-size: 1em;}

a {color: #777;}
a:hover {color: #444;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; font-weight: bold;}
/* #videospage h2 {color: #FFD700;} */
h3 {font-size: 1.2em; font-weight: normal;}

.underline {text-decoration: underline; color: #ccc;}
.nounderline {text-decoration: none;}
.clear { height: 1%; clear: both; margin: 0; padding: 0;}

#header {width: 978px; height: 304px; background: url(images/header.jpg);}

#menu {padding: 35px 0px 10px 0px; margin: 0px 20px 0px 460px; color: #444; border: solid white 0px;}
#menu a {padding: 0px 10px; text-decoration: none; font-size: 1.4em; color: #ffa;}
#menu a:hover {padding: 0px 10px; text-decoration: underline; color: #ffe;}

/* main menu items */
.aboutuspage #aboutlink, .policiesandformspage #policiesandformslink, #directionspage #directionslink, #eventspage #eventslink, .contactpage #contactlink {text-decoration: underline;}

/* side menu items */
#rightside-content a {text-decoration: none;}
#rightside-content a:hover {text-decoration: underline;}
#enrollmentpage #enrollmentlink, #ratespage #rateslink, #hoursandholidayspage #hoursandholidayslink, #meetwendypage #meetwendylink, #mapanddirectionspage #mapanddirectionslink, #contactformpage #contactformlink, #philosophypage #philosophylink, #programspage #programslink {text-decoration: underline; color: #444;}

#outerwrap {
	width: 978px;
	-height: 600px;
	min-height: 600px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	}

#innerwrap {
	-height: 600px;
	min-height: 600px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px;
	background: url(images/content-bg.jpg) repeat-y;
	}

#contentwrap {margin-top: 0px; padding: 0px 10px 0px 40px;}

#side-content {width: 120px; float: left; padding-top: 25px;}
#side-content-content {padding: 0px 0px; float: left;}
#side-content-content img {border: solid 2px #d71111;}

#rightside-content {width: 220px; border: solid 4px #f6f6b7; background: #f6f6b7; float: right;}
#rightside-content-content {padding: 0px 20px;}

#main-content {margin: 25px 0px 0px 60px; width: 480px;  border: solid 0px #666; background: url(images/DIS-maincontentbg2.jpg) repeat-y; float: left;}
#main-content-content {padding: 0px 10px; background: url(images/DIS-maincontentbg.jpg) no-repeat;border: solid 0px #ddd;}
#main-content-content p {font-size: 1.2em; line-height: 1.2em; color: #353c4b; font-family:arial;}
#mc-footer {display: block; height: 15px; background: url(images/DIS-maincontentbottombg.jpg) no-repeat;}

#indexpage #main-content-content h1 {margin-top: 0px; background: url(images/welcome.jpg) top left; height: 30px; width: 485px;}
#indexpage #main-content-content h1 span {display:none;}

#aboutpage #main-content-content h1 {margin-top: 0px; background: url(images/about.jpg) top left; height: 30px; width: 485px;}
#aboutpage #main-content-content h1 span {display:none;}

#policiesandformspage #main-content-content h1 {margin-top: 0px; background: url(images/policies-and-forms.jpg) top left; height: 30px; width: 485px;}
#policiesandformspage #main-content-content h1 span {display:none;}

#philosophypage #main-content-content h1 {margin-top: 0px; background: url(images/our-philosophy.jpg) top left; height: 30px; width: 485px;}
#philosophypage #main-content-content h1 span {display:none;}

#programspage #main-content-content h1 {margin-top: 0px; background: url(images/programs.jpg) top left; height: 30px; width: 485px;}
#programspage #main-content-content h1 span {display:none;}

#ratespage #main-content-content h1 {margin-top: 0px; background: url(images/rates.jpg) top left; height: 30px; width: 485px;}
#ratespage #main-content-content h1 span {display:none;}

#enrollmentpage #main-content-content h1 {margin-top: 0px; background: url(images/enrollment.jpg) top left; height: 30px; width: 485px;}
#enrollmentpage #main-content-content h1 span {display:none;}

#contactuspage #main-content-content h1 {margin-top: 0px; background: url(images/contact.jpg) top left; height: 30px; width: 485px;}
#contactuspage #main-content-content h1 span {display:none;}

#hoursandholidayspage #main-content-content h1 {margin-top: 0px; background: url(images/hours-holidays.jpg) top left; height: 30px; width: 485px;}
#hoursandholidayspage #main-content-content h1 span {display:none;}

#meetwendypage #main-content-content h1 {margin-top: 0px; background: url(images/meet-wendy.jpg) top left; height: 30px; width: 485px;}
#meetwendypage #main-content-content h1 span {display:none;}

#mapanddirectionspage #main-content-content h1 {margin-top: 0px; background: url(images/map-directions.jpg) top left; height: 30px; width: 485px;}
#mapanddirectionspage #main-content-content h1 span {display:none;}

#contactformpage #main-content-content h1 {margin-top: 0px; background: url(images/contact-form.jpg) top left; height: 30px; width: 485px;}
#contactformpage #main-content-content h1 span {display:none;}

#subfooter {
	width: 978px;
	height: 40px;
	color: #4c4c4c;
	padding: 0px;
	margin: 0px auto;
	line-height: 1.8em;
	font-size: 10px;
	background: url(images/content-bg-bottom.jpg) no-repeat;
	}

#subfooter a {font-size: 10px; 	color: #4c4c4c;}
#subfooter a:link {text-decoration: underline;}
#subfooter a:visited {text-decoration: underline;}
#subfooter a:hover {color: #999; text-decoration: underline;}

#subfooter #spanright {
	text-align: center;
	float: right;
	padding: 15px 10px;
	}

#subfooter #spanleft {
	float: left;
	padding: 15px 10px;
	}

DISABLE#menu #homelink span {display: none;}
DISABLE#menu #gallerylink span {display: none;}

#homelink- span {display: none;}
a#homelink- {display: block; width: 58px; height: 24px; margin: 0px 10px; margin-left: 25px; padding: 0px; background: url(images/home.gif) bottom left; float: left;}
a#homelink-:hover {display: block; width: 58px; height: 24px;  margin: 0px 10px; margin-left: 25px; padding: 0px; background: url(images/home.gif) top left;}
#indexpage- #homelink {display: block; width: 58px; height: 24px; margin: 0px 10px; margin-left: 25px; padding: 0px;  background: url(images/home.gif) top left;}

#linkslink span {display: none;}
a#linkslink {display: block; width: 57px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/links.gif) bottom left; float: left;}
a#linkslink:hover {display: block; width: 57px; height: 24px;   margin: 0px 10px; padding: 0px; background: url(images/links.gif) top left;}
#linkspage #linkslink {display: block; width: 57px; height: 24px;   margin: 0px 10px; padding: 0px; background: url(images/links.gif) top left;}

#eventslink- span {display: none;}
a#eventslink- {display: block; width: 73px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/events.gif) bottom left; float: left;}
a#eventslink-:hover {display: block; width: 73px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/events.gif) top left;}
#eventspage- #eventslink {display: block; width: 73px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/events.gif) top left;}

#contactlink- span {display: none;}
a#contactlink- {display: block; width: 92px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/contact.gif) bottom left; float: left;}
a#contactlink-:hover {display: block; width: 92px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/contact.gif) top left;}
#contactpage- #contactlink {display: block; width: 92px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/contact.gif) top left;}

input, textarea {background-color: #e4eefd;}

#contactpage td {padding: 2px 0px;}

#ratespage table {font-size: 1.2em; line-height: 1.2em; color: #353c4b; border: solid 1px #ccc; border-collapse: collapse;}
#ratespage table td {padding: 5px 20px;border: solid 1px #ccc;}

ul {list-style: square;}
ul li {margin-left: 20px;}