* {
margin: 0;
padding: 0;
}

body, html {
height: 100%;
}


a img {
border: none;
}

table td {
vertical-align: top;
}

#body .no_margin img.left, #body .no_margin img.right {
margin: 0 0 0 0;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

.red {
color: #FF0000;
}

ul li {
margin-left: 15px;
}

#wrapper {
width: 818px;
height: 100%;
}

#container {
display: block;
position: absolute;
min-height: 100%;
background: #A5B8F3;
width: 818px;
} *html #container { height: 100%; }

#content {
position: relative;
width: 818px;
}

#main_container {
width: 818px;
font-family: arial;
}

	#main_container.fp {
	padding-bottom: 4px;
	background: url(images/calendar_bottom.gif) no-repeat bottom right;
	}

#header {
width: 818px;
height: 133px;
background: url(images/header_graphic.gif) no-repeat;
padding-bottom: 4px;
}

	#header img {
	margin: 16px 0 0 107px;
	}

#menu {
width: 814px;
padding: 0 2px;
height: 33px;
margin: 1px auto 5px auto;
}

.menu_button {
float: left;
width: 74px;
height: 33px;
background: url(images/menu_button.gif) no-repeat;
}

.menu_button:hover, .menu_button.selected {
background: url(images/menu_button_select.gif) no-repeat;
}

#calendar_box {
float: right;
border-top: 1px #3366FF solid;
width: 196px;
text-align: center;
padding: 14px 5px 0 5px;
}
	
	#calendar_box a {
		font-family: arial;
		color: #FF00FF;
	}
	
	#calendar_box #smile {
	font-size: 24px;
	}
	
	#calendar_box p {
	font-family: Arial Rounded MT Bold;
	}

#body_wrapper {
width: 818px;
overflow: hidden;
}

	#body_wrapper.fp {
	background: url(images/calendar_bg.gif) repeat-y top right;
	}

#body_box {
width: 603px;
background: #3366FF;
text-align: center;
color: #FFFFFF;
font-size: 13px;
padding: 20px 4px 73px 4px;
}

#body_box a {
color: #FFFFFF;
text-decoration: underline;
}

#body_box a:hover {
text-decoration: none;
}

#flash {
width: 484px;
height: 402px;
padding: 39px 0 39px 10px;
}

.star_box {
background: url(images/star.gif) no-repeat;
width: 102px;
padding: 35px 37px 43px 41px;
min-height: 46px;
margin: 0 auto;
} *html .star_box { height: 46px; }

	#calendar_box .star_box a {
	color: #FF00FF;
	font-size: 14px;
	font-weight: bold;
	}
	
	#calendar_box .star_box a:hover {
	text-decoration: none;
	}
	
#body {
width: 740px;
min-height: 415px;
margin: 0 auto;
background-color: #FFFFFF;
padding: 10px 20px 40px 20px;
} *html #body { height: 415px; }

	#body h1 {
	font-family: arial black;
	font-weight: bold;
	font-size: 23px;
	}
	
	#body img.left {
	margin: 0 16px 16px 0;
	}
	
	#body img.right {
	margin: 0 0 16px 16px;
	}
	
	#body.bg {
	background-image: url(images/star_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
	
	#body a {
	color: #FF00FF;
	text-decoration: underline;
	}
	
	#body a:hover {
	text-decoration: none;
	}
	
#form {
float: left;
margin: 0 0 0 0;
background: #738CD9;
padding: 5px;
font-size: 15px;
color: #0D215C;
}

	#form textarea {
	overflow: auto;
	}
	
	.full {
	border-top: 1px #566FBA solid;
	border-left: 1px #566FBA solid;
	border-bottom: 1px #A5B8F3 solid;
	border-right: 1px #A5B8F3 solid;
	width: 263px;
	margin: 1px 0 3px 0;
	font-family: arial;
	font-size: 15px;
	}
	
.half_text {
width: 350px;
}

.app_bg {
background: url(images/applications_img.gif) no-repeat 475px 20px;
}

.app {
float: left;
clear: both;
width: auto;
height: 79px;
line-height: 79px;
padding-left: 79px;
background: url(images/arrow_button.gif) no-repeat;
}

	#body a.app {
	color: #000000;
	text-decoration: none;
	}
	
.photos_link {
float: left;
line-height: 56px;
height: 56px;
padding-left: 56px;
background: url(images/photo_button.gif) no-repeat;
}

	#body a.photos_link {
	color: #000000;
	text-decoration: none;
	}
	
#photos {
width: 738px;
background: #FFD7EB;
border: 1px #000000 solid;
border-top: none;
position: relative;
}

	.album {
	width: 708px;
	border-top: 1px #000000 solid;
	padding: 15px;
	}
	
	.new {
	position: absolute;
	top: -10px;
	right: 15px;
	}
	
	#summer {
	padding: 10px;
	background: url(images/summer.gif) #99CC00 no-repeat center 10px;
	min-height: 288px;
	} *html #summer { height: 288px; }
	
	#summer_links {
	}
	
	#summer_links.left {
	width: 213px;
	padding-right: 61px;
	text-align: right;
	}
	
	#summer_links_right {
	width: 298px;
	text-align: left;
	}
		
		#summer_links a, #summer_links_right a {
		font-weight: bold;
		font-size: 19px;
		color: #FFFFFF;
		text-decoration: none;
		}
		
		#summer_links.left p, #summer_links_right p {
		padding-bottom: 68px;
		}
		
		.extra {
		padding-right: 12px;
		}
		
		.extra_r1 {
		padding-left: 60px;
		}
		
		.extra_r2 {
		padding-left: 105px;
		}
		
.two_col {
width: 284px;
float: left;
padding: 0 41px 44px 0;
text-align: center;
}

	.two_col.wider {
	width: 302px;
	}
	
	.two_col.widerer {
	width: 311px;
	}

.two_col p {
text-align: center;
}

#hip_hop {
width: 609px;
}

#tye_dye {
width: 712px;
}

#may1 {
float: right;
margin-bottom: -68px;
}

#may2 {
float: left;
margin-bottom: -42px;
}

#may3 {
float: right;
margin-bottom: -25px;
}

#may4 {
float: left;
}

#swim_lessons {
background: #FF99CC;
color: #FFFFFF;
padding: 5px;
}
	
	#swim_lessons a {
	color: #FFFFFF;
	}

	#swim_lessons table {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 16px 0 0 16px;
	}
	
.after_school {
height: auto;
background: #3366FF;
text-align: center;
line-height: 0px;
font-size: 0px;
}

	.after_school img {
	margin-right: 30px;
	}
	
	.after_school img.last {
	margin-right: 0px;
	}
	
#calendar_box #cmt {
	font-size: 16px;
}

#fp_slideshow {
	position: relative;
	display: block;
	height: 402px;
	width: 484px;
}

#padder {
	padding: 39px 0;
}

#fp_slideshow_wrapper {
	width: 484px;
	margin: 0 0 0 59px;
	padding: 10px;
	background: #FFFFFF;
}

#fp_slideshow li {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 402px;
	width: 484px;
	list-stle-type: none;
	margin: 0 0;
}

#nav {
	width: 484px;
	overflow: hidden;
}

#nav li {
	float: left;
	list-style-type: none;
	margin: 0 0;
	height: 50px;
	width: 50px;
}

#nav li a {
	display: block;
	overflow: hidden;
	margin: 0 2px 0 0;
}

.jcarousel-container {
	position: relative;
	width: 484px;
	padding: 4px 0 0 0;
}

.jcarousel-clip {
	width: 448px;
	margin: 0 auto;
}

.jcarousel-prev {
	width: 18px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	cursor: pointer;
}

.jcarousel-next {
	width: 18px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	cursor: pointer;
}

#video {
	width: 300px;
	text-align: center;
	padding-left: 160px;
}