body
{
	background-color: #66A9E0;
	background-image: url(../images/bg_body.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}

body.template3
{
	background-position: 0 -52px;
}

#wrapper
{
	margin: 0 auto;
	position: relative;
	width: 990px;
}

#banner_overlay
{
	background-image: url(../images/banner_overlay.gif);
	height: 180px;
	left: 0;
	position: absolute;
	top: 55px;
	width: 410px;
}

#inner
{
	text-align: left;
}

#nav
{
	background-image: url(../images/bg_menu.gif);
	background-repeat: no-repeat;
	float: left;
	height: 52px;
	width: 960px;
}

#nav ul.u-one
{
	float: left;
	height: 52px;
	width: 960px;
}

#nav ul li.l-one
{
	float: left;
	height: 52px;
	position: relative;
	width: 160px;
}

#nav ul li.l-one:hover
{
	background-image: url(../images/bg_menu_over.png);
	background-repeat: no-repeat;
}

#nav ul li a.a-one
{
	display: block;
	height: 52px;
	width: 160px;
}

#nav ul li.nohand a
{
	cursor: default;
}

#nav ul ul
{
	background-image: url(../images/bg_submenu.png); 
	display: none;
	left: 0;
	padding-bottom: 8px;
	position: absolute;
	text-align: left;
	top: 52px;
/*	white-space: nowrap; */
	width: 160px;
}

#nav ul ul a
{
	color: #fff;
	cursor: pointer !important;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
}

#nav ul li:hover ul
{
/*	display: block; */
}

#nav ul ul li a:hover
{
	background-color: #5555B0;
}

#gingerbread_corner
{
	clear: both;
	height: 250px;
}

#main
{
	background-color: #fff;
	overflow: hidden;
	padding: 56px 20px 30px 20px;
	position: relative;
	width: 919px;
}

#main h2
{
	background-image: url(../images/bg_header.jpg);
	background-position: center right;
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 5px;
}

.template3 #main h2
{
	font-size: 3em;
}

#main h3
{
	background-color: #e4e4e4;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 6px;
	padding: 5px;
}

#main h4
{
	color: #6699cc;
	font-size: 1.5em;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 5px;
}

#main a
{
	color: #0000ff;
	text-decoration: underline;
}

#main a:hover
{
	text-decoration: none;
}

#main ul
{
	list-style-type: disc;
	padding-left: 40px;
}

#main ul.gingerbreadman
{
	list-style-image: url(../images/bullet_gb.jpg);
}

#main li
{
	margin: 6px 0 10px 0;
}

#main ul.gingerbreadman li
{
	height: 1.8em;
	line-height: 1.8em;
}

#main #cork
{
	background-image: url(../gallery/cork.gif);
	height: 613px;
	position: absolute;
	width: 811px;
	top: 70;
	left: 75px;
}

#main #cork img
{
	height: 200px;
	position: absolute;
	width: 183px;
}

#donate
{
	height: 47px;
	left: 20px;
	position: absolute;
	top: 0;
	width: 160px;
}

#fb
{
	height: 47px;
	left: 200px;
	position: absolute;
	top: 0;
	width: 450px;
}

#breakfastclubschoolrow,
#afterschoolclubschoolrow
{
	display: none;
}

#map_ground_floor
{
	background-color: #C2EA4B;
	background-image: url(../images/ground_floor_map.jpg);
	height: 601px;
	position: relative;
	width: 500px;
}

#map_first_floor
{
	background-color: #C2EA4B;
	background-image: url(../images/first_floor_map.jpg);
	height: 601px;
	position: relative;
	width: 500px;
}

#dhtmltooltip h5
{
	background-color: #ddd;
	font-size: 1.2em;
	height: 1.9em;
	line-height: 1.9em;
	margin: 4px 0 6px 0;
	width: 300px;
}

#dhtmltooltip p
{
	text-align: left;
	width: 300px;
}

#activity
{
	height: 125px;
	left: 198px;
	position: absolute;
	top: 185px;
	width: 120px;
}

#babies
{
	height: 130px;
	left: 30px;
	position: absolute;
	top: 427px;
	width: 200px;
}

#big_den
{
	height: 60px;
	left: 265px;
	position: absolute;
	top: 440px;
	width: 50px;
}

#first_aid
{
	height: 40px;
	left: 403px;
	position: absolute;
	top: 457px;
	width: 50px;
}

#hall
{
	height: 136px;
	left: 198px;
	position: absolute;
	top: 45px;
	width: 120px;
}

#IT_room
{
	height: 98px;
	left: 365px;
	position: absolute;
	top: 382px;
	width: 87px;
}

#kitchen
{
	height: 60px;
	left: 365px;
	position: absolute;
	top: 43px;
	width: 90px;
}

#little_den
{
	height: 60px;
	left: 360px;
	position: absolute;
	top: 23px;
	width: 115px;
}

#lobby
{
	height: 145px;
	left: 350px;
	position: absolute;
	top: 390px;
	width: 50px;
}

#rainbow
{
	height: 100px;
	left: 198px;
	position: absolute;
	top: 313px;
	width: 120px;
}

#romp
{
	height: 85px;
	left: 362px;
	position: absolute;
	top: 87px;
	width: 92px;
}

#sensory
{
	height: 45px;
	left: 365px;
	position: absolute;
	top: 255px;
	width: 90px;
}

#stayroom
{
	height: 120px;
	left: 198px;
	position: absolute;
	top: 48px;
	width: 120px;
}

#yr2to3
{
	height: 115px;
	left: 30px;
	position: absolute;
	top: 305px;
	width: 150px;
}

#yr3to5
{
	height: 80px;
	left: 30px;
	position: absolute;
	top: 220px;
	width: 165px;
}

#footer
{
	background-color: #fff;
	background-image: url(../images/bg_footer.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	border-top: 1px solid #ccc;
	height: 90px;
	padding: 10px 0 55px 0;
	position: relative;
	width: 959px;
}

#footer p
{
	padding: 0 10px 10px 20px;
}

#footer span
{
	color: #888;
	display: block;
	padding-top: 6px;
}

#footer a
{
	color: #666;
	text-decoration: underline;
}

#footer a:hover
{
	color: #000;
	text-decoration: none;
}

.adminbutton
{
	font-size: 10px;
	margin-top: 2px;
	padding: 0 4px;
}

.adminbutton:hover
{
	cursor: pointer;
}

#browsers
{
	border: 1px solid #666;
	font-family: verdana, arial, sans-serif;
	float: left;
	font-size: 10px;
	margin: 0 10px 0 20px;
	padding: 5px;
}

#browsers p
{
	background-color: #f8f8f8;
	border: 1px solid #e0e0e0;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
}

#ccclogo
{
	background-image: url(../images/cccLogo.jpg);
	bottom: 50px;
	height: 77px;
	position: absolute;
	right: 273px;
	width: 80px;
}

#council_logo
{
	background-image: url(../images/council-logo.jpg);
	bottom: 50px;
	height: 77px;
	position: absolute;
	right: 163px;
	width: 100px;
}

#gingerbreadman
{
	background-image: url(../images/gingerbreadman.png);
	bottom: 0;
	height: 106px;
	position: absolute;
	right: 20px;
	width: 133px;
}

#registration
{
	bottom: 12px;
	color: #bbb;
	font-size: 10px;
	position: absolute;
	left: 20px;
}

#fontsize_control
{
	background-color: #f0f0f0;
	border: 1px solid #666;
	float: left;
	margin: 0 0 6px 20px;
	padding: 3px 3px 3px 0px;
	position: absolute;
	right: 10px;
	top: 0;
}

#fontsize_control a
{
	background-color: #303030;
	border: 1px solid #383838;
	border-bottom-color: #505050;
	border-right-color: #505050;
	color: #f4f4f4;
	display: block;
	float: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	margin-left: 3px;
	text-align: center;
	text-decoration: none;
	width: 18px;
}

/* Get IE6 to use the whole block as the link */
* html #fontsize_control a
{
	height: 1px;
}

#fontsize_control a.plus1
{
	font-size: 14px;
}

#fontsize_control a.plus2
{
	font-size: 18px;
}

#fontsize_control a:hover
{
	background-color: #707070;
	border: 1px solid #484848;
	border-left-color: #808080;
	border-top-color: #808080;
}
