body			{padding:0px; margin:0px; background-color:#fff;}

	/*****************************/
	/*** layout: Generic Layout***/
	/*****************************/

	/* background */

.page-homepage	 	{width: 600px; height: 385px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff;}
.homepage-text	 	{width: 600px; height: 100px; text-align: center; margin: 0px auto; padding: 0px; border: solid 0px; background-color: transparent;}
.page-container 	{width: 900px; height: 653px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff; background-image: url(images/bg.jpg); background-repeat: no-repeat;}
.page-container2 	{width: 900px; height: 655px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff; background-image: url(images/bg2.jpg); background-repeat: no-repeat;}
.page-containerll 	{width: 900px; height: 655px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff; background-image: url(images/bgll.jpg); background-repeat: no-repeat;}
.page-containercc 	{width: 900px; height: 655px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff; background-image: url(images/bgcc.jpg); background-repeat: no-repeat;}
.page-containerls 	{width: 900px; height: 655px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: #fff; background-image: url(images/bgls.jpg); background-repeat: no-repeat;}

	/*  quick links*/

.you-are-here 		{width: 900px; height: 16px; margin: 2px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;}
ul					{list-style-type: none; padding: 0px; margin: 3px 0px 0px 0px; text-decoration: none;}
.menu1 				{margin: 0px; padding: 0px 0.5em; background: #fff none;}
.menu1 ul 			{margin: 0px; padding: 0; list-style-type: none;}
.menu1 li			{margin: 0; padding: 0; float: left;}
.menu1 li 			{padding-right: 5px;}

	/* main page */

.main-page 		{width: 900px; height: 615px; margin: 0px auto; padding: 0px; border: solid 0px; background-color: transparent;}

	/* logo & page overview */

.overview-left 		{float: left; width: 40px; height: 145px; margin: 5px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;}
.logo 				{float: left; width: 120px; height: 109px; margin: 5px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent; background-image: url(images/logo.jpg); background-repeat: no-repeat;}
.overview-space		{float: left; width: 107px; height: 145px; margin: 5px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;}
.overview-icon 		{float: left; width: 84px; height: 85px; margin: 9px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;background-image: url(images/tips.jpg); background-repeat: no-repeat;}
.page-overview 		{float: left; width: 529px; height: 140px; margin: 5px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;}
.overview-right 	{float: right; width: 20px; height: 145px; margin: 5px 0 0 0; padding: 0px; border: solid 0px; background-color: transparent;}

	/* main content */

.content-box 		{clear: both; float: left; width: 900px; margin: 0px; border: solid 0px; padding: 0px;} 
.content-left 		{float: left; width: 35px; height: 100px; margin: 0 0 0 10px; padding: 0px; border: solid 0px; background-color: transparent;}
.content 		{float: left; width: 815px; height: 210px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.content-right 		{float: right; width: 20px; height: 210px; margin: 0 10px 0 0; padding: 0px; border: solid 0px; background-color: transparent;}

	/* sub content */

.subcontent-left 	{float: left; width: 575px; height: 50px; margin: 0 0 0 10px; padding: 0px; border: solid 0px; background-color: transparent;}
.subcontent 		{float: right; width: 305px; height: 50px; margin: 0 10px 0 0; padding: 0px; border: solid 0px; background-color: transparent;}

	/* graphic space */

.graphic-space-content 	{float: left; width: 900px; height: 120px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}

	/* footer */

.footer-icon 		{float: left; width: 30px; height: 40px; margin: 0px 0px 0px 10px; padding: 0px; border: solid 0px; background-color: transparent;}
.footer-left 		{float: left; width: 170px; height: 40px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.footer-space 		{float: left; width: 340px; height: 40px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.footer-right 		{float: left; width: 310px; height: 25px; margin: 5px 0px 0px 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.menufooter			{width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: transparent;}
.menufooter ul 		{margin: 0px; padding: 0px; list-style-type: none;}
.menufooter li		{margin: 0px; padding: 0; float: left;}
.menufooter li		{padding-right: 0px;}
.w3c		 		{float: left; width: 675px; text-align: center; height: 25px; margin: 25px 0px 0px 0px; border: solid 0px; padding: 0px 0px 0px 225px; background-color: transparent;} 


	/* layout age groups */

.agcontent 		{float: left; width: 218px; height: 210px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.agcontent-left 	{float: left; width: 35px; height: 210px; margin: 0px 10px 0px 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.agcontent-a 		{float: left; width: 200px; height: 210px; margin: 8px 6px 0px 8px; padding: 0px; border: solid 0px; background-color: transparent;}
.agcontent-b 		{float: left; width: 200px; height: 210px; margin: 9px 0px 0px -8px; padding: 0px; border: solid 0px; background-color: transparent;}
.agcontent-c 		{float: left; width: 200px; height: 210px; margin: 10px 0px 0px 2px; padding: 0px; border: solid 0px; background-color: transparent;}
.agcontent-right 	{float: right; width: 10px; height: 210px; margin: 0px 10px 0px 0px; padding: 0px; border: solid 0px; background-color: transparent;}

	/* layout: map and directions */

.homecontent-mapspace 	{float: left; width: 53px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-map	{float: left; width: 175px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-map1	{float: left; width: 410px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-map2	{float: left; width: 150px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}

	/* layout: sitemap */

.homecontent-sm		{float: left; width: 123px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
	
	/* layout: contacts */

.content-cspace 	{float: left; width: 53px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.content-cimage		{float: left; width: 175px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.content-c		{float: left; width: 200px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.content-c1		{float: left; width: 165px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.content-c2		{float: left; width: 205px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.fieldset		{border: solid 0px; padding: 0px; margin: 0px;}

	/* layout: default content */

.homecontent-left 	{float: left; width: 85px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent	 	{float: left; width: 120px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-space 	{float: left; width: 65px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-1	 	{float: left; width: 565px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-right 	{float: right; width: 65px; height: 75px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-left2 	{float: left; width: 85px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-a 		{float: left; width: 250px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.homecontent-right2 	{float: right; width: 65px; height: 135px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}

	/* layout: age group (except overview) */

.home2content-left 	{float: left; width: 120px; height: 60px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home2content	 	{float: left; width: 120px; height: 60px; margin: 10px 0px 0px 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home2content-space 	{float: left; width: 125px; height: 60px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home2content-1	 	{float: left; width: 460px; height: 60px; margin: 10px 0px 0px 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home2content-right 	{float: right; width: 65px; height: 60px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}

.home3content-left 	{float: left; width: 55px; height: 150px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home3content	 	{float: left; width: 265px; height: 150px; text-align: center; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home3content-space 	{float: left; width: 45px; height: 150px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home3content-1	 	{float: left; width: 512px; height: 150px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}
.home3content-right 	{float: right; width: 13px; height: 150px; margin: 0px; padding: 0px; border: solid 0px; background-color: transparent;}


	/* texts */

P 			{ line-height:16px; margin: 5px; text-decoration: none;}
.header 		{ font-family: arial; font-variant: small-caps; font-weight: bold; font-size: 16px; color: #4174B0; margin: 5px 5px 0px 5px; text-decoration: none;}
.copy 			{ font-family: arial; font-size: 12px; color: #ffffff; text-decoration: none;}
.enter	 		{ font-family: arial; font-size: 12px; letter-spacing: 2.0mm; color: #4174B0; text-decoration: none;}
.text	 		{ font-family: arial; font-size: 12px; color: #4174B0; text-decoration: none;}
.textcenter 	{ font-family: arial; font-size: 12px; text-align: center; color: #4174B0; text-decoration: none;}
.greentext		{ font-family: arial; font-size: 12px; font-weight: bold; color: #688720; text-decoration: none;}
.whitetext		{ font-family: arial; font-size: 12px; text-align: center; color: #ffffff; text-decoration: none;}
a:hover 		{ font-family: arial; font-size: 12px; color: #A71B1B; text-decoration: none;}


	/* Generic */

div#overflow_f 		{ background-color:transparent; width:512px; height:135px; overflow: auto; margin: 0px;}
div#overflow  		{ background-color:transparent; width:195px; height:135px; overflow: auto; margin: 0px 0px 0px 25px;}
img					{ border: 0px;}
.paddingtop {padding-top:10px;}


	/******************/
	/* navigation bar */
	/******************/

.container {
text-align:center; background:#fff url(images/nav/menu.gif); border:1px solid #4E84C5; border-width:3px 1px 1px 1px; height:30px;
margin:0 9px 0 8px; /* for this demo only */
}
.menu {
text-align:left; font-family: arial, verdana, sans-serif; position:relative; font-size:12px; background:transparent; width:600px; height:30px; margin:0 auto;
}
.menu ul {
padding:0; margin:0; list-style-type: none;
}
.menu ul li {
float:left; position:relative;
}
.menu ul li.home {background:transparent url(images/nav/menuhome.gif);}
.menu ul li.agegroups {background:transparent url(images/nav/menuagegroups.gif);}
.menu ul li.staff {background:transparent url(images/nav/menustaff.gif);}
.menu ul li.contact {background:transparent url(images/nav/menucontact.gif);}
.menu ul li.site {background:transparent url(images/nav/menusite.gif);}
.menu ul li.links {background:transparent url(images/nav/menunews.gif);}
.menu ul li.suboverview {background:transparent url(images/nav/menusuboverview.gif) no-repeat;}
.menu ul li.submap {background:transparent url(images/nav/menusubmap.gif) no-repeat;}
.menu ul li.subdoc {background:transparent url(images/nav/menusubdoc.gif) no-repeat;}
.menu ul li.subthumb {background:transparent url(images/nav/menusubthumb.gif) no-repeat;}
.menu ul li.subjigsaw {background:transparent url(images/nav/menusubjigsaw.gif) no-repeat;}
.menu ul li.subl {background:transparent url(images/nav/menusubl.gif) no-repeat;}
.menu ul li.subc {background:transparent url(images/nav/menusubc.gif) no-repeat;}
.menu ul li.subs {background:transparent url(images/nav/menusubs.gif) no-repeat;}
.menu ul li.substaff {background:transparent url(images/nav/menusubstaff.gif) no-repeat;}
.menu ul li.subsubl {background:#eee url(images/nav/next.gif) no-repeat top left;}
.menu ul li.subsubr {background:#eee url(images/nav/previous.gif) no-repeat 145px 0;}

.menu ul li a, .menu ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .menu ul li a, .menu ul li a:visited {
width:100px; w\idth:70px;
}

.menu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:12px;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover {
color:#A71B1B; text-decoration:underline; border:0;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #4E84C5; overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#4E84C5; height:auto; line-height:14px; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
display:block; color:#A71B1B; height:auto; line-height:14px; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#a71b1b; text-decoration:underline;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#4e84c5; left:166px; height:auto; border:1px solid #4e84c5;
}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
display:block; color:#4e84c5; height:auto; line-height:14px; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover {
color:#a71b1b; text-decoration:underline;
}


	/****************/
	/* contact form */
	/****************/



input,textarea,select 
	{ padding: 1px; color: #fff; background: #4E84C5;  border: 1px solid #2D609E;}

input:focus,input:hover,textarea:focus,textarea:hover,select:focus,select:hover 
	{ color: #4E84C5; background: #E1E9F3; border: 1px solid #2D609E;}

input.button 
	{ padding: 0px; margin: 0px 4px 0px 0px; cursor: pointer; color: #fff; background: #4E84C5;}
	
	
	
	/***********/
	/* gallery */
	/***********/


/* needed for IE to make :active state work first time */
a, a:hover {color:#a71b1b;}

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; color:#4E83C5; text-decoration:none; border:1px solid #fff; width:25px; height:20px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/staff.jpg);}
a.slideb {background:url(images/staff.jpg);}
a.slidec {background:url(images/staff.jpg);}
a.slided {background:url(images/staff.jpg);}
a.slidee {background:url(images/staff.jpg);}
a.slidef {background:url(images/staff.jpg);}
a.slideg {background:url(images/staff.jpg);}
a.slideh {background:url(images/staff.jpg);}
a.slidei {background:url(images/staff.jpg);}
a.slidej {background:url(images/staff.jpg);}
a.slidek {background:url(images/staff.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #a71b1b;}

#container_left {position:absolute; width:740px; height:135px; background:transparent; margin:0px;}
#container_left img {border:0px solid;}
#container_left .thumbs {width:150px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:270px; height:130px; top:3px; left:450px; padding:0px; font-style:italic; color:#4E83C5;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#4E83C5;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #4E83C5;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:250px; height:130px; top:4px; left:175px; padding:0px; color:#000; border:0px solid #a71b1b; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:0px; padding-left:175px; width:200px; font-family: arial; font-size:2em; font-weight:normal; color:#4E83C5;}