@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
/* this body fixes an IE bug and maintains x-browser uniformity */
	font-size: 100.01%;
	background: url(/sitefiles/1101/Images/c_bg.jpg) repeat-x;	
}



/* SITE WRENCH FORMATS */


.subnavmainstyle, .subnavsubstyle {display:block; font-size: 12px; color:#333333; text-decoration:none; padding:1px 10px;}
.subnavmainstyle:hover {background:#333333; color:#CCCCCC; text-decoration:underline;}
.subnavsubstyle { padding-left:20px; }

.bodybold {}
.bodyoptional {color:#08416e; font-size: 24px;	margin:0; font-weight:100; line-height:normal; margin:0; font-family:Myriad Pro, Arial, Helvetica, sans-serif;}

.heading, .headingbold {font-family:"Times New Roman", Times, serif; font-size: 24px;}

.heading {color:#175d89; font-size: 24px; font-weight:normal; font-family:"Times New Roman", Times, serif;}
.headingbold { color:#175d89; font-size: 24px; font-weight:bold; }

.subheading { color:#990000; font-size: 16px; font-weight:normal;  }
.subheadingbold {color:#990000; font-size: 16px; font-weight:bold; }

.optionalheading { color:#006600; font-weight:bold; text-transform:uppercase; font-size:14px; }

.bodybold { color:#000000; font-weight:bold; }

p, font, td, th, ul, li, ol  { 
	font-size: 13px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:1.8em;
 }

b, strong { color:#000000; font-weight:bold; }

a { color:#336600; }
a:hover { color:#333333; text-decoration:underline; }

/* END SITE WRENCH */


#green_bar
{
	background:url(/assets/1101/c_top_greenbar.png) repeat-x;
	height:15px;
}

#main_container
{
	width: 960px;
	margin:0 0 0 50px;
	z-index:1000;
}

/* top menu */
a.bluemenu
{
	color:#FFFFFF;
	background:url(/assets/1101/c_bluemenu_border.png) no-repeat;
	background-position: right 0;
	text-decoration:none;
	font-size: 11px;
	height:23px;
	padding-right: 15px;
	margin:0 5px;
	/*height: 7px; 23 
	padding:8px 3px 8px 0;
	margin-top:2px;*/
}

a.bluemenu:hover
{
	color: #CCCCCC;
	text-decoration:underline;
}

#mediaplayer_container
{
	width: 972px;
	height: 328px;
	margin-top: 8px;
}

#mediaplayer_background
{	
	width:610px;
	height:328px;
	background:url(/assets/1101/c_mediaplayer_mainbg.png) no-repeat;
	position:relative;
	z-index:1;
}

#small_container
{
	width: 913px;
	margin-left: 58px;
}

p.home_big
{
	color:#08416e;
	font-size: .95em;
	margin:0;
	font-weight:100;
}

/* BUTTONS */

a.nursery, a.preschool, a.lessons, a.famjam, a.parents, a.colorbook, a.games
{
	display: block;
	height: 148px;
}

a.nursery
{
	width: 96px;
	background:url(/assets/1101/c_b_nursery1.gif) no-repeat;
}

a.nursery:hover
{
	background:url(/assets/1101/c_b_nursery2.gif) no-repeat;
}

a.preschool{width: 118px;background:url(/assets/1101/c_b_presch_1.gif) no-repeat;}
a.preschool:hover{background:url(/assets/1101/c_b_presch_2.gif) no-repeat;}

a.lessons{width:136px; background:url(/assets/1101/c_elementary_off.gif) no-repeat;}
a.lessons:hover{background:url(/assets/1101/c_elementary_on.gif) no-repeat;}

a.famjam{ width:96px; background:url(/assets/1101/c_b_famjam_1.gif) no-repeat;}
a.famjam:hover{background:url(/assets/1101/c_b_famjam_2.gif) no-repeat;}

a.parents{width:96px; background:url(/assets/1101/c_b_parents_1.gif) no-repeat;}
a.parents:hover{background:url(/assets/1101/c_b_parents_2.gif) no-repeat;}

a.colorbook{width: 106px; background:url(/assets/1101/c_b_colorbook_1.gif) no-repeat;}
a.colorbook:hover{background:url(/assets/1101/c_b_colorbook_2.gif) no-repeat;}

a.games{width: 117px; background:url(/assets/1101/c_b_games_1.gif) no-repeat;}
a.games:hover{background:url(/assets/1101/c_b_games_2.gif);}

#textbox_container
{
	
}

#events_cont, #multimedia_cont, #photogall_cont
{
	width:353px;
	height:235px;
	margin-bottom: 13px;
	padding-left:85px;
	padding-top:70px;
	padding-right:10px;
}

#events_cont{ background:url(/assets/1101/eventsbig.png) no-repeat; margin-top: 23px;}
#multimedia_cont{background:url(/assets/1101/c_rtbtn_multimedia.png) no-repeat;}
#photogall_cont{background:url(/assets/1101/c_rtbtn_photos.png) no-repeat; margin-bottom:0;}


#movieplayer_box
{
	width:334px;
	height:251px;
	overflow:hidden;
	position:absolute;
	left: 76px;
	top: 39px;
}

#playlist_box {
	position:absolute;
	width:150px;
	padding:4px;
	height:210px;
	left: 434px;
	top: 67px;
}

iframe {
	z-index: 5;
	height: 251px;
	width: 334px;
	background:#000000;
	position:absolute;
	left: 76px;/*overflow:hidden;*/
	top: 39px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:none;
} 

h1.yellow
{color:#ffd802; font-size:11px; margin:0; text-transform:uppercase; margin-top:10px; line-height:normal;}

a.xsmall_white{color:#FFFFFF; font-size: 10px; margin:0; text-decoration:none; display:block; line-height:normal;}
a.xsmall_white:hover{text-decoration:underline; background:#333333;}


p.footer
{ color:#666666; font-size: .75em; margin:0 auto; margin-top:35px; }

a.footerlink
{ color: inherit; text-decoration:none; }
a.footerlink:hover
{ color:#0066CC; text-decoration: underline; }

/* SUB PAGE */

#sub_container
{
	width:913px;
	background:url(/assets/1101/c_subbg3.png) no-repeat;
	margin-left:58px;
	margin-top:-3px;
	z-index:0;
	padding-bottom: 45px;
}

#sub_maincontainer
{
	padding:30px;
}

#sub_header
{
	width:721px;
	height:150px;
	background:url(/sitefiles/1101/images/childrensheader3.jpg) no-repeat;
	position:relative;
}

#sub_headertitle
{
	position:absolute;
	left: 24px;
	top: 115px;
}

#subnavright
{
	width:162px; margin-top:10px; margin-left:10px;
	}
	
#subnavright p {
	display:none;
}

#subnavright p a {
	display:block; font-size: 12px; color:#333333; text-decoration:none; padding:1px 10px;	
	}
	
#subnavright p a:hover {
	background:#333333; color:#CCCCCC; text-decoration:underline;
	}
	
#subnavright h2 a {
	display:block; font-size: 12px; color:#333333; text-decoration:none; padding:1px 10px;	
}

#subnavright h2 a:hover {
	background:#333333; color:#CCCCCC; text-decoration:underline;
}
	
/* SUB MENU Styles
-------------------------------------------*/
#subnav, #subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;}

	
#subnav a {
	display:block; font-size: 12px; color:#333333; text-decoration:none; padding:1px 10px; font-weight: normal;
}

#subnav a:hover {
	background:#333333; color:#CCCCCC; text-decoration:underline; font-weight: normal;
}

#subnav li {
	padding: 0px;
	margin: 0px;}

h1.sub_white
{
	color:#cff0fe; margin:0; font-size:1.8em;
}

p
{
	font-size: .78em;
	padding:0 15px;
	line-height: 1em;
}

p.event-detail-title, p.event-detail-description, p.event-detail-date, p.event-detail-repeats, p.event-detail-location-name, p.event-detail-contact-name, p.event-detail-contact-email, p.event-detail-contact-phone, div.event-detail-contact-wrapper, p.event-detail-calendarlink, span.event-detail-contact-name, span.event-detail-contact-email, span.event-detail-contact-phone {
	font-size: 15px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	line-height:1em;
}

.upcoming-events-wrapper ul {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 8px;
	background: none;
	list-style: none;
}
.upcoming-events-wrapper li {
	font-size: 13px;
	margin: 0px;
	padding: 6px 0px; <!--space below line, above text-->
	list-style: none;
	border-bottom: 1px solid #666666;
}
.upcoming-events-wrapper p {
	margin-bottom: 0px;
	font-size: 13px;
}
.upcoming-events-date {
	font-size: 13px;
	color: #000000;
}
.upcoming-events-time {
	display: none;
	font-size: 13px;
}
.upcoming-events-view-link {
	font-size: 13px;
	float: left; 
	width: 77px;
	height: 18px;
	overflow: hidden;
}
.upcoming-events-view-link a {
	font-size: 13px;
	width: 77px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	background: url(/SiteFiles/1245/Images/b-view-events.jpg) no-repeat top;
}
.upcoming-events-view-link a:hover {
	background: url(/SiteFiles/1245/Images/b-view-events.jpg) no-repeat bottom;
}

h1.submenutitle
{
	display:block;
	padding:2px;
	font-size: .9em;
	font-weight:100;
	color: #CCCCCC;
	background:#333333;
	text-transform:uppercase;
	margin:5px 0;
}

h1.subblue
{
	color:#175d89;
	font-size: 1.7em;
	margin:0 0 0 15px;
}
