/*** * Browser Defaults Reset * ***/
@import url("reset.css");

/*** * Form Styles * ***/
@import url("forms.css");

/*** * Style for jquery Dialog Boxes * ***/
@import url("jquery-powersports/all.css");

/*** * Style for Image Zoom * ***/
@import url("zoomimage.css");

/* *** Universals *** */
html, body {
} 
 
body {
	background: #9BB8FF url(/images/bgTile.png) left 164px;
	font-family: Tahoma, Arial, sans-serif;
	color: #464646;
}
	h1			{margin: 20px 0 0 0; font-size: 1.4em;}
	h2			{margin: 0 0 0 20px; padding: 20px 0 0 0; font-size: 1.2em;}
	a			{color: #6a8fde;}
	a:hover,
	a:focus	{color: #C05042;}


/*** * Main Structure * ***/
#container {
	position: relative;
	width: 968px;
	margin: 0 auto;
}

#nav {
	position: absolute;
	width: 78px;
	right: 0;
	top: 60px;
}
	#nav li					{margin: 0 0 3px 0; float: right;}
	#nav li a				{display: block; width: 75px; height: 75px; background-image: url(/images/nav/navSprites.png); text-indent: -9999px;}
	#nav li.current a	{width: 78px;}
	
	#navGym				{background-position: 0 0;}
	#navGym:hover       
    #navGym:focus	    {background-position: -150px -75px; }
	.current #navGym	{background: url(/images/nav/gymnastics-current.png) no-repeat left top !important;}
		
	#navCheer			{background-position: -75px 0;}
	#navCheer:hover       
	#navCheer:focus		{background-position: -75px -75px; }
	.current #navCheer	{background: url(/images/nav/cheer-current.png) no-repeat left top !important;}
		
	#navDance				{background-position: -150px 0;}
	#navDance:hover        
	#navDance:focus	    {background-position: -150px -75px; }
	.current #navDance	    {background: url(/images/nav/dance-current.png) no-repeat left top !important;}
		
	#navSchool				{background-position: -225px 0;}
	#navSchool:hover,
	#navSchool:focus	{background-position: -225px -75px;}
	.current #navSchool	{background: url(/images/nav/school-current.png) no-repeat left top !important;}
	
	#exAct					{background-position: -300px 0;}
	#exAct:hover,
	#exAct:focus			{background-position: -300px -75px;}
	.current #exAct		{background: url(/images/nav/extraAct-current.png) no-repeat left top !important;}
	
	
	#dayCamp					{background-position: -375px 0;}
	#dayCamp:hover,
	#dayCamp:focus		{background-position: -375px -75px;}
	.current #dayCamp	{background: url(/images/nav/dayCamps-current.png) no-repeat left top !important;}
		
	#navBday				{background-position: -450px 0;}
	#navBday:hover,
	#navBday:focus		{background-position: -450px -75px;}
	.current #navBday	{background: url(/images/nav/birthday-current.png) no-repeat left top !important;}
		
	#navEvents				{background-position: -525px 0;}
	#navEvents:hover,
	#navEvents:focus	{background-position: -525px -75px;}
	.current #navEvents{background: url(/images/nav/events-current.png) no-repeat left top !important;}

#titleBar {
	position: absolute;
	left: 0;
	width: 250px; 
	margin: 20px 0 0 0;
	padding: 0 0 27px 0;
	float: left;
}

	#title {
		position: relative;
		margin: 0 0 0 7px;
		z-index: 18;
	}
	
	#titleBarContent {
		position: relative;
		width: 245px;
		margin: 0px 0 0 0;
		padding: 0px 0 10px 0;
		left: 3px;
	/*	background: url(/images/titleBarbgTile.png) repeat-y right top;*/
		z-index: 5;
	}
		#titleBarContent h2			{width: 239px; margin: 20px 0 0 0; padding: 0; font-size: 1em; text-align: center; color: #656565; letter-spacing: 0.05em;}
		#titleBarContent ul				{margin: 0 26px 0 20px;}
		#titleBarContent ul li			{border-bottom: 1px dotted #1d3466;}
		#titleBarContent ul li.last	{border: 0;}
		#titleBarContent ul li a		{display: block; padding: 10px 0 10px 43px; color: #1d3466; text-decoration: none; font-size: 0.9em; letter-spacing: 0.08em;}
		a#navCal								{background: url(/images/icons/calendar.png) no-repeat left center;}
		a#navStaff							{background: url(/images/icons/staff.png) no-repeat left center;}
		a#navContact						{background: url(/images/icons/contact.png) no-repeat left center;}
		#titleBarContent ul li a:hover,
		#titleBarContent ul li a:focus	{background-color: #698EDD; background-position: -199px center; color: #FAFAFA;}
	
	#titleBarBottom {
		position: absolute;
		width: 245px;
		bottom: 0;
		left: 3px;
		height: 27px;
		background: url(/images/titleBarBottom.png) no-repeat left bottom;
		z-index: 11;
	}
	
	#titleBarTop {
		position:relative;
		width: 245px;
		bottom: 0;
		left: 3px;
		height: 27px;
		background: url(/images/titleBarTop.png) no-repeat left top;
		z-index: 12;
	}
		#killSwitch	{position: absolute; font-size: 0.8em; right: 26px; bottom: 22px; z-index: 20;}
		
#footer {
	width: 760px;
	margin: 20px auto 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	font-size: 0.8em; 
}
	#footer ul		{margin: 0; line-height: 1.6em;}
	#footer ul li	{display: inline;}
	#footer p		{width: 700px; margin: 10px auto 0 auto; line-height: 1.6em;}
	#footer img	{display: block; margin: 10px auto 0 auto;}
	#footer a		{cursor: pointer; color: #fff;}

#contentWrapper {
	width: 663px;
	margin: 0 0 0 227px;
	background: url(/images/contentBox/tile.png) repeat-y left top;
}
	#contentTop {
		width: 663px;
		height: 80px;
		margin: 0 0 0 227px;
		background: url(/images/contentBox/top.png) no-repeat left 40px;
	}
	
	#contentBottom {
		width: 663px;
		height: 40px;
		margin: 0 0 0 227px;
		background: url(/images/contentBox/bottom.png) no-repeat left bottom;
	}

#content {
	width: 587px;
	min-height: 583px;
	margin: 0 0 0 17px;
	padding: 0 20px;
	background: url(/images/contentBox/fade.png) no-repeat left top;
	overflow: hidden;
}
	#content p,
	#content ol,
	#content ul,
	#content dl	{margin: 20px 0 0 0; font-size: 0.8em; line-height: 1.6em;}
	#content ol	{list-style: decimal inside;}
	#content ul	{list-style: disc inside;}
	#content dt	{margin: 10px 0 0 0; font-size: 1.1em; color: #C05042; font-weight: bold;}
	#content dd	{margin: 10px 0 0 10px;}
	#content #flashPan	{width: 584px; height: 232px; margin: 0; padding: 0; background: url(/images/headers/hme.png) no-repeat left top;}
	#content h2	{width: 584px; height: 232px; margin: 0; padding: 0; text-indent: -9999px;}
		#content h2#hme		{background: url(/images/headers/hme.png) no-repeat left top;}
		#content h2#gym		{background: url(/images/headers/gym.png) no-repeat left top;}
		#content h2#pass	{background: url(/images/headers/pass.png) no-repeat left top;}
		/*#content h2#fpd		{background: url(/images/headers/fpd.png) no-repeat left top;}
		#content h2#kno		{background: url(/images/headers/kno.png) no-repeat left top;}*/
		#content h2#exa		{background: url(/images/headers/exa.png) no-repeat left top;}
		#content h2#dcp		{background: url(/images/headers/dcp.png) no-repeat left top;}
		#content h2#cat		{background: url(/images/headers/cheer.png) no-repeat left top;}
		#content h2#bps		{background: url(/images/headers/bps.png) no-repeat left top;}
		#content h2#sev		{background: url(/images/headers/sev.png) no-repeat left top;}
		#content h2#sta		{background: url(/images/headers/staff.png) no-repeat left top;}
		#content h2#cal		{background: url(/images/headers/cal.png) no-repeat left top;}
		#content h2#cnt		{background: url(/images/headers/cnt.png) no-repeat left top;}
		#content h2#dnc		{background: url(/images/headers/dnc.png) no-repeat left top;}
	#content h3				{margin: 20px 0 0 0; font-size: 1.3em;color: #C05042; text-transform: uppercase; font-weight: normal;}
	#content h3 span		{display: block; margin: 5px 0 0 0; font-size: 0.7em; text-transform: none;}
	#content .staffMember	{overflow: hidden;}
	#content .staffPhoto	{height: 100px; margin: 20px 10px 0 0; padding: 2px; border: 1px solid #85ADFF; float: left;}
	
	#sideNav {
		width: 240px;
		margin: 20px 0 20px 20px;
		float: right;
		background: #61AB92 url(/images/contentBox/sideNavTop.png) no-repeat left top;
	}
		#sideNav ul			{padding: 0 20px 20px 20px !important; background: url(/images/contentBox/sideNavBottom.png) no-repeat left bottom; list-style: none;}
		#sideNav li			{margin: 0 0 7px 0;}
		#sideNav li.last		{margin: 0;}
		#sideNav a			{font-size: 0.9em; color: #fff;}
		
	.image {
		margin: 20px 0 0 20px;
		float: right;
		background: #FFF0BC url(/images/contentBox/imageTop.png) no-repeat left top;
		clear: right;
	}
		.image span	{display: block; padding: 10px 20px 10px 20px; background: url(/images/contentBox/imageBottom.png) no-repeat left bottom; font-size: 0.8em; font-style: italic;}
		.image img	{margin: 20px 20px 0 20px;}
		.image a		{display: block;}

.sitemap ul {
	margin: 0 0 0 20px !important;
}

/* *** Calendar *** */
#calContent {
	width: 100%;
	margin: 20px auto 0 auto;
	font-size: 0.8em;
	border: none;
	background: #63AF96 url(/images/calTop.png) no-repeat left top;
}
	#calContent a						{display: block; margin: 0 -5px 5px -5px; padding: 0 5px; text-decoration: none;}
	#calContent a:hover			{background: #FBF7E3;}
	#calContent th						{padding: 10px 0 20px 0; border: none; color: #FBF7E3;}
	#calContent td 					{width: 71px; height: 82px; padding: 5px; border: 1px solid #FBF7E3; text-align: left; vertical-align: top;}
	#calContent td.noDate 		{border: none;}
	#calContent td.event			{background: #94B6FF url(/images/eventbgOver.png) repeat-x left bottom;}
	#calContent td.event a			{color: #FBF7E3;}
	#calContent td.past				{background: #4d776c !important;}
	#calContent td.past a			{color: #FFF8E3 !important;}
	#calContent td.past a:hover{color: #ea8259 !important;}
	#calContent td.eventOver	{background: #FFF0AA url(/images/eventbg.png) repeat-x left bottom; cursor: pointer;}
	#calContent td.eventOver a	{color: #6a8fde;}
	#calContent p						{margin: 0; padding: 0 !important; text-align: center; text-indent: 0 !important;}
	#calContent tr.last .sun		{background-image: url(/images/calBottomLeft.png); background-repeat: no-repeat; background-position: left bottom;}
	#calContent tr.last .sat			{background-image: url(/images/calBottomRight.png); background-repeat: no-repeat; background-position: right bottom;}
	
.cal-nav {
	margin: 20px 0 0 0;
	font-size: 0.9em;
}
	.cal-nav .prev	{float: left;}
	.cal-nav .next	{float: right;}

#calendarViewer {
	width: 500px;
	height: 350px;
	padding: 0;
	margin: 0;
}

/*#calPageContainer {
	width: 480px;
	background: url(/images/calPagebg.png) left top;
	min-height: 480px;
	padding: 10px
}
	#calPageContainer h2		{margin: 0 0 10px 0; padding: 0 0 3px 0; color: #c8ec9e; font-size: 2em; line-height: 1.1em; text-align: center;}
	#calPageContainer dt			{font-size: 1.4em; padding: 0 0 10px 0; text-align: center; background: url(/images/contentDivider.png) no-repeat center bottom;}
	#calPageContainer dd		{font-size: 1.1em;}*/

#overlay {
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 50;
	width: 100%;
	background: url(/images/overlaybg.png) left top;
}

#calWidget {
	margin: 8px 0 0 17px;
	padding: 10px 0 0 0;
	background: url(/images/calWidgetSeperator.png) no-repeat center top;
	border-spacing: 2px;
	border-collapse: separate;
}	
	#calWidget th			{padding: 0 0 3px 0; font-size: 0.8em; color: #a0a0a0;}
	#calWidget td			{width: 27px; height: 27px; background: url(/images/calWidgetSprites.png) no-repeat left -27px; text-align: center; vertical-align: middle; font-size: 0.8em; color: #deb85f;}
	#calWidget .past		{background: url(/images/calWidgetSprites.png) no-repeat left 0; color: #a7a68e;}
	#calWidget .past a	{color: #a7a68e;}
	#calWidget .event	{background: url(/images/calWidgetSprites.png) no-repeat left -54px; font-weight: bold;}
	#calWidget .event a	{color: #FAFAFA;}
	#calWidget .noDate	{background: none;}
	#calWidget .today	{background: url(/images/calWidgetSprites.png) no-repeat left -81px; color: #FAFAFA;}

#gallery {
	clear: both;
}
	#gallery a		{margin: 20px 20px 0 0; float: left;}
	#gallery a.last	{margin-right: 0;}


/* *** Various Styling Classes *** */
.clear 			{clear: both;}
.centerText 	{text-align: center;}
.rightText 		{text-align: right;}
.pointer 		{cursor: pointer;}


/* Website defaults to a blue skin. (So named because of the background color.)
 * Over rides for yellow, green, and red skins follow */
 
/* *** Yellow Skin *** */
body#yellow {
	background: #9BB8FF url(/images/yellowSkin/bgTile.png) left 164px !important;
}

#yellow #footer a	{cursor: pointer; color: #6a8fde;}

#yellow #contentWrapper {
	background: url(/images/yellowSkin/contentBox/tile.png) repeat-y left top;
}
	#yellow #contentTop {
		background: url(/images/yellowSkin/contentBox/top.png) no-repeat left 40px;
	}
	
	#yellow #contentBottom {
		background: url(/images/yellowSkin/contentBox/bottom.png) no-repeat left bottom;
	}

#yellow #content {
	background: url(/images/yellowSkin/contentBox/fade.png) no-repeat left top;
}
	#yellow #content h3	{color: #61AB92;}
	
	#yellow #sideNav {
		background: #C24F40 url(/images/yellowSkin/contentBox/sideNavTop.png) no-repeat left top;
	}
		#yellow  #sideNav ul	{padding: 20px; background: url(/images/yellowSkin/contentBox/sideNavBottom.png) no-repeat left bottom;}
	
	#yellow .image {
		background: #BECEEE url(/images/yellowSkin/contentBox/imageTop.png) no-repeat left top;
	}
		#yellow .image span	{background: url(/images/yellowSkin/contentBox/imageBottom.png) no-repeat left bottom;}
		
		
/* *** Green Skin *** */
body#green {
	background: #9BB8FF url(/images/greenSkin/bgTile.png) left 164px !important;
}

#green #footer a	{cursor: pointer; color: #fff;}

#green #contentWrapper {
	background: url(/images/greenSkin/contentBox/tile.png) repeat-y left top;
}
	#green #contentTop {
		background: url(/images/greenSkin/contentBox/top.png) no-repeat left 40px;
	}
	
	#green #contentBottom {
		background: url(/images/greenSkin/contentBox/bottom.png) no-repeat left bottom;
	}

#green #content {
	background: url(/images/greenSkin/contentBox/fade.png) no-repeat left top;
}
	#green #content h3	{color: #61AB92;}
	
	#green #sideNav {
		background: #6A8FDE url(/images/greenSkin/contentBox/sideNavTop.png) no-repeat left top;
	}
		#green  #sideNav ul	{padding: 20px; background: url(/images/greenSkin/contentBox/sideNavBottom.png) no-repeat left bottom;}
	
	#green .image {
		background: #E4B5AF url(/images/greenSkin/contentBox/imageTop.png) no-repeat left top;
	}
		#green .image span	{background: url(/images/greenSkin/contentBox/imageBottom.png) no-repeat left bottom;}
		

/* *** Red Skin *** */
body#red {
	background: #9BB8FF url(/images/redSkin/bgTile.png) left 164px !important;
}

#red #footer a	{cursor: pointer; color: #6a8fde;}

#red #contentWrapper {
	background: url(/images/redSkin/contentBox/tile.png) repeat-y left top;
}
	#red #contentTop {
		background: url(/images/redSkin/contentBox/top.png) no-repeat left 40px;
	}
	
	#red #contentBottom {
		background: url(/images/redSkin/contentBox/bottom.png) no-repeat left bottom;
	}

#red #content {
	background: url(/images/redSkin/contentBox/fade.png) no-repeat left top;
}
	#red #content h3	{color: #698EDD;}
	
	#red #sideNav {
		background: #FFF0AA url(/images/redSkin/contentBox/sideNavTop.png) no-repeat left top;
	}
		#red #sideNav ul		{padding: 20px; background: url(/images/redSkin/contentBox/sideNavBottom.png) no-repeat left bottom;}
		#red #sideNav li a 	{color: #698EDD;}
	
	#red .image {
		background: #BCDBD1 url(/images/redSkin/contentBox/imageTop.png) no-repeat left top;
	}
		#red .image span	{background: url(/images/redSkin/contentBox/imageBottom.png) no-repeat left bottom;}