body {
	background: #ffffff url(images/bg_polka_yellow_white_50.jpg) top left repeat;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 0px;
}

a, a:link, a:active, a.visited {color: #e80000; font-weight: bold; text-decoration: none;}
a img {border: 0;}
a.nolink {cursor: default;}

h6, .h6 {font-size: 115%; padding: 0px; margin: 0px;}
h5, .h5 {font-size: 130%; padding: 0px; margin: 0px;}
h4, .h4 {font-size: 145%; padding: 0px; margin: 0px;}
h3, .h3 {font-size: 160%; padding: 0px; margin: 0px;}
h2, .h2 {font-size: 175%; padding: 0px; margin: 0px;}
h1, .h1 {font-size: 190%; padding: 0px; margin: 0px;}
p, .p {font-size: 100%; padding: 0px; margin: 0px;}

.vvlarge {font-size: 140%;}
.vlarge {font-size: 125%;}
.large {font-size: 115%;}
.small {font-size: 85%;}
.vsmall {font-size: 75%;}
.vvsmall {font-size: 65%;}

/* Main Color is Yellow #fff200 */
.mainColor {color: #fff200;}
.mainColor140 {color: #ffcb05;}
.mainColor120 {color: #faa61a;}
.mainColor75 {color: #fff45f;}
.mainColor50 {color: #fff799;}
.mainColor25 {color: #fffbcc;}
.mainColor10 {color: #fffde9;}

/* Secondary Color is Orange #f15a29 */
.second {color: #f15a29;}
.second140 {color: #e80000;}
.second120 {color: #ee3200;}
.second75 {color: #f5835f;}
.second50 {color: #f9a984;}
.second25 {color: #fbd6c9;}
.second10 {color: #f15a29;}

.yellow {color: #fff200;}
.yellow140 {color: #ffcb05;}
.yellow120 {color: #faa61a;}
.yellow75 {color: #fff45f;}
.yellow50 {color: #fff799;}
.yellow25 {color: #fffbcc;}
.yellow10 {color: #fffde9;}

.orange {color: #f15a29;}
.orange140 {color: #e80000;}
.orange120 {color: #ee3200;}
.orange75 {color: #f5835f;}
.orange50 {color: #f9a984;}
.orange25 {color: #fbd6c9;}
.orange10 {color: #f15a29;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.red {color: #ff0000;}
.white {color: #ffffff;}
.black {color: #000000;}
.pink  {color: #990066;}
.purple {color: #9fa5ea;}
.teal {color: #006666;}
.tealdk  {color: #003333;}
.sundolls {color: #cc0088;}
.passion {color: #800080;}

.caps {text-transform: uppercase;}
.bold {font-weight: bold;}
.cancelled, .full {text-decoration: line-through;}
.allcaps {text-transform: uppercase;}

.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}

img {border: none;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}
img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/blank.gif"
    );
}

#page {
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 10px;
	border: 0;
	background: #ffffff url(images/bg_polka_yellow_25.jpg) top left repeat;
}

#header {
   height: 160px;
	background: #fffde9 url(images/header.jpg) top left repeat-x;
}

#headerImg {float: left;}
#headerBanner {float: right;}

#menu {
	clear: both;
	width: 185px;
	float: left;
	margin-top: 10px;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	width: 180px;
	height: 20px;
	margin: 3px 0px;
	background: #fff200 none;
	border: 1px solid #f15a29;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	color: #f15a29;
	display: block;
}

#menu ul li a:hover {
	background: #ffffff none;
	color: #f15a29;
}

#menu ul li a.flyout, #menu ul li a.flyout:link, #menu ul li a.flyout:visited, #menu ul li a.flyout:hover {
	background: #fff200 url(/images/button_flyout.gif) top right no-repeat;
	color: #f15a29;
	cursor: default;
}

#menu ul li a.flyout:hover {
	background: #ffffff url(../images/button_flyout.gif) top right no-repeat;
	color: #f15a29;
	cursor: default;
}

#menu ul li a.current, #menu ul li a.current:link, #menu ul li a.current:visited {
	background: #ffffff none;
	color: #006666;
	cursor: default;
}

#main_page_photos {
   width: 180px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#main_page_photos img {margin: 15px 0px;}

#content {
	float: left;
	width: 800px;
	margin: 10px 0px 0px 10px;
}

/*#content {
	margin-left: 200px;
	margin-top: 10px;
}*/

.photo_block_right {
   width: 220px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.photo_block_left {
   width: 220px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.eventsMonth {
	font-size: 145%;
	font-weight: bold;
	color: #f15a29;
	margin: 5px 0px;
}

.eventsDate {
	margin: 10px 0px 0px 25px;
	font-size: 115%;
	font-weight: bold;
	color: #f15a29;
}

.eventsEvent {
	margin-left: 50px;
}

#events_entry #event_form {display: block; padding: 20px 0px;}
#events_entry form {margin-bottom: 20px;}
#events_entry .question {width: 180px; float: left;}
#events_entry .answer {width: 600px; float: left;}

.bio_block {
   width: 760px;
	float: left;
	border: 1px solid #006666;
	padding: 10px;
	margin: 5px;
}

.bio_block img {
   float: left;
	margin: 0px 10px 10px 0px;
}

div.summer_dance {margin: 0px auto;}
#summer table.summer {width: 70%; margin: auto;}
#summer table.summer td.classname {width: 30%;}
#summer table.summer td.ages {width: 15%;}
#summer table.summer td.days {width: 30%;}
#summer table.summer td.time {width: 15%;}

#footer {
	background-color: #f15a29;
	text-align: center;
	padding: 5px;
	clear: both;
	color: white;
}

#intro {
	margin: 50px auto;
	text-align: center;
}

.thumbnail_nav {
   width: 730px;
	margin: 10px auto;
	text-align: center;
	font-size: 130%;
	clear: left;
}

#thumbnail_container {
   width: 750px;
	margin: auto;
	text-align: center;
}

.thumbnail {
	height: 150px;
	width: 150px;
	line-height: 150px;
	font-size: 150px;
	text-align: center;
	float: left;
}