/* MAIN STYLES */
HTML	{	
	-webkit-text-size-adjust:none;
}
 
body
{
	height: 100%;
	background-color: #C9E1F8;
	text-align: center;
	background-image: url(file:../Images/Backgrounds/background.jpg);
	background-repeat: no-repeat;
}

#main
{
	position: absolute;
	top: -20px;
	left: 50%;
	width: 900px;
	height: auto;
	margin-left: -450px;
} 
 
.banner
{
	position: absolute;
	top: -10px;
	left: 10px;
	width: 881px;
	height: 230px;
	z-index: 100;
} 
 
.footer
{
	position: absolute;
	left: 0px;
	width: 890px;
	height: 80px;
} 

 .navigation
{
	position: absolute;
	top:147px;
	left: 5px;
	width: 881px;
	height: 50px;
	z-index: 102;
	
} 

.animation
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 150px;
} 


#content_background
{
	position: absolute;
	top: 215px;
	left: 10px;
	width: 900px;
	height: auto;
	padding: 0px;
} 


table, tr,td, iframe
{
	padding: 0px;
	vertical-align: top;
} 

/* 	These next three styles make it easier to track down elements that get turned on and off seasonally
	And those that get changed seasonally
*/

.seasonal-display-OFF 
{
	display:none;
}
.specialCase-display-OFF
{
	display:none;
}
.seasonal-display-ON {}
.specialCase-display-OFF
{
	display:none;
}
.specialCase-display-ON {}
.seasonal-change {}

/* 	display-OFF is used also by elements that are off permanently. */
/* 
	The convenience of these is that I don't have to research the display:none vs
	visibility:collapse issue every season. As of March 2011, while v:c is ideal for dynamic
	use in tables - because it doesn't cause row/col heights/widths to be redrawn - for the
	purpose of clappingland, d:n is working just fine.
*/

img { border: none; }





/* EDITABLE CONTENT */


#content_main
{
	padding: 40px 70px 0px 70px;
	width: 770px;
} 
 
 
 
#content_left
{
	position: absolute;
	top: 35px;
	left: 0px;
	width: 450px;
	min-height: 900px;
	padding: 0px;
} 

.feature
{
	background-image: url(Source%20Files/Backgrounds/board.jpg);
	background-repeat: no-repeat;
}

.feature_short
{
	background-image: url(../Source%20Files/Backgrounds/board_small.jpg);
	background-repeat: no-repeat;
}

img.pagetitle
{
	border: none;
	float: left;
}


/* text */

ul, li, p, td, blockquote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	color: #333;
	text-decoration: none;
	text-align: left;
}

td.schedule_bold
{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	width: 175px;
	padding-right: 20px;
}

span.schedule_bold
{
	font-weight: bold;
	color: #069;
	font-size: 0.9em;
	letter-spacing: normal;
}
 
a
{
	color: #993300;
	text-decoration: none;
}

a.noborder { color: #FBBE38; }

a:hover { text-decoration: underline; }

.maintitle
{
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.15em;
}

.note
{
	font-size: 11px;
	font-style: italic;
}

.secondary_title
{
	color: #930;
	font-weight: bold;
} 


.address
{
	font-size: 10px;
	padding: 10px;
	border-top: solid;
	border-top-width: 1px;
}

-NOTINUSE---- {}

#content_main_hidden { visibility: hidden; }