/***********************************************/
/* SpaLady Main Formatting CSS Page            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{
	margin: 0px;
	padding: 0px;
	background-image:url(images/background.jpg);
	font-family: Helvetica, Arial, sans-serif;
}

#maincol{
	float:left;
	width:399px;
	position:relative;
}

#maincol table{
border-collapse: collapse; 
}

#maincol td{
	
	border-spacing: 0px;
	text-align:left;
	vertical-align:top;
}

#tableCorrection{
	margin:0 -5px 0 -5px;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container{
	width:798px;
	margin:0;
	padding:0px;
	text-align:left;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;  
} 

#threecols{
	float:inherit;
	margin-top:0;
	margin-left:auto; 
 	margin-right:auto;
	width:100%;
	/*REMOVED width value */
}

#twocolsLeft{
	float:left;
	width:545px;
	margin-left:10px;
	padding:0;
	display:inline;
}

#twocolsLeft #button1{
	float:left;
	width:175px;
	margin:10px 0px 10px 0px;
	padding:0;
	display:inline;
}

#twocolsLeft #rightButtons{
	float:right; 
	width:360px;
	margin:10px 0px 10px 0px;
	padding:0px;
	display:inline;
}

#twocolsLeft #rightButtons #button2{
	float:left; 
	width:175px;
	margin:0;
	padding-right:5px;
	display:inline;
}

#twocolsLeft #rightButtons #button3{
	float:right; 
	width:175px;
	margin:0;
	padding-left:5px;
	display:inline;
}

#twocolsRight{
	float:right;
	width:500px;
	margin-right:10px;
}

#twocolsMiddle{
	float:left;
	width:600px;
}

#onecolCorrect{
	width:95px;
	float:left;
}

#homeRightCol{
	float:right;
	width:210px;
	margin-top: 10px;
	margin-right:10px;
	display:inline;
}
	
#rightcol{
	float:right;
	width:210px;
	padding: 0 10px 0 0;
	margin-top:45px;
}

#leftcol{
	width:160px;
	margin:0 10px 0 10px;
	float:left;
}

#newsletterLeftCol{
	float:left;
	width:240px;
	padding: 0 0 0 10px;
	margin-top:-10px;
}

#twocolsRight{
	width:509px; 
 	float:right; 
 	position:relative;	 
	border-color:#FF3366;
	margin-right:10px;
	margin-left:10px; 
}

.sideItem{
	margin-bottom:10px;
	float: left;
	position:relative;
	width:210px;
}

/***********************************************/
/* Club Pages Layout                           */
/***********************************************/

#club{
	margin:0;
	/*border:1px solid;*/
	border-color:#CCCC99;
	float:left;
}

#club td{
	padding: 10px;
	border-spacing: 0px;
	text-align:left;
	vertical-align:top;
}

.clubItem {
	margin-top: 10px;
	float: left;
	position:relative;
	width:397px;
}

#clubSideItem{
	margin-bottom: 10px;
	float:left;
	position:relative;
	width:175px;
	padding:0;
	margin-right:-10px;
	
}

#rightcolSmall{
	float:right;
	width:175px;
	font-size:10px;
	margin-top:-36px;
	margin-right:10px;
	display:inline;
}

#rightcolSmall h1{
	font-size:12px;
	font-weight:600;
	color:#274251;
	border:0;
}

#rightcolSmall p{
	font-size:11px;
}

/*leftcol and maincol combined to layout headers for subsections */ 

#header{
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}

#subHeader{
	width:100%;
	position:relative;
	padding-bottom:15px;
	float:left;
}

#header2cols{
	margin-top:20px;
	padding: 0 10px 0 10px;
	width:570px;
	float:left;	
}

#promoHeader{
	width:780px;
}


/***********************************************/
/* Google Maps Formatting                      */
/***********************************************/

#map {
	border: 1px solid #999999;
}

#map td{
	margin: 0px;
	padding-right: 10px;
	font-size: 10px;
	font-weight: normal;
	text-align:left;
}

/***********************************************/
/* SIDE BAR ITEMS */
/***********************************************/

#blueBox {
	border: 1px solid #5292B7;
	background-color:#CDE3F9;
}

#blueBox .header {
	text-align:left;
	margin:-1px;
	/*background-color:#5292B7;*/
	background-image:url(images/blue_gradient.gif);
	padding: 6px 5px 5px 5px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

#blueBox .content {
	text-align:left;
	position:relative;
	padding: 5px;
	margin-bottom:-1px;	
	
}

#blueBox p {
	color:#274251;
	font-size:11px;
}

#blueBox .footer{
	background-color:#A5CEF7;
	padding:5px;
	margin-bottom:-1px;
}

#blueBox .footer p{
	text-align:left;
	font-size:11px;
	line-height:12px;
}

#blueBox h5 a{
	color:#274251;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:0;
}

/***********************************************/
#greyBox{
	border: 1px solid;
	border-color:#999999;
	background-image:url(images/bg_grey.gif);
	
}

#greyBox .header {
	text-align:left;
	/*background-color:#CCCCCC;*/
	background-image:url(images/grey_gradient.gif);
	padding: 6px 5px 5px 5px;
	margin: -1px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	
}


#greyBox .content {
	
	text-align:left;
	position:relative;
	padding:5px;
	margin-bottom:-1px;
		
}


#greyBox p {
	color:#404040;
	font-size:11px;
}

#greyBox .footer {
	background-color:#CCCCCC;
	padding:5px;
	margin-bottom:-1px;
}

#greyBox .footer p{
	font-size:11px;
	line-height:12px;
}
/***********************************************/

#yellowBox {
	float:left;
	width:397px;
	background-color:#FFFFCC;
	padding:0;
	margin:0;
	border-right:1px solid #FFCC66;
	border-top:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
}

#yellowBoxLast {
	float:left;
	width:397px;
	background-color:#FFFFCC;
	padding:0;
	margin-top:-15px;
	border-right:1px solid #FFCC66;
	border-top:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
}

.yellowBoxBottom {
	float:left;
	width:100%;
	border-top:1px solid #FFCC66;
	margin-bottom:15px;
}

#yellowBox .date {
	float:left;
	text-align:left;
	width:120px;
	position:relative;
	padding: 10px;
	color:#274251;
	font-size:12px;
	/*border:1px solid black;*/
}

#yellowBoxLast .date {
	float:left;
	text-align:left;
	width:120px;
	position:relative;
	padding: 10px;
	color:#274251;
	font-size:12px;
	/*border:1px solid black;*/
}

#yellowBox a{
	text-decoration:none;
}

#yellowBox a:hover{
	text-decoration:underline;
}

	
#yellowBox .content {
	float:left;
	width:230px;
	text-align:left;
	position:relative;
	padding: 10px;
	color:#274251;
	font-size:12px;
}

#yellowBoxLast .content {
	float:left;
	width:230px;
	text-align:left;
	position:relative;
	padding: 10px;
	color:#274251;
	font-size:12px;
}

.yellowBoxHeader {
	float:left;
	width:399px;
	/*background-color:#FFCC66;*/
	background-image:url(images/yellow_gradient.gif);
	/*border:1px solid;*/
	/*border-color:#FFCC66;*/
	font-size:12px;
	font-weight:bold;
	margin:0px;
	color:#274251;
}

#yellowHeader a {
	color:#274251;
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
}

#yellowHeader {
	float:left;
	text-align:left;
	width:120px;
	position:relative;
	padding:5px 10px 5px 10px;
	font-size:12px;
	/*border:1px solid black;*/
}

#fullLength {
	float:left;
	text-align:left;
	width:375px;
	position:relative;
	padding:5px 10px 5px 10px;
}
	
.yellowBoxHeader .content {
	float:left;
	text-align:left;
	position:relative;
	padding:5px 10px 5px 10px;
}

/*.yellowBox .header {
	text-align:left;
	background-image:url(images/bg_selectBar.gif);
	background-repeat:repeat-x;
	padding: 7px 5px 5px 5px;
	height:25px;
	color:#274251;
	font-size:13px;
	font-weight:normal;
}
*/

.yellowboxBox p {
	color:#404040;
	font-size:12px;
	padding: 0 5px 0 5px;
}

.yellowBox form{
	padding-top:10px;
	padding-right:5px;
}


/************************************************/
/**** TOM Content Layout *************/
/************************************************/

#TOM {
	margin-top: 2px;
	margin-bottom: 10px;
	padding:0;
	float: left;
	position:relative;
	width:397px;
	border: 1px solid #5292B7;
	background-color:#CDE3F9;
}

#TOM .image { 
	float: left;
	width:100px;
	text-align:left;
	position:relative;
	padding: 5px;
}

#TOM .content {
	float: left;
	text-align:left;
	position:relative;
	padding: 5px 0 5px 5px;
	width:280px;
	margin-top:-10px;
}

#TOM .header {
	text-align:left;
	/*background-color:#5292B7;*/
	background-image:url(images/blue_gradient.gif);
	padding: 6px 5px 5px 5px;
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

#TOM .footer{
	float: left;
	background-color:#A5CEF7;
	padding: 5px;

}

#TOM .content h5{
margin-bottom:-7px;
}

#TOM .footer p{
	text-align:left;
	font-size:11px;
	line-height:13px;
}

/************************************************/
/**** Company News Content Layout *************/
/************************************************/
#CompanyNews {
	padding:0;
	float: left;
	width:100%;
	position:relative;
	border: 1px solid #CC6666;
	background-image:url(images/bg_red.gif);
}

#CompanyNews .header {
	text-align:left;
	/*background-color:#5292B7;*/
	background-image:url(images/red_gradient.gif);
	padding: 6px 5px 5px 5px;
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

#CompanyNews h2{
	padding:5px 0 0 0;;
}

#CompanyNews .content {
	float: left;
	text-align:left;
	position:relative;
	padding: 5px;
}

img.CompanyNews {
	padding-right:10px;
	padding-top:8px;
}

p.CompanyNews {
	margin-top:0;
	padding-top:4px;
}

/************************************************/
/**** Club News Content Layout *************/
/************************************************/

#News {
	margin-top: 2px;
	margin-bottom: 10px;
	padding:0;
	float: left;
	position:relative;
	width:397px;
	border: 1px solid #CC6666;
	background-image:url(images/bg_red.gif);
}

#News .image { 
	float: left;
	width:150px;
	text-align:left;
	position:relative;
	padding: 5px;
}

#News .content {
	float: left;
	text-align:left;
	position:relative;
	padding: 5px 0 0 5px;
	width:230px;
}

#News .content h5 {
color:#990000;
font-size:14px;
}

#News .header {
	text-align:left;
	/*background-color:#5292B7;*/
	background-image:url(images/red_gradient.gif);
	padding: 6px 5px 5px 5px;
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}

#News .footer{
	float: left;
	background-color:#A5CEF7;
	padding: 0 5px 0 5px;
}

#News .footer p{
	text-align:left;
	font-size:11px;
	line-height:12px;
}



/***********************************************/
/* Container Main Background Shadow            */
/***********************************************/

.bottom {
	padding: 0 0 2px 0;
	background: url(images/drop_bottom.jpg) left bottom repeat-x;
	}
	
/*.top {
	padding: 4px 0 0 0;
	background: url(images/drop_top.jpg) left top repeat-x;
	}
*/	
.left {
	padding: 0 0 0 4px;
	background: url(images/drop_left.jpg) left top repeat-y;
	}
	
.right {
	padding: 0 4px 0 0;
	background: url(images/drop_right.jpg) right top repeat-y;
	}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-table;}
/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* End hide from IE-mac */  
 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 

/*hide top navigation when printing*/ 
#navigation{display:none;}

#threecols, #maincol{width:100%; float:none;}
#twocolsLeft{width:100%; float:none;}

}

/***********************************************/
/* Sub Menu Layout                             */
/***********************************************/

#leftcol .submenu{
padding: 0;
float:left;
width:150px;
}

#leftcol .submenu ul{
list-style-image: url(images/arrow.gif);
margin:10px;
margin-left:20px;
margin-top:20px;
padding:0;
border:none;
}

#leftcol .submenu li{
margin:0;
text-align:left;
border-bottom: 1px dashed #999999;
}

#leftcol .submenu li.last{
margin:0;
text-align:left;
border-bottom: none;
}

#leftcol .submenu li a {
font: bold 11px sans-serif;
line-height:27px;
color:#274251;
text-decoration:none;
}

#leftcol .submenu li a:hover { 
color:#FF9900;
}

#leftcol .submenu li a:active {
color:#990000;
}

/***********************************************/
/* Newsletter Layout	                       */
/***********************************************/

.articleMenu{
padding: 0;
float:left;
width:100%;
}

.articleMenu h5 a{
color:#274251;
text-decoration:underline;
}

.articleMenu h5 a:hover { 
color:#FF9900;
}

.articleMenu ul{
list-style-image: url(images/arrow.gif);
margin-left:17px;
margin-top:10px;
margin-bottom:5px;
padding:0;
border:none;
}

.articleMenu li{
margin-bottom:5px;
text-align:left;
}

.articleMenu li.last{
margin:0;
text-align:left;
border-bottom: none;
}

.articleMenu li a {
font: bold 11px sans-serif;
line-height:17px;
color:#274251;
font-weight:normal;
text-decoration:none;
}

.articleMenu li a:hover { 
color:#FF9900;
}

.articleMenu li a:active {
color:#990000;
}

/***********************************************/
/* Breadcrumbs Navigation                      */
/***********************************************/

#bread {
	color:#666666;
	padding: 0;
	margin: 0;
	margin-top:-10px;
	text-align: left;
	
}

#bread a{
	text-decoration:underline;
	color:#666666;
	font-size:10px;
}

#bread a:hover{
	color:#990000;
}
	

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	font-size:10px;
	color:#666666;
} 

#bread ul li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	display: inline;
}

#bread ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #3E3924;
}
	
#bread ul li.first:before {
	content: " ";
}

/***********************************************/
/* Newsletter Layout                           */
/***********************************************/

#newsletterHeader{
float:left;
}

#newsletterSubHeader{
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
	position:relative;
	width:768px;
}

#newsletterSubHeader .header{
	font-size:26px;
	font-weight:normal;
	color:#003366;
	text-align:left;
	margin-top:10px;
}

#newsletterSubHeader .header .sub{
	font-size:14px;
	font-style:italic;
	color:#003366;
	text-align:left;
	margin-top:5px;
}

#newsletterSubHeader .header #break{
border-bottom: 2px solid #999999;
}

#newsletterMenu{
	float:left;
	width:100%;	
	background-color:#A9CCDE;
	padding:15px 0 5px 0;
	
}

#newsletterMenu .item{
	margin-right:10px;
	float:right;
}

#newsletterMenu .item a{	
	text-align:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	text-decoration:none;
}

#newsletterMenu .item a:hover{
	color:#FF3300;
	text-decoration:underline;
}
	
	
.blueBorder {
	border: 1px solid #5A90C5;
}


/***********************************************/
/* Breadcrumbs Navigation                      */
/***********************************************/

#newsletterSubHeader #bread {
	color:#666666;
	margin: 0;
	text-align: left;
	
}

#newsletterSubHeader #bread a{
	text-decoration:underline;
	color:#666666;
	font-size:10px;
}

#newsletterSubHeader #bread a:hover{
	color:#990000;
}
	

#newsletterSubHeader #bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	font-size:10px;
	color:#666666;
} 

#newsletterSubHeader #bread ul li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	display: inline;
}

#newsletterSubHeader #bread ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #3E3924;
}
	
#newsletterSubHeader #bread ul li.first:before {
	content: " ";
}


/***********************************************/
/* LIST CONTENT */
/***********************************************/


#listContent{
text-align:left;
font-size:12px;
font-weight:normal;
margin-top:5px;
margin-bottom:10px;
/*border: 1px solid black;*/
}

#listContent #footer{
text-align:right;
font-size:10px;
font-style:italic;
}

/***********************************************/
/* Special Cases Fonts					       */
/***********************************************/

.notice {
	padding-right: 10px;
	padding-top: 0;
	margin: -5px 0 0 0;
	padding-bottom:10px;
	font: normal 11px sans-serif;
	color: #999999;
	vertical-align:top;
	text-align:right;
}

.notice a{
	text-decoration:none;
	color: #999999;
}

.notice a:hover{
	color: #990000;
}