/* SET BASE FONT ATTRUBUTES */

html, body
{
	color: #000;
}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a,
textarea, fieldset, pre
{margin: 0;  padding: 0; border: none;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse; margin: 10px 0px 10px 0px;}
table th, table td {vertical-align: top; padding: 2px 5px; text-align: left;}
table th {font-weight: bold;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, dl {list-style-type: disc;}

/* STANDARD UL */
ul, ol { margin: 0px; padding: 0px 10px 10px 15px; }

ul li, ol li { margin: 5px 0px 0px 0px; padding: 0px; }

ol li { margin: 5px 0px 0px 10px; padding: 0px; }


body
{	font-family: arial, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background: #000;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
	width: 930px;
	height: 150px;
	text-align: center;
	font-size: small;
	line-height: 130%;
	font-weight: normal;
	position: relative;
}

p
{
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}

h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	line-height: 140%;
	color: #663;
	margin: 20px 0px 20px 0px;
	margin-top: 0px;
	padding: 0px;
}

h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	line-height: 130%;

	background: #a89144;
	color: #fff;
	padding: 2px 5px;
}

h3
{
	font-size: 110%;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

h4
{
	font-size: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

h5
{
	font-size: 100%;
	margin: 5px 0px -5px 0px;
	padding: 0px;
}

a, a:link
{
	color: #333322;
	color: #097b9f;
	color: #097bcf;
}

a:visited
{	color: #555544;
	color: #097b9f;
	color: #097bcf;
}

a:hover, a:active
{	color: #000;
}

ul
{
	padding-left: 30px;
}

ul.page-nav
{
	padding: 0px 10px 10px 0px;

	/* Add this if the link should be boxed so that it stands apart */
/**
	margin-right: 210px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
**/
}

ul.page-nav li
{
	margin: 0px;
	padding: 0px 0px 5px 15px;
	list-style: none;
	line-height: 1.2em;
	background: 0px .2em no-repeat url(../images/arrow_red.gif);
}

ul.page-nav li a, ul.page-nav li a:visited
{
	text-decoration: underline;
}

ul.page-nav li a:hover, ul.page-nav li a:active
{
	color: #f00000;
}

dl
{
}

dt
{
	font-weight: bold;
	background: #f0f0f0;
	padding: 3px 5px;
	border: 1px solid #f0f0f0;
}

dt a, dt a:visited
{
	font-weight: normal;
}

dd
{
	margin: 0px 0px 15px 0px;
	background: #f8f8f8;
	padding: 1px 5px 5px 10px;
	border: 1px solid #f0f0f0;
}

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

#banner
{
/*	font-size: 0px; */				/* Need to get rid of extra space in Netscape 6, IE6 (possibly others */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	width: 930px;
	height: 150px;
	position: relative;
	background: #fff;
}

#banner img
{
	display: block;			/* Gets rid of white band underneath banner */
}

#banner #home-link
{
	position: absolute;
	left: 0px; top: 0px;
	width: 170px;
	height: 140px;
	background: url(../images/MsSpacer.gif) no-repeat;  /* This is needed for IE6 */
}

#banner #utilities
{
	position: absolute;
	right: 0px;
	top: 0px;
	background: #000;
	color: #fff;
	padding: 0px 0px;
	font-size: 90%;
}

#utilities a, #utilities a:visited
{
	color: #fff;
	padding: 3px;
	text-decoration: none;
	vertical-align: middle;
}

#utilities a:hover, #utilities a:active
{
	color: #000;
}

#banner #utilities form
{
	margin: 0px;
	padding: 0px;
	display: inline;
	vertical-align: middle;
}

#banner #utilities form p
{
	margin: 0px;
	padding: 0px;
}

#site-map
{
	float: right;
	margin: 1px;
	padding: 1px 5px;
	background: #a83243;

	width: 60px;
}

#site-map a
{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

#navbar, #footer
{	width: 930px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #067b9d repeat-x top url(../images/navbar_bg.jpg);
}

#footer
{
	background: #998605 url(../images/footer_bg.jpg) repeat-x top;
	clear: both;
	padding-top: 15px;
	padding-bottom: 0px;
}

#navbar ul, #footer ul
{	list-style: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 30px;
}

#footer ul
{
	line-height: 15px;
/*	white-space: nowrap; */
	padding-bottom: 5px;
}

#navbar ul li, #footer ul li
{
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 0px 0px 0px;  /* Works for most browsers */
}

#navbar li a, #footer a
{
	display: inline;
	text-decoration: none;
	white-space: nowrap;
	font-size: 90%;
	margin: 0px;
	padding: 8px 5px 9px 5px;
}

#navbar a
{
	color: #fff;
}

#footer a
{
	color: #000;
}

#navbar li a:hover, #navbar li a:active
{
	color: #000;
}

#footer a:hover, #footer a:active
{
	color: #fff;
}

#footer .jcc-name
{
	font-size: 90%;
	margin: 0px 20px 0px 20px;
	color: #fff;
}

#footer #credit
{
	margin: 0px;
	padding: 5px 0px 10px 0px;
	font-size: 85%;
	letter-spacing: 1px;
}

#subnav, #subsubnav
{	width: 930px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #c5b232;
}

#subnav ul, #subsubnav ul
{	list-style: none;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0px;
	line-height: 30px;
}

#subnav ul li, #subsubnav ul li
{
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 2px 0px 2px;  /* Works for most browsers */
}

#subnav li a, #subnav li a:visited, #subsubnav li a, #subsubnav li a:visited
{
	display: inline;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 2px 4px 2px 4px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #a89144;
}

#subnav li a:hover, #subnav li a:active, #subsubnav li a:hover, #subsubnav li a:active
{
	color: #333;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#subnav ul#subnav-fitness li
{
	padding-left: 1px;
	padding-right: 1px;
}

#subnav ul#subnav-fitness li a
{
	padding-left: 2px;
	padding-right: 2px;
}

#subsubnav
{
	background: #c5372d;
}

#subsubnav li a, #subsubnav li a:visited
{
	background: #f50000;
}

.button a, .button a:visited
{
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #fff;
	background: #a89144;
}

.button a:hover, .button a:active
{
	color: #000;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#container
{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 1px 0px;		/* Need bottom padding for space at bottom of page */
	text-align: left;
	width: 930px;
	vertical-align: top;
	background: #fff url(../images/main_bg.jpg) repeat-y;

	float: left;
}

/* Need to put width in or anything in main below the sidebar will
shift slightly to the left */
#main
{
	width: 760px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #fff;
	float: right;
	background: #fff;
}

#main-content
{
	vertical-align: top;
	padding: 0px;
	margin: 15px 20px 20px 20px;
}

#sidebar
{
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	font-size: 90%;
}

#sidebar-content
{
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

#sidebar-right
{
	float: right;
	width: 170px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	font-size: 90%;
}

#sidebar-right-content
{
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

.sidebar-box, .sidebar-staff, #sidebar-alerts
{
	border: 1px solid #c5b232;
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
	padding: 7px;
}

#sidebar-alerts
{
	border: 1px solid #c5b232;
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
	padding: 7px;
	background: #000;
	color: #fff;
}

	#sidebar-alerts h2
	{
		color: #f00 !important;
		text-decoration: blink;
	}

	#sidebar-alerts p
	{
		color: #fff !important;
	}

#sidebar h2, #sidebar-right h2
{
	color: #fff;
	background: transparent;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#sidebar h3, #sidebar-right h3
{
	color: #000;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#sidebar p, #sidebar-right p
{
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#sidebar dl, #sidebar-right dl
{
	background: transparent;
}

#sidebar dl dt, #sidebar-right dl dt
{
	background: transparent;
	color: #000;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 110%;
	border: none;
}

#sidebar dl dd, #sidebar-right dl dd
{
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: transparent;
	border: none;
}

#sidebar a, #sidebar a:visited, #sidebar-right a, #sidbar-right a:visited
{
	color: #fff;
	text-decoration: underline;
}

#sidebar a:hover, #sidebar a:active, #sidebar-right a:hover, #sidebar-right a:active
{
	color: #ddd;
}

#sidebar ul, #sidebar-right ul
{
	padding-left: 15px;
}

#sidebar li, #sidebar-right li
{
	margin: 0px;
	padding: 6px 0px 5px 0px;
	color: #000;
	line-height: 1.25em;
}

.float-box
{
	float: right;
	width: 200px;
	margin: 5px 0px 10px 10px;
	padding: 5px;
	font-size: 90%;
	background: #666;
	border: 1px solid #000;
	color: #fff;
}

.float-box h3
{
	margin-top: 0px;
}

.event-image
{
	float: right;
	margin: 10px 0px 10px 10px;
}

.event
{
	padding: 0px 10px 5px 10px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin: 0px 0px 10px 0px;
}

.event h2
{
	margin: 0px -10px 10px -10px;
}

.event h3
{
	font-size: 120%;
	line-height: 130%;

	font-size: 140%;
	color: #666;
}

.event .date-time
{
	font-weight: bold;
}

.image-float-left
{
	float: left;
	margin: 10px 10px 10px 0px;
}

.image-float-right
{
	float: right;
	margin: 5px 0px 10px 20px;
}

.subtitle p
{
	font-weight: bold;
	font-style: italic;
}

ul.links
{
	padding-left: 10px;
	padding-bottom: 0px;
}

ul.links li
{
	margin: 0px;
	padding: 0px 0px 5px 15px;
	list-style: none;
	line-height: 1.2em;
	background: 0px .2em no-repeat url(../images/arrow_red.gif);
}

ul.links li a, ul.links li a:visited
{
	color: #333;
	text-decoration: none;
}

ul.links li a:hover, ul.links li a:active
{
	color: #000;
	text-decoration: underline;
}

.view-cart
{
	float: right;
	width: 150px;
	margin: 5px 0px 10px 10px;
}

ul.radio-check-list
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.radio-check-list li
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	white-space: nowrap;
}

input.cbox
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 20px;
}

.cbox-text
{
	margin: 0px 0px 5px 3px;
	padding: 0px;
	white-space: nowrap;
}

textarea
{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
}

.th-note
{
	font-weight: normal;
	font-size: 90%;
}

.td-note
{
	font-weight: normal;
	font-style: italic;
}

.td-heading
{
	font-weight: bold;
	font-style: italic;
}

#container-db p.form-error-heading, p.form-error-heading
{
	font-weight: bold;
	font-size: 120%;
	margin: 20px 0px 5px 0px;
	padding: 0px;
}

#container-db p.form-error, p.form-error
{  	color: #f00;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#summer-camps
{
	margin-left: 20px;
}

#summer-camps h3
{
	background: #ddd;
	padding: 2px 5px;
	margin-left: -20px;
}

#summer-camps p.aquatics-note
{
	background: #ddd;
	margin: 0px 0px 5px -20px;
	padding: 5px 0px 5px 20px;
}

.trainer
{
	background: #f4f4f4;
	border: 1px solid #ddd;
	padding: 5px 10px 10px 10px;
	margin: 10px 0px;
}

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

	.trainer p
	{
		text-align: left;
	}


.aquatics-reg h2
{
	margin-bottom: 0px;
}

.aquatics-reg h2 a, .aquatics-reg h2 a:visited
{
	color: #fff;
}

.aquatics-reg h2 a:hover, .aquatics-reg h2 a:active
{
	color: #000;
}

.aquatics-reg table.toggle, .aquatics-reg p
{
	display: none;
}

.aquatics-reg #refund-policy p
{
	display: block;
}

div.toggle p, div.toggle ul, div.toggle h3, div.toggle table, div.toggle img
{
	display: none;
}

.toggle h2 a, .toggle h2 a:visited
{
	color: #fff;
}

.toggle h2 a:hover, .toggle h2 a:active
{
	color: #000;
}

ul.programs
{
	float: left;
	width: 200px;
}

.jbm
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	clear: left;
}

	.jbm img
	{
		float: left;
		margin: 10px 15px 0px 0px;
		padding: 0px;
	}

	.jbm h3
	{
		margin-left: 170px;
		margin-top: 5px;
	}

	.jbm p
	{
		margin-left: 250px;
	}

.events-programs-category
{
	float: left;
	width: 325px;
	margin: 10px 20px 0px 0px;
}

.events-programs-category h2
{
	margin: 0px 0px 10px 0px;
}


/* Tables
-----------------------------------------------------------------------------------------------*/
.hp-table
{
	margin: 10px 0px 10px 0px;
	clear: right;
	background: #f4f4f4;
	border: 1px solid #ddd;
}

	.hp-table th
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 5px 5px 5px 5px;

		color: #fff;
		background: #c13329;

		color: #c13329;
		background: transparent;
		border: 1px solid #ddd;
	}

		.hp-table th a, .hp-table th a:visited
		{
			text-decoration: underline;
			color: #c13329;
		}

		.hp-table th a:hover, .hp-table th a:active
		{
			text-decoration: underline;
			color: #000;
		}

	.hp-table td
	{
		padding: 5px 5px 5px 7px;
		width: 25%;
		border: 1px solid #ddd;
		background: #fff;
	}

	.hp-table ul
	{
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}

		.hp-table li
		{
			margin: 0px;
			padding: 0px 0px 5px 15px;
			list-style: none;
			line-height: 1.2em;
			background: 0px .2em no-repeat url(../images/arrow_red.gif);
		}

			.hp-table ul li a, .hp-table ul li a:visited
			{
				color: #333322;
				text-decoration: none;
			}

			.hp-table ul li a:hover, .hp-table ul li a:active
			{
				text-decoration: underline;
				background: #be3223;
				color: #fff;

				background: #fff;
				color: #000;
			}

.contact-table
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

	.contact-table th
	{	text-align: right;
		width: 40%;
		font-weight: normal;
		margin: 0px;
		padding: 5px;
	}

		.contact-table th span, .contact-table td span
		{	color: #f00;
			font-size: 200%;
			vertical-align: middle;
		}

	.contact-table td
	{	text-align: left;
		width: 60%;
		margin: 0px;
		padding: 5px;
	}

	.contact-table input, .contact-table textarea
	{
	   font-family: verdana, sans-serif;
	   background-color: #d4ddee;
	}

	.contact-table .submit-button
	{
		background-color: #a83243;
		color: #fff;
		padding: 5px;
		font-weight: bold;
		border-top: 1px solid #c88;
		border-left: 1px solid #c88;
		border-right: 1px solid #622;
		border-bottom: 1px solid #622;
	}

.form-table, .registration-table
{
	border: 1px solid #ddc;
	margin: 10px 0px 10px 0px;
	background: #f8f8f8;
}

	.form-table th, .registration-table th
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}
	.registration-table th
	{
		width: 200px;
	}
	.form-table td, .registration-table td
	{
		padding: 3px 10px;
		border-top: 1px solid #ddc;
	}
	.registration-table td
	{
		width: 300px;
	}

	.required
	{
		font-size: 150%;
		color: #f00;
		margin-left: 2px;
	}

	.form-table input.cbox, .registration-table input.cbox
	{
		float: left;
		clear: left;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		width: 20px;
		background: #f00;
	}

	.form-table .cbox-text, .registration-table .cbox-text
	{
		float: left;
		clear: none;
		width: 200px;
		margin: 0px 0px 5px 8px;
		padding: 0px;
	}

	.form-table textarea, .registration-table textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
	}

	.form-table .field-heading
		{
			background: #e0e0e0;
		}
	.form-table .option
		{
			padding-left: 50px;
		}


.hours-table, .membership-table
{
	margin-top: 5px;
	background: #f8f8f8;
	font-size: 85%;
	width: 100%;
}

.membership-table
{
	font-size: 100%;
	margin-top: 15px;
}

	.hours-table th, .membership-table th
	{
		background: #a89914;
		background: #c13329;
		color: #fff;
		border: 1px solid #e0e0e0;
	}

	.membership-table th
	{
		padding: 5px 10px 5px 10px;
	}

	.hours-table td, .membership-table td
	{
		padding: 4px;
		border: 1px solid #e0e0e0;
	}

	.membership-table td
	{
		padding: 10px 10px 5px 10px;
	}

	td.money, th.money
	{
		text-align: right;
		padding-right: 30px;
	}

	.membership-table h3
	{
		margin: 0px;
	}

.calendar-table
{

}

	.calendar-table th, .calendar-table td
	{
		width: 80px;
	}

	.calendar-table td p
	{
		font-size: 80%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 100%;
	}

.bod-table
{
	margin-top: 0px;
}

.personal-trainers-table th
{
	vertical-align: bottom;
	text-align: center;
	width: 33%;
}

.personal-trainers-table td
{
	vertical-align: top;
	text-align: center;
	width: 33%;
}

.table-camp-registration
{
	background: #f8f8f8;
	border: 1px solid #e8e8e8;
	margin-top: 0px;
	width: 100%;
}

.table-camp-registration th
{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.table-camp-registration td
{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.table-camp-registration .header
{
	background: #be3223;
	color: #fff;
}

.table-swim-lessons, .table-swim-lessons th, .table-swim-lessons td
{
	border: none;
	font-weight: bold;
}

.table-swim-lessons td
{
	font-weight: normal;
}


.table-trainers
{
}

	.table-trainers th, .table-trainers td
	{
		width: 130px;
		text-align: center;
		font-weight: bold;
	}

	.table-trainers td
	{
		padding-bottom: 20px;
	}

		.table-trainers td p
		{
			font-weight: normal;
			margin-top: 0px;
		}


table.reg-info
{
	border: 1px solid #eee;
}

	table.reg-info th
	{
		background: #f8f8f8;
	}

	table.reg-info th, table.reg-info td
	{
		border: 1px solid #eee;
	}