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

body {
	background:url(/images/bg.png) transparent no-repeat top center;
}
body, p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:16px;}

h1 { 
	font-size:22px; 
	color:#00a650; 
	padding-bottom:15px;
	text-transform:lowercase;
	}

h2 { 
	font-size:16px;	
	color:#2e439b;
	 }

h3 {
	font-weight:bold;
	font-size: 14px;
	color:#0081C5;
	}
h4{
	font-size:13px;
	color:#598128;
	margin-bottom:-2px;
	
	}


li
{	
	list-style-image:url(/images/utils/arrow.gif);
	list-style-position:outside;
}

ul {
	margin-left:20px;
	padding-left:5px;
	padding-top:0;
	}

.bold{
font-weight:bold;
}
.contentPic
{
	float:left;
	margin:5px 15px 0px 1px;
	display:inline;
}

a, a:visited { color:#0081c5; text-decoration:underline; }
a:hover { color:#1f9193; text-decoration:none; }

.cleardiv { clear:both; }


#outercontainer {
	/* background:url(/images/outercontainer-bg.jpg) transparent no-repeat top center; */
	background:url(/images/topbar-bg.png) transparent repeat-x top center;
	overflow: hidden; min-width: 970px; 
}


#innercontainer {
	width:990px;
	padding-left:30px;
	padding-right:10px;
	margin:0 auto;
	zoom:1;
	background-color:#FFFFFF;
	padding-bottom:25px;
}

#insidebg {
	width: 1260px; 
	margin: 0 -145px;
	background:url(/images/topright-bg.jpg) transparent no-repeat top right;
}
#topleftbg {
	background:url(/images/topleft-bg.jpg) transparent no-repeat top left;
}

#main {
	width: 970px;
	position: relative;
	left: 0;
	margin: 0 auto;
}


/*   HEADER */


#header {
	width:970px;
	height:109px;
	position:relative;
	background:url(/images/header-bg.jpg) white no-repeat top left;
}

	#header #logo {
		position:absolute;
		width:0px;
		padding-left:166px;
		height:99px;
		background:url(/images/logo.gif) transparent no-repeat top left;
		overflow:hidden;
		left:8px; top:10px;
		display:block;
		font-size:9px;
		}

	#header #utils {
		position:absolute;
		left:622px; top:5px;
		width:348px;
		padding:0px; margin:0px;
		color:#666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
	}
	
		#utils li {
			float:left;
			list-style-type:none;
			list-style-image: none;
			margin-right:20px;
		}
			#utils li a, #utils li a:visited {
				color:#0081c3;
				text-decoration:none;
			}
			#utils li a:hover {
				color:#1f9193;
			}
			#utils li #util-home {
				padding-left:23px;
				display:block;
				background:url(/images/utils/home.gif) transparent no-repeat top left;
			}
				#utils li #util-home:hover {
					background:url(/images/utils/home-down.gif) transparent no-repeat top left;
				}
			#utils li #util-login {
				padding-left:23px;
				display:block;
				background:url(/images/utils/login.gif) transparent no-repeat top left;
			}
				#utils li #util-login:hover {
					background:url(/images/utils/login-down.gif) transparent no-repeat top left;
				}

			#utils #textresize-normal {
				font-weight:bold;
				color:#00a650;
				text-decoration:underline;
			}
			
			#utils #textresize-normal:hover {
				font-weight:bold;
				text-decoration:underline;
				color:#00a650;
			}
			
			#utils #textresize-medium:hover {
				font-weight:bold;
				text-decoration:underline;
				color:#00a650;
			}
			
			#utils #textresize-large:hover {
				font-weight:bold;
				text-decoration:underline;
				color:#00a650;
			}
						
			#utils #textresize-medium {
				font-weight:bold;
				color:#0081c3;
				text-decoration:none;				
			}
			
			#utils #textresize-large {
				font-weight:bold;
				color:#0081c3;
				text-decoration:none;				
			}
				
#printlogo{
	display:none; /* used by print.css */
	}

#contentarea {
	background:url(/images/contentarea-bg.jpg) #ffffff no-repeat top left;
	zoom:1;
	}
			
	#leftside {
		float:left;
		width:183px;
		min-height:400px;
		padding:12px 30px 0px 8px;
		background:url(/images/subnav/bg.jpg) transparent no-repeat top left;
		}
	
		#subnav-title {
			display: block;
			font-size:13px;
			font-weight:normal;
			padding-top:10px;
			margin-left:10px;
			padding-bottom: 8px;
			padding-right: 10px;
			color: #2e439b;
			float: left;
			min-width: 100px;
			background: url(/images/nav/bg-subnav-header.png) no-repeat right top;
			}

		#subnav-titlelong h2{
			font-size:13px;
			font-weight:normal;
			padding-top:22px;
			padding-left:10px;
			padding-bottom:0px;
			z-index:200;
			margin-top:-22px;
			margin-bottom:0px;
			background-image: url(/images/subnav/longtab.gif);
			background-repeat: no-repeat;
			background-position: left top;
			
			}
	
		#subnav {
			width:184px;
			padding:0px 0px 71px 0px;
			margin:0px;
			background:url(/images/subnav/gradient-bottom.gif) transparent no-repeat bottom left;
			}
		#subnav ul {
			padding:0px;
			margin:0px;
			clear: both;
			/* border-top:1px solid #00bcde; */
			}
		#subnav li {
			list-style-image: none;
			list-style-position:outside;
			list-style-type:none;
			background:none;
			}
		#leftside #subnav li:first-child a{
			/*border-top:0px none;*/
			}
		#leftside #subnav li li:first-child a{
			/*border-top:1px solid #00bcde;*/ /* seafoam blue */
			}
			
			
		/* ****************** Level 2 Not Active ********************** */			
		#subnav li a, #subnav li a:visited {
			display:block;
			color:#333333;
			font-size:11px;
			text-decoration:none;
			padding:2px 2px 4px 11px;
			/* background:url(/images/nav/bullet.gif) no-repeat transparent top left; */
			zoom:1;
			border-top:1px solid #00bcde; /* seafoam blue */
			}
		
		#subnav li a:hover, #subnav li.active a {
			color:#0081c5; /* sky blue */
			/* background:url(/images/nav/bullet-down.gif) no-repeat #efefef top left; */
			}
			
		/* ****************** Level 2 Active ********************** */	
		#subnav li.active a, #subnav li.active a.active { 
			color:#ffffff;
			background:url(/images/subnav/active-rightstripe.gif) #2681ca repeat-y top right;  /* mozilla blue */
			}
			#subnav li.active a:hover {
				text-decoration:underline;
				}
		#subnav li.active ul a {
			color:#333333;
			}
		
		/* ****************** Level 3 Not Active  ********************** */
		#subnav li li a, #subnav li li a:visited, #subnav li.active li a {
			padding:2px 2px 4px 25px;
			color:#2e439b; /* blue */
			background:none;
			border-top:1px solid #a6e8f3; /* baby blue */
			}
		#subnav li li a:hover {
			color:#00a650; /* medium flat green */
			/* background:url(/images/nav/3rdlevel-bullet-down.gif) no-repeat #efefef top left; */
			}
			
		/* ****************** Level 3 Active ********************** */		
		#subnav li li.active a, #subnav li.active li.active a {
			color:#00a650; /* medium flat green */
			background:url(/images/subnav/3rdlevel-bullet.gif) no-repeat transparent top left; 
			}
			
		#subnav li.more ul.inactive {
			display:none;
			}	
		#subnav li.active ul.inactive, #subnav li.active ul.active {
			display:block;
			}	
			
						
		/* ******************  Level 4 Not Active ********************** */
		#subnav li li li a, #subnav li li li a:visited, #subnav li.active li.active li a {
			padding:2px 2px 4px 35px;
			color:#000000;  /* black */
			background:none;
			border-top:1px solid #a6e8f3; /* baby blue */
			}
		#subnav li li li a:hover {
			color:#00a650; /* medium flat green */
			/* background:url(/images/nav/3rdlevel-bullet-down.gif) no-repeat #efefef top left; */
			}
			
		/* ******************  Level 4 Active ********************** */		
		#subnav li li li.active a, #subnav li.active li.active li.active a {
			color:#00a650; /* medium flat green */
			background:url(/images/subnav/3rdlevel-bullet.gif) no-repeat transparent top 10px; 
			}
			
		#subnav li li.more ul.inactive {
			display:none;
			}
		#subnav li li.active ul.inactive, #subnav li li.active ul.active {
			display:block;
			}

	
	#middle {
		float:left;
		width:530px;
		padding:0px 16px 0px 0px;
		}
	#push {
		height: 200px;
		width: 500px; 
	}
		#middle #sectionbanner {
			margin:0px;
			margin-top:22px;
			padding:1px 0px 16px 0px;
			height:195px;
			}
			#middle #sectionbanner.health_and_fitness {
				background:url(/images/sectionbanner/banner_healthfitness_2009.jpg) no-repeat;
				zoom:1;
				}
			.about_us {
				background:url(/images/sectionbanner/banner_aboutus_2009.jpg) no-repeat;
				zoom:1;
				}
			.publications {
				background:url(/images/sectionbanner/banner_publications_2009.jpg) no-repeat;
				zoom:1;
				}
			.how_to_participate{
				background:url(/images/sectionbanner/banner_howtopartici_2009.jpg) no-repeat;
				zoom:1;
				}		
			.survey{
				background:url(/images/sectionbanner/banner_surveys.jpg) no-repeat top left;
				zoom:1;
				}
			.corporatewellness{
				background:url(/images/sectionbanner/banner_corporatewellness.jpg) no-repeat top left;
				zoom:1;
				}
			.facilities{
				background:url(/images/sectionbanner/banner_facilities_2009.jpg) no-repeat top left;
				zoom:1;
				}
			.gctc{
				background:url(/images/sectionbanner/banner_facilities_2011.jpg) no-repeat top left;
				zoom:1;
				}
			.programs{
				background:url(/images/sectionbanner/banner_programs_2009.jpg) no-repeat top left;
				zoom:1;
				}
			.schedules{
				background:url(/images/sectionbanner/banner_schedules_2009.jpg) no-repeat top left;
				zoom:1;
				}	
			.login{
				background:url(/images/sectionbanner/banner_login-2_2009.jpg) no-repeat top left;
				zoom:1;
				}		
			.early-years-program {
				background:url(/images/sectionbanner/banner_early-years-programs.jpg) no-repeat top left;
				zoom:1;
			}	
		#wide-middle{
			float:left;
			width: 530px;
			}		
		#widecontent {
			width:737px;
			padding:0px;
			margin-bottom:40px;
			position: absolute;
			}	
		body.calendar #middle, body.calendar-eventdetails #middle {
			/*padding-top:85px;*/			
			}
		body.calendar #middle {
			min-height:720px;
		}
	#middle ul{
		margin-top:0px;
		}
		
	#rightside {
		float:left;
		width:200px;
		margin-left:2px;
		}
	
	#middle #rightside {
		float:right;
		position:absolute; 
		top:0px; right:0px;
		width:200px;
		}
		#search_title {
			background:url(/images/cta/search-title.gif) transparent no-repeat top left;
			width:0px;
			height:55px;
			padding-left:103px;
			overflow:hidden;
			}
			#search_fields {
				/*padding-left:10px;*/
				width:187px;
				margin-top:4px;
				}
			
			#site-search-fields, #program-search-fields, #schedule-search-fields { 
				overflow: hidden; 
				zoom:1;
				/*padding-bottom:2px;*/ 
				padding-left:10px;
				}
			#schedule-search-fields{
				/*margin:0;
				padding:0;*/
				margin-top:4px;
				}
			
			.blue-searchbox {
				float:left;
				font-size:11px;
				color:#4c4c4c;
				border:1px solid #6ab7de;
				border-right:0px;
				padding:3px 0px 3px 0px;
				margin:0px;
				width:115px;
				}

			.blue-mailbox {
				float:left;
				font-size:11px;
				color:#4c4c4c;
				border:1px solid #6ab7de;
				border-right:0px;
				padding:3px 0px 3px 0px;
				margin:0px;
				width:125px;
				}

			.green-searchbox {
				float:left;
				font-size:11px;
				color:#4c4c4c;
				border:1px solid #a9d46f;
				padding:3px 0px 3px 0px;
				margin:0px;
				width:176px;
				hasLayout: -1;
			}
			#frame-content {
				border-width: 0;
				height: 880px;
				width: 530px;
				border: #fff;
			}
			#frame-calendar {
				border: none;
				width: 740px;
				height: 800px;
			}
			/*
			.search-submitbutton-arrow {
				float:left;
				padding:0px;
				margin:0px;
			} */
			
			.search-submitbutton-arrow {
				float:left;
				padding:0px;
				margin:0px;
				width:22px;
				height:22px;
				border:none;
				background:url(../images/cta/sched-search-btn-off.jpg) no-repeat;		
				} 
			
			.search-submitbutton-arrow:hover{
				background:url(../images/cta/sched-search-btn-on.jpg) no-repeat;	
			
				}
			
			.search-submitbutton{
				/*margin-bottom:4px;*/
				width:58px;
				height:24px;
				border:none;
				background:url(../images/cta/submit-btn-off.jpg) no-repeat;
				}					
			.search-submitbutton:hover{
				background:url(../images/cta/submit-btn-on.jpg) no-repeat;
				}			
		
		
		#rightside #ctas {
			margin:0px; padding:0px;
			width:200px;
			
			}
			#ctas li {
				list-style-type:none;
				list-style-image: none;
				border-bottom:1px solid #b2ebf5;
				margin:0px; padding:0px;
				}
			#ctas li a, #ctas li a:visited { color:#0081c5; font-size:11px;}
			#ctas li a:hover { color:#00a650; }
			
			#cta-register_online {
				width:142px; height:47px;
				display:block;
				padding:26px 0px 0px 58px;
				background:url(/images/cta/register-online.png) transparent no-repeat top left;
				}
			#cta-surveys {
				width:142px;
				display:block;
				padding:31px 0px 10px 51px;
				background:url(/images/cta/surveys.png) transparent no-repeat top left;
				}
					#cta-surveys li {
					padding:0px 0px 0px 6px; margin:0px; border:0px;
					list-style-type:none;
					background:url(/images/cta/arrow-bullet.gif) transparent no-repeat top left;
					}
			#cta-notices {
				width:149px; 
				/* height:73px; */
				padding:29px 0px 15px 51px;
				margin:0px;
				background:url(/images/cta/notices.png) transparent no-repeat top left;
				}
				#cta-notices li {
					padding:0px 0px 0px 6px; margin:0px; border:0px;
					list-style-type:none;
					background:url(/images/cta/arrow-bullet.gif) transparent no-repeat top left;
					}
			#cta-healthy-tips{
				width:200px; height:56px;
				display:block;
				padding:0px 0px 0px 0px;			
				}
            #cta-keytag{
	width:200px;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
				}

			#cta-corporate-newsletter{
				width:200px; height:95px;
				display:block;
				padding:0px 0px 5px 0px;			
				}
			#cta-wellness-program{
				width:200px; height:74px;
				display:block;
				padding:0px 0px 0px 0px;			
				}
			#cta-neighbourhood-people{
				width:200px; height:68px;
				display:block;
				padding:0px 0px 0px 0px;			
				}
			#cta-playcard{
				width:200px; height:52px;
				display:block;
				padding:0px 0px 0px 0px;			
				}
			#cta-contact-us{
				width:200px; height:56px;
				display:block;
				padding:0px 0px 0px 0px; 			
				}	
			#cta-wellness-staff{
				width:200px; height:91px;
				display:block;
				padding:0px 0px 0px 0px; 			
				}
			#cta-contest a {
				display: block;
				width: 200px;
				height: 1px;
				padding-top: 104px;
				overflow: hidden;
				background: url(/images/cta/cta-contest.png) no-repeat 0 0;
			}
				#cta-contest a:hover {
					background-position: -220px 0;
				}			
	#wide-content{
		width:737px;
		float:left;
		/*clear:left;*/
		display:block;
		margin-top:10px;
		}

			
	#footer {
		/*width:747px;
		height:56px;
		background:url(/images/footer-bg.jpg) transparent no-repeat top left;
		margin:0 auto;
		padding:53px 0px 0px 223px;
		font-size:11px;
		color:#999999;*/
		
		width:747px;
		height:46px;
		background:url(/images/footer-bg.jpg) transparent no-repeat bottom left;
		margin:0 auto;
		padding:170px 0px 0px 223px;
		font-size:11px;
		color:#999999;
		}
		
		#footer a, #footer a:visited {
			color:#0081c5;
			text-decoration:none;
			}
		#footer a:hover {
			text-decoration:underline;
			}
			
		#footertext{ 
			display:none; /* used by print.css */
			}	
.comments
{color:#FF00FF}

.smallgrey{
	font-size:10px;
	color:#666666;
	}


	



.chart th{
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
	padding:7px 0 7px 10px;
	border:1px solid #0081c5;}
				
.chart td{
	padding: 5px 10px 5px 10px;
	border:1px solid #0081c5;
}


#calendar {
	width:734px;
	position:relative;
}

	#calendar #heading {
		width:736px;
		height:27px;
		padding:10px 0px 0px 0px;
		margin:0px;
		background:url(/images/calendar/heading-bg.jpg) transparent no-repeat top left;
		position:relative;
		border-bottom:1px solid #0081c5;
		text-align:center;
	}
	
	#heading a {
		color:#ffffff;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
	}
		#heading a:hover {
			text-decoration:underline;
		}
	#backbutton {
		position:absolute;
		left:18px; top:10px;
		display:block;
		color:#ffffff;
		background:url(/images/calendar/backarrow.gif) transparent no-repeat left;
		padding-left:13px;
	}
	#currentmonth {
		width:250px;
		margin:0 auto;
		text-align:center;
		color:#ffffff;
		font-size:16px;
		font-weight:bold;
	}
	#nextbutton {
		position:absolute;
		right:16px;
		top:10px;
		color:#ffffff;
		background:url(/images/calendar/nextarrow.gif) transparent no-repeat right;
		padding-right:13px;
	}
	
	#calendar table {
		border-left:1px solid #0081c5;
		border-right:1px solid #0081c5;
		border-bottom:1px solid #0081c5;
		/*width:736px;*/
		padding:0px; margin:0px;
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
	}
	#calendar table th {
		background:url(/images/calendar/table-header-bg.gif) transparent repeat-x;
		font-size: 11px;
		color:#2e439b;
		font-weight:bold;
		text-align:center;
		height:23px;
		width:104px;
		padding-top:5px;
		border-right:1px solid #95e0f0;
		border-bottom:1px solid #0081c5;
		
	}
	#calendar table td {
		font-size: 11px;
		color:#333333;
		height:67px;
		width:104px;
		border-right:1px solid #95e0f0;
		border-bottom:1px solid #95e0f0;
		vertical-align:top;
	}
	#calendar table tr.bottomrow td {
		border-bottom:0px;
	}
	
	#calendar td.empty {
		background-color:#e3f5fa;
	}
	#calendar td div.daycontainer {
		position:relative;
		background:transparent;
		width:104px;
		/*height:67px;*/
	}
	#calendar td div.day {
		position:absolute;
		top:5px;
		right:10px;
		color:#666666;
		font-weight:bold;
		background:transparent;
	}
	#calendar td div.dayevents {
		/*position:absolute;
		top:17px;
		left:6px;*/
		color:#333333;
		font-size:11px;
		background:transparent;
		padding:15px 2px 2px 5px;
	}
		#calendar td div.dayevents a {
			font-weight:bold;
		}
		
		
		
	.calendar-eventbox {
		/*border-top:1px solid #00bcde;*/
		padding-top:12px;
		zoom:1;
	}
		.calendar-eventbox .content {
			float:left;
			width:335px;
		}
		.calendar-eventbox .eventtitle {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#2e439b;
			font-weight:bold;
		}
		
		.calendar-eventbox .eventdate {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#0081c5;
			font-weight:bold;
		}
		
		.calendar-eventbox .eventtime {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#666666;
			font-weight:bold;
		}
		
		.calendar-eventbox .eventlocation {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#598128;
			font-weight:bold;
		}
		
		.calendar-eventbox .eventprice {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#0081c5;
			font-weight:bold;
		}
	.calendar-eventbox .photobox {
		width:174px;
		height:174px;
		float:right;
		padding:6px;
		background:url(/images/calendar/photobox-bg.png) transparent no-repeat top left;
	}
	
	#calendar-back {
		display:block;
		width:526px;
		height:0px;
		float:left;
		padding-top:34px;
		overflow:hidden;
		background:url(/images/calendar/back-to-calendar.gif) transparent no-repeat top left;
	}
.padTable
{
	padding:4px;
}



#cta-testimonials-top {
background-color:transparent;
background-image:url(/images/cta/cta-testimonials-top.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:20px 0 0;
padding:40px 35px 5px 50px;
width:132px;
}

#cta-testimonials-top p {
margin: 0;
padding: 0;
}

#cta-testimonials-bottom {
margin: 0;
padding: 0;
background-image: url(/images/cta/cta-testimonials-bottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
width: 132px;
padding: 0px 35px 0px 50px;
height: 65px;
}

#cta-testimonials-bottom p {
color: #0081c5;
margin: 0;
padding: 0;
}
#rightside-calendar {
position:absolute;
right:0;
top: 0;
margin-top: 109px;
width:200px;
		}
		
.videoLanguage {
font-family: Arial, Helvetica, sans-serif;
color:#2e439b;
font-size:17px;
font-weight:bold;
}
		
.videoLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00bcde;
}

.videotn {
margin-left:20px;
}