/*++++++++++++++++++++++++++++*/
/*+++++Important Styles+++++++*/
/*++++++++++++++++++++++++++++*/


html, body{
	margin:0;
	padding:0;
	overflow: -moz-scrollbars-vertical;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
}

img#bgContainer {      /*This Controls the stretching background image */
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	
}

#container {
/* The master div*/
	position:absolute;
	width:980px;
	min-height:768px;
	/*height:100%;*/   /*IE6 did not like this very much*/
	left:50%;
	margin-left: -490px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
	z-index:2;

}

a{
	outline:none;
	color:#37407B;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
	
}

ul{
	margin-top:0px;
	margin-bottom:0px;
	
}

/*+++++++++++++++++++++++*/
/*+++++Text Styles+++++++*/
/*+++++++++++++++++++++++*/



h1 {
	margin: 10px 0px 5px 20px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:200;
	text-align:left;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;
	line-height:140%;
	margin: 0px 15px 0px 20px;
	padding:0px;
	text-align:left;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;
	line-height:140%;
	text-align:left;
}


.leftMainContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;
	line-height:140%;
	margin: 0px 15px 0px 20px;
	padding:0px;
	text-align:left;
}



.content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	line-height:140%;
	margin: 20px 20px 20px 20px;
	padding:0px;
	text-align:left;
}

.label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888888;
	padding:2px;
	text-indent:0px;

}


#footer {
	position:relative;
	padding-top:20px;
	padding-bottom: 20px;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#AAAAAA;
	line-height:110%;
	text-align:center;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#AAAAAA;
	line-height:110%;
	text-decoration:underline;
}

#footer a:hover{
	text-decoration: none;
	color:#0000CC;
}

/*++++++++++++++++++++++++++++++++++++++*/
/*+++++Styles for Tier 2 +++++++*/
/*++++++++++++++++++++++++++++++++++++++*/


.tier2H{
	margin: 2px 0px 5px 5px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:200;
}

a.tier2L{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	line-height:150%;
	color:#FFFFFF;
	
}

a.tier2L:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;


}

/*++++++++++++++++++++++++++++++++++++++*/
/*+++++Styles for Tier 3 +++++++*/
/*++++++++++++++++++++++++++++++++++++++*/


.coloredBoxTier3 {
	margin: 2px 0px 2px 5px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	text-align:left;
	color:#FFFFFF;

}

.greyBoxTier3 {
	margin: 0px 0px 5px 5px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:200;
	text-align:left;
	color:#FF9900;
}

.coloredBox {
	margin: 2px 5px 0px 35px;
	padding: 0px;
	list-style-type: disc;
	list-style-image: none;
	color:#FFFFFF;

}

a.coloredBoxA { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	color:#FFFFFF;
	text-decoration:none;
}

a.coloredBoxA:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	
}

.greyBoxTier3P{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;
	line-height:140%;
	margin: 0px 20px 0px 20px;
	padding:0px;
	text-align:left;
}

/*++++++++++++++++++++++++++++++++++++++*/
/*+++++Styles for Drop Down Menus+++++++*/
/*++++++++++++++++++++++++++++++++++++++*/

#tier4Content{
	margin:0px 0px 0px 30px;
	padding:0;
}


.tier4H{
	margin: 10px 0px 5px 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:200;
	
}


.tier4FormLabels{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}



/*++++++++++++++++++++++++++++++++++++++*/
/*+++++Styles for Drop Down Menus+++++++*/
/*++++++++++++++++++++++++++++++++++++++*/

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}


#tennisMenuContainer {
/* This ID is related to the master menu div for menu tennisMenuContainer and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:109px;
	top:126px;
	visibility:hidden;
	z-index:300;
}

#tennisMenu {
/* This class defines things about menu tennisMenu's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#666666;
	border:1px solid #FFFFFF;
	width:150px;
	/*height:82px;*/
}

.tennisMenuStyleTop {
/* This class determines the general characteristics of the menu items in menu tennisMenu */
	border-top:1px solid #FE8C01;
	border-left:1px solid #FE8C01;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

.tennisMenuStyleRows {
/* This class determines the general characteristics of the menu items in menu tennisMenu */
	border-top:0px;
	border-left:1px solid #FE8C01;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:27px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

#tennisMenu_Item_0 {
/* Unique ID for item 0 of menu tennisMenu so we can set its position */
	left:0px;
	top:0px;
}

#tennisMenu_Item_1 {
/* Unique ID for item 1 of menu tennisMenu so we can set its position */
	left:0px;
	top:28px;
}

#tennisMenu_Item_2 {
/* Unique ID for item 2 of menu tennisMenu so we can set its position */
	left:0px;
	top:55px;
}

#tennisMenu_Item_3 {
/* Unique ID for item 2 of menu tennisMenu so we can set its position */
	left:0px;
	top:82px;
}

#dropDownMenuContainer img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#tennisMenuContainer a {
/* Controls the general apperance for menu dropDownMenuContainer's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#FE8C01;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#tennisMenuContainer a:hover {
/* Controls the mouse over effects for menu dropDownMenuContainer */
	color:#FE8C01;
	background-color:#ffffff;
}
#fitnessMenuContainer {
/* This ID is related to the master menu div for menu fitnessMenuContainer and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:213px;
	top:126px;
	visibility:hidden;
	z-index:300;
}

#fitnessMenu {
/* This class defines things about menu fitnessMenu's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#666666;
	border:1px solid #FFFFFF;
	width:150px;
	/*height:82px;*/
}

.fitnessMenuStyleTop {
/* This class determines the general characteristics of the menu items in menu fitnessMenu */
	border-top:1px solid #22487B;
	border-left:1px solid #22487B;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

.fitnessMenuStyleRow {
/* This class determines the general characteristics of the menu items in menu fitnessMenu */
	border-top:0px;
	border-left:1px solid #22487B;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:27px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

#fitnessMenu_Item_0 {
/* Unique ID for item 0 of menu fitnessMenu so we can set its position */
	left:0px;
	top:0px;
}

#fitnessMenu_Item_1 {
/* Unique ID for item 1 of menu fitnessMenu so we can set its position */
	left:0px;
	top:28px;
}

#fitnessMenuContainer img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#fitnessMenuContainer a {
/* Controls the general apperance for menu fitnessMenuContainer's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#22487B;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#fitnessMenuContainer a:hover {
/* Controls the mouse over effects for menu fitnessMenuContainer */
	color:#22487B;
	background-color:#ffffff;
}
#multiSportMenuContainer {
/* This ID is related to the master menu div for menu multiSportMenuContainer and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:373px;
	top:126px;
	visibility:hidden;
	z-index:300;
}

#multiSportMenu {
/* This class defines things about menu multiSportMenu's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#666666;
	border:1px solid #FFFFFF;
	width:150px;
	/*height:163px;*/
}

.multiSportMenuStyleTop {
/* This class determines the general characteristics of the menu items in menu multiSportMenu  #3366cc*/
	border-top:1px solid #FE8C01;
	border-left:1px solid #FE8C01;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

.multiSportMenuStyleRow {
/* This class determines the general characteristics of the menu items in menu multiSportMenu */
	border-top:0px;
	border-left:1px solid #FE8C01;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:150px;
	height:27px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	height:16px;
}

#multiSportMenu_Item_0 {
/* Unique ID for item 0 of menu multiSportMenu so we can set its position */
	left:0px;
	top:0px;
}

#multiSportMenu_Item_1 {
/* Unique ID for item 1 of menu multiSportMenu so we can set its position */
	left:0px;
	top:28px;
}

#multiSportMenu_Item_2 {
/* Unique ID for item 2 of menu multiSportMenu so we can set its position */
	left:0px;
	top:55px;
}

#multiSportMenu_Item_3 {
/* Unique ID for item 3 of menu multiSportMenu so we can set its position */
	left:0px;
	top:82px;
}

#multiSportMenu_Item_4 {
/* Unique ID for item 4 of menu multiSportMenu so we can set its position */
	left:0px;
	top:109px;
}



#multiSportMenuContainer img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#multiSportMenuContainer a {
/* Controls the general apperance for menu multiSportMenuContainer's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#FE8C01;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#multiSportMenuContainer a:hover {
/* Controls the mouse over effects for menu multiSportMenuContainer */
	color:#FE8C01;
	background-color:#ffffff;
}

/* Start Kids Menu */

#startKidsMenuContainer {
/* This ID is related to the master menu div for menu startKidsMenuContainer and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:490px;
	top:126px;
	visibility:hidden;
	z-index:300;
}

#startKidsMenu {
/* This class defines things about menu startKidsMenu's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#666666;
	border:1px solid #FFFFFF;
	width:185px;
	/*height:82px;*/
}

.startKidsMenuStyleTop {
/* This class determines the general characteristics of the menu items in menu startKidsMenu  #FE8C01*/
	border-top:1px solid #3366cc;
	border-left:1px solid #3366cc;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:185px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:173px;
	height:16px;
}

.startKidsMenuStyleRow {
/* This class determines the general characteristics of the menu items in menu startKidsMenu */
	border-top:0px;
	border-left:1px solid #3366cc;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:185px;
	height:27px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:173px;
	height:16px;
}

#startKidsMenu_Item_0 {
/* Unique ID for item 0 of menu startKidsMenu so we can set its position */
	left:0px;
	top:0px;
}

#startKidsMenu_Item_1 {
/* Unique ID for item 1 of menu startKidsMenu so we can set its position */
	left:0px;
	top:28px;
}

#startKidsMenuContainer img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#startKidsMenuContainer a {
/* Controls the general apperance for menu startKidsMenuContainer's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#FE8C01;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#startKidsMenuContainer a:hover {
/* Controls the mouse over effects for menu startKidsMenuContainer */
	color:#3366cc;
	background-color:#ffffff;
}

/* End Start Kids Menu */


#partiesMenuContainer {
/* This ID is related to the master menu div for menu partiesMenuContainer and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:609px;
	top:126px;
	visibility:hidden;
	z-index:300;
}

#partiesMenu {
/* This class defines things about menu partiesMenu's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#666666;
	border:1px solid #FFFFFF;
	width:185px;
	/*height:82px;*/
}

.partiesMenuStyleTop {
/* This class determines the general characteristics of the menu items in menu partiesMenu */
	border-top:1px solid #FFCC00;
	border-left:1px solid #FFCC00;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:185px;
	height:28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:173px;
	height:16px;
}

.partiesMenuStyleRow {
/* This class determines the general characteristics of the menu items in menu partiesMenu */
	border-top:0px;
	border-left:1px solid #FFCC00;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #666666;
	width:185px;
	height:27px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:173px;
	height:16px;
}

#partiesMenu_Item_0 {
/* Unique ID for item 0 of menu partiesMenu so we can set its position */
	left:0px;
	top:0px;
}

#partiesMenu_Item_1 {
/* Unique ID for item 1 of menu partiesMenu so we can set its position */
	left:0px;
	top:28px;
}


#partiesMenuContainer img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#partiesMenuContainer a {
/* Controls the general apperance for menu partiesMenuContainer's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#FFCC00;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#partiesMenuContainer a:hover {
/* Controls the mouse over effects for menu partiesMenuContainer */
	color:#FFCC00;
	background-color:#ffffff;
}

/* STYLES FOR THE GRID CALENDAR */

.cal_td_days{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.cal_td_active{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

em {
	display:inline-block;	
}