/*******************************\
|******	Table of Contents ******|
\*******************************

	1. Generic Styles
	2. Header
		a. Logo
		b. Welcome Message
		c. Header Men
	3. Main Menu
	4. Main Image
	5. Content
		a. Left
		b. Right
	6. Footer
	7. Form Styles
	8. Search
	9. Join
	10. Misc

/***\
| 1 | Generic Styles
\***/

p
		{font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;}
td
		{font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;}
h1
		{font-size: 20px;
		margin-top: 0px;
		line-height: 24px;
		font-family:Verdana, Arial, Helvetica, sans-serif;}
h2
		{font-size: 16px;
		line-height: 18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;}
h3
		{font-size: 14px;
		line-height: 18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
h4
		{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;}
a
		{font-size: 12px;
		line-height: 18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;}
a:hover
		{text-decoration: none;
		}
li
		{font-size: 12px;
		line-height: 18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

.right
{
	float:right;
}

.white
{
	color:#fff;
}

/* Text UI Styles */


.note
{ color:#999; font:10px Verdana, Arial, Helvetica, sans-serif;
}



table
{
	border:0;
	color:#333;
	font-size:1em;
	height:auto;
	padding:0;
}

/***\
| 2 | Header
\***/
#header
{
	height:75px;
	overflow:hidden;
	width:100%;
}

#header .right
{
	width:60%;
}

#header .left
{
	margin-top:25px;
	width:40%;
}


/* A | Welcome Message */
#header #message
{
	background:#081d29;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.96em;
	margin:0;
	overflow:hidden;
}

#header #message a strong
{
	background:url(../images/top.tab.left.gif) no-repeat center left;
	color:#f8981d;
	padding-bottom:8px;
	padding-left:22px;
	padding-top:7px;
}

#header #message a
{
	background:url(../images/top.tab.right.gif) no-repeat center right;
	color:#c3d9d9;
	display:block;
	font-weight:400;
	line-height:28px !important;
	padding-right:22px;
	text-decoration:none;
}

/* C | Header Menu */
#header .menu
{
	clear:both;
	display:block;
	float:right;
	font-size:1.12em;
	list-style:none;
	margin-top:19px;
	width:200px;
}

#header .menu li
{
	border-right:#216579 1px solid;
	float:right;
	padding-left:10px;
	padding-right:10px;
}

#header .menu a
{
	color:#c3d9d9;
	font-weight:400;
}

#header .menu a:hover
{
	color:#fff;
	text-decoration:none;
}

/***\
| 3 | Main Menu
\***/
#mainmenu
{
	font-size:1.28em;
	height:17px;
	list-style:none;
	margin:10px 0 0;
	padding:9px;
}

#mainmenu li
{
	float:left;
	list-style:none;
	margin-left:8px;
	margin-top:-3px;
	padding-right:10px;
	position:relative;
	z-index:9999 !important;
}

#mainmenu li a
{
	color:#fff;
	display:block;
	font-weight:400;
	padding:4px 5px;
}

#mainmenu li a:hover
{
	background:#142631;
	text-decoration:none;
}

/* SON of SUCKERFISH Time */
#mainmenu li ul
{
	background:#d6e1e1;
	border:4px solid #fff;
	float:none;
	left:-999em;
	line-height:1em;
	margin:0;
	padding:2px;
	position:absolute;
	width:9em;
}

#mainmenu li ul li
{
	display:block;
	float:none;
	margin:0;
	padding:3px;
}

#mainmenu li ul li a
{
	color:#496262;
	display:block;
	font-weight:700;
}

#mainmenu li ul li a:hover
{
	background:#fff;
	color:#1a5b5a;
	text-decoration:none;
}

#mainmenu li:hover ul
{
	left:auto;
}

#mainmenu li:hover,#mainmenu li.hover
{
	position:static;
}

/*Multi-level */
#mainmenu li ul ul
{
	margin:-21px 0 0 8.5em;
}

#mainmenu li:hover ul ul,#mainmenu li.sfhover ul ul
{
	left:-999em;
}

#mainmenu li:hover ul,#mainmenu li li:hover ul,#mainmenu ul li:hover ul,#mainmenu li.sfhover ul,#mainmenu li li.sfhover ul
{
	left:auto;
	z-index:999999;
}

/***\
| 4 | Main Image
\***/
#mainimg
{
	border:3px solid #fff;
	color:#f8981d;
	height:245px;
	margin-top:13px;
	overflow:hidden;
	margin-left: 20px;
}

/* Other pages */
.club #mainimg .right
{
	border-left:3px solid #fff;
	border-right:20px solid #fff;
	background-color: #EAF1F4;
	height:245px;
	padding:20px;
	width:223px;
}

/* Manager Image */
.club #mainimg .right img
{
	padding:3px;
	float:left;
	margin:5px 12px 5px 5px;
	background-image: url(../images/club.manager.left.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.club #mainimg .right p.address
{
	padding-left:7px;
	float:left;
	margin-top: -5px;
	font-size: 13px;
	color:#08465d;
	font-weight: bold !important;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.2em;

}

hr.clear
{
	clear:both;
	visibility:hidden;
}

.club #mainimg .right p
{
	font-size:14.4em;
	font-weight:700;
}

.club #mainimg .right h3
{
	color:#053040;
	font-size: 20px;
	font-weight: bold;
	margin:10px 0 12px;
}

.club #mainimg .right h4
{

	font-size: 14px;
	color:#053040;
	font-weight: bold;
}


.club #mainimg .right h4 a { color: #0a739b; font-size: 16px; border-bottom: 1px dotted #fff; }
.club #mainimg .right a img
{
	margin-top:25px;
}

.club #mainimg .left
{
	background:#103938;
	height:245px;
	position:relative;
	width:517px;
	z-index:1;
}

.club #mainimg .left .right
{
	border:none;
	float:none;
	left:7em;
	text-align:left;
}

.club #mainimg .left .left,#mainimg .left .right
{
	background:none;
	bottom:15px;
	height:auto;
	line-height:normal;
	padding:8px;
	position:absolute;
	text-align:left;
	width:8em;
}

.club #mainimg .left .left a,#mainimg .left .right a
{
	background:#081D29;
	color:#fff;
	padding:3px;
	font-size: 1.2em;
	border: 2px solid #f1f1f1;
}

.club #mainimg .left .right a:hover,#mainimg .left .left a:hover
{
	background:#A4C6C7;
	color:#fff;
	text-decoration:none;
}

/* home page */
.home #mainimg
{
	height: 260px !important;
}

.home #mainimg .left 
{	
	height: 260px;
	width: 265px;
	border-right: 4px #fff solid;
}

.home #mainimg .right
{
	width: 536px;
}


/***\
| 5 | Content
\***/

#directory
{
	background:#d6e1e1;
	color:#333;
	font-size:12px;
}

#directory a:hover
{
	color:#333;
	text-decoration:none;
}

#maincontent .onecolumn
{
	padding-left:15px;
	padding-right:15px;
	padding-top:30px;
	width:750px;
}

#maincontent .pic
{
	float:right;
	margin:0;
}

#maincontent .left 
{
	width: 450px;
	padding-left:27px;
	padding-top:30px;
}

.home #maincontent .left
{
	width:732px;
	float:none; 
}

#maincontent .left .left,#maincontent .left .right
{
	padding:0;
	width:auto;
}

#maincontent .right
{
	padding-left:27px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: 25px !important;
}

#maincontent .south
{
	padding-left:27px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#maincontent .news  
{
	width: 263px;
	background: #e3ecf0;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
#maincontent ul.schedule, #maincontent .schedule ul, #maincontent .schedule li, #maincontent ul.news, #maincontent .news ul, #maincontent news.li{
			list-style: none;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		#maincontent ul.schedule h3 { 
			margin: 10px 0 0 0;
			padding: 9px;
			background: #0a739b;
			color: #fff;
			font-size: 1.6em;
			line-height: 15px;
			font-weight: bold;
		}
		#maincontent ul.schedule li ul li {
			background: #e9edee;
			padding: 9px;
			font-size: 1.2em ;
			line-height: 15px;
			margin-top: 4px;
			color: #2d2e30;			
		}
		
		#maincontent ul.schedule li ul h4 {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 110px;
	background: none !important;
}
		
		#maincontent ul.schedule li ul li ul { display: inline; margin-top: -1px !important; }
		#maincontent ul.schedule li ul li ul li { display: inline; }

#maincontent ul.news li ul li
{
	
	height:45px;
	line-height:15px;
	margin-top:4px;
	padding:9px;
}

.cellr1out
{
	background:#EFEFE9;
	font-family:Verdana;
	font-size:10px;
}

.cellr1overnosel
{
	background:#DFFFDF;
	font-family:Verdana;
	font-size:10px;
}

#maincontent ul.news li ul li a
{
	font-weight: normal !important;
}
#maincontent .south h4, #maincontent .right h4
{
	width: 243px;
	background:url(../images/rightHeader.png) no-repeat center;
	margin:0;
	color: #fff !important;
}

#maincontent .right h4 
{
	margin-top: 20px !important;
}

#maincontent .right ul { padding: 3px 0px 3px 0px; }
#maincontent .right ul, #maincontent .south ul
{
	background: #e3ecf0;
	font-size:1.28em;
	list-style:none;
	margin: 0px 0;
	padding:0;
}

#maincontent .right li a,#maincontent .south li a
{
	background:#eaf1f4;
	color:#616a6a;
	display:block;
	margin:3px 5px 3px 9px;
	padding:3px;
}
/*
#maincontent ul.explore,#maincontent .schedule ul,#maincontent .explore li
{
	font-size:1.44em;
	list-style:square;
	margin:0;
	padding:0 0 0 9px;
}*/

#maincontent p
{

	margin-bottom:7px;
	margin-top:2px;
}


body.home #maincontent p
{
	
	margin-bottom:7px;
	margin-top:2px;
}

#maincontent h2
{
	margin:0;
	padding:0;
}

#maincontent h4
{
	/*background:#0a739b;*/

}




#maincontent #directions
{
	border:none;
	height:300px;
	width:455px;
}

/* A | Left */
#maincontent .left .section
{
	border-bottom:1px dashed #999;
	margin-bottom:40px;
	overflow:hidden;
	padding-bottom:30px;
}

/* Childcare */
#maincontent .blist ul
{ list-style-type:disc; margin:0; padding:0; }
#maincontent .blist li { margin:3px 5px 3px 0; padding:3px 3px 3px 0; }
#maincontent .right ul li,#maincontent .south ul.news li
{
	
	list-style:none;

	padding:0;
}


#maincontent .south ul.news li { 	margin:0 0 20px; }

#maincontent .right,#maincontent .south ul.news li a
{
	
}

#maincontent .right,#maincontent .south a img
{
	padding:0 !important;
}

#maincontent .right,#maincontent .south table
{
margin-left: 10px !important;
}

#maincontent .right,#maincontent .south td
{
	padding:0;
}

table.hours
{
	background: #e3ecf0;
	width:263px;
	padding: 3px 10px 15px;
}

/***\
|5.5| Player - Not in use
\***/
	
	#player { margin-left: 30px; margin-bottom: 30px; }





.graybg
{
	background:#eaf1f4;
	height:27px;
	vertical-align:middle;
}

#imgright
{
	float:right;
	padding-bottom:4px;
	padding-left:4px;
	padding-top:20px;
}

#single
{
	background:#F5AC33;
	border-right:3px solid #fff;
	height:245px;
	padding:0;
	width:804px;
}

#corp
{
	background:#FFF url(../images/corp_fitness.jpg) no-repeat;
	height:245px;
	width:808px;
}

#bigparagraph
{
	color:#1A5B5A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:25px;
}

/***\
| 6 | AJAX Content
\***/
#axi
{
	font-size:12px;
}

/***\
| 6 | SCHEDULE Content
\***/
.day
{
	background:#103938;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	height:20px;
	text-align:center;

	vertical-align:middle;
	width:98px;
}

.hour
{
	background:#A115A3;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	text-align:center;
	width:70px;
}

.boxhi
{
	background:#cbddf9;
	font-size:12px;
	font-weight:700;
	text-align:center;
}

.off
{
	background:#E8EEF7;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

.info
{
	background:#cee7e6;
	border:1px solid #f1f1f1;
	font-size:12px;
	height:120px;
	text-align:center;
	vertical-align:middle;
}

.info a:hover
{
	background-color:transparent;
	color:#000;
	text-decoration:none;
}

.fyi
{
	font-size:11px;
	padding-right:27px;
}

#date
{
	color:#333;
	font-size:16px;
	font-weight:700;
	text-align:left;
}


/* Errors Box */
div.errors
{
	background-color:#FFC;
	border:#FC6 1px solid;
	margin:0 0 10px;
	padding:5px 10px;
}

div.errors p
{
	margin:0;
}

div.errors p em
{
	color:#C00;
	font-style:normal;
	font-weight:700;
}
/* Form Elements */

.zerolineheight
{
	line-height:1.4em;
	margin-bottom:10px;
}
 li.long
{
	margin-left:50px;
}

.long input,.long select
{
	margin-left:20px;
}

.captcha
{
	margin-left:55px;
}
#captchabox {
	padding-right: 19px;
}

.captcha input
{
	float:left;
	margin:10px;
}

.captcha img
{
	float:left;
	margin:0 -10px 0 0 !important;
}


form p.note
{
	color:#333;
	font-size:90%;
	margin-left:170px;
}

form h3
{
	color:#444;
	font-size:1.6em;
	margin-top:0;
}

form fieldset
{
	background:#f6f9f9;
	border:none;
	margin:10px 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

form legend
{
	color:#666;
	font-weight:700;
}

/* Inputs */
form fieldset li
{
	list-style:none;
	overflow:hidden;
	padding:0.3em 0;
}

form li input,form li select
{
	width:250px;
}

input
{
	border:1px solid #d0d0d0;
	font-size:1.1em;
	padding:4px;
}
select
{
	border:1px solid #d0d0d0;
	padding:4px;
	font-size: 1em;
}
textarea
{
	border:1px solid #d0d0d0;
	padding:4px;
	font-size: 1.2em;
}

input:focus,.error input:focus,textarea:focus,select:focus
{
	background-color:#FFC;
	border-color:#FC6;
}

label
{
	display:block;
	float:left;
	line-height:25px;
	margin-right:10px;
	padding-right:15px;
	position:relative;
	text-align:right;
	width:150px;
	font-size: 12px;
}

label.long
{
	text-align:left;
	width:600px;
}

.error label,.error p
{
	color:#C00;
}

.error input
{
	background-color:#FEF;
	border-color:#C99;
	color:#000 !important;
}

/* Submit */
fieldset.buttons
{
	background:#FFC;
	border: none;
	padding-left:10px;
	font-size: 14px;
}

fieldset.buttons input
{
	float:left;
	margin-right:5px;
}

fieldset.buttons .main
{
	background:#106362;
	border-color:#054544;
	color:#fff;
	font-size: 14px;
}

fieldset.buttons p
{
	display:inline;
	float:right;
}

/***\
| 8 | Search
\***/
#hline
{
	border-top:thin solid #ccc;
	height:5px;
}

.data a:hover
{
	background-color:transparent;
	color:#333;
	font-weight:400;
	text-decoration:none;
}

.left,.home #maincontent .south div
{
	
	float:left;
}

.club #mainimg .right ul li,.home #mainimg .left ul li
{
	list-style:none;
	margin:0 0 2px;
	padding:0;
}

.club #mainimg .right a:hover,.home #mainimg .left a:hover
{
	text-decoration:none;
}

.club #mainimg .left .content,.home #mainimg .right .content
{
	height:0;
	z-index:1;
}

#directory a,dt a
{
	color:#333;
}

#maincontent ul.schedule { width: 100%; }

#maincontent ul.schedule li ul li h4,#maincontent ul.news li ul h4
{
	float:left;
	font-weight:400;
	margin:0;
	width:110px;
}

#maincontent ul.schedule li ul li ul,#maincontent ul.schedule li ul li ul li,#maincontent ul.news li ul li ul,#maincontent ul.news li ul li ul li
{
	display:inline;
}

.date,form li.required
{
	font-weight:700;
}

.info a:link,.info a:visited
{
	color:#000;
	text-decoration:none;
}

div.errors li,form li p
{
	font-size:.8em;
}

.data a:link,.data a:visited
{
	color:#333;
	font-weight:400;
	text-decoration:underline;
}

#belowfooter
{
	width: 100%;
	text-align: center;
	color: #789090;
	font-size: 11px !important;
}
#belowfooter p { font-size: 11px; }
 
#belowfooter a { color: #6a9898; text-decoration: none; font-weight: bold !important; }

#belowfooter ul { margin:0; padding:0; }
#belowfooter ul li { list-style: none; display: inline; }.telephone {
	float: inherit;
}

.directory a { float: left; width: 120px; padding-right: 3px; text-align:right; }
.directory li { overflow: hidden; }
.directory address { float: left; display: block; font-style: normal; padding-top:2px; line-height: 2em; color: #414a4a; }

.value { font-size: 2em; display: block; margin-bottom: 10px; }

/***\
| 8 | Join - copied from original site 2006 - contract pages, MD, VA, DC & VA
\***/

.jform {
	font-size: 12px;
	background: #F4F8F8;
	text-align: left;
}	
.data {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: transparent;
	text-align: left;
}
.d2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: #F4F8F8;
	text-align: left;
}
.invoice {
	font-size: .6em; 
	line-height: 1em;
}

/***\
| 9 | Misc.
\***/

.fancymenu { list-style: none; font-size: 1.1em; margin-left: 0 !important; padding-left: 0 !important; }
.fancymenu li { background: #ebf2f2; padding: 3px; margin: 5px; width: 200px; margin-left: 0; }
.fancymenu a { color: #053040; line-height: 1.3em; }

.updateaccount { list-style: square; font-size: 1.2em; margin-left: 0 !important; padding-left: 0 !important; }
.updateaccount li { padding: 3px; margin: 5px; width: 300px; margin-left: 20px; }
.updateaccount a { color: #053040; line-height: 1.3em; text-decoration:underline; }
	
#information { /* Class descriptions - 10/7/2009 */
	background: #FFFFCC;
	padding: 8px 8px 13px 8px;
	width: 423px;
	border: 1px solid #c7c790;
	margin-bottom: 15px;
}
#information p { color: #993333; font-size:12px; margin:0; }


#tweet { width:250px; float:right; padding-right: 24px; color:#fff !important; margin-top: 30px; }