@charset "utf-8";
/* CSS Document */

.contact {
	max-width: 518px;
}
.contact input, .contact textarea {
	border: solid 1px #444;
	background-color: #f5f5f5;
	font-size: 15pt;
	padding: 9px !important;
	width: 100%;
	box-shadow: 5px 5px 10px #f9f9f9;
}
.contact-button {
	max-width: 300px;
	background-color: #28bfdc !important;
	color: white;
	border: 0 !important;
}

/* ============================================
MAIN SITE CONTAINERS
=============================================*/

#containerMain_top	{
	overflow:hidden;
	background-color: rgb(204,204,204);	 /*TEMP COLOR*/
	padding-top: 11px;
	padding-bottom: 9px;
	background-image: url(/images2012/background_top.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#containerMain_top img {
	border: 0px;
}

#containerMain_middle	{
}

#containerMain_bottom	{
	overflow:hidden;
	background-color: rgb(204,204,204);	 /*TEMP COLOR*/

	
}

#yelp-biz-badge-plain-96SzgUpXYKLcipfRr_w8wg {
	position: absolute;
	bottom: 11px;
	right: 149px;
	}
#yelp-biz-badge-plain-96SzgUpXYKLcipfRr_w8wg img {
	height: 26px;
	width: 75px;
	}
	

/* ============================================
INTERIOR CONTENT CONTAINERS
=============================================*/
#container_mainHeader	{
	overflow:hidden;
	background-color: rgb(255,255,255);
	height: 100px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;	
	position:relative;
}

#container_mainNav	{
	overflow:hidden;
	background-color: #011B78;
	padding-top: 7px;
	padding-left: 20px;
	height: 33px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-transform:none;
	color:#FFFFFF;								/*TEMP*/	
}

#smallArrow
{
	font-size: 12px;
	color: #ffffff;
}

#container_mainContent	{
	overflow:hidden;
	background-color: #48494e;			/*TEMP*/
	background-repeat: no-repeat;
	background-position: top center; 
	height: 523px;								/*TEMP - LET THE IMAGE STRETCH THE DIV AFTER IT'S IN PLACE */
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#container_GetStarted_button
{
	background-image: url(/images2012/Get_Started_BG.png);
	border: solid 0px #fff;
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
	text-align: center;
	position:absolute;
	cursor: pointer;
	_cursor: hand;
}
#container_GetStarted_button_LRG {
	color: #b5edf7;
	font-size: 35px;
	margin-top: 6px;
}
#container_GetStarted_button_SML {
	color: white;
	font-size: 19px;
	margin-top: 0px;
}
#container_LinkTitle_button
{
	min-width: 250px;
	background-image: url(/images2012/Get_Started_BG.png);
	border: solid 0px #fff;
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
	text-align: center;
	position:absolute;
	cursor: pointer;
	_cursor: hand;
}
#container_LinkTitle_button_LRG {
	font-family: Trebuchet MS, Arial;
	color: #ffffff;
	font-size: 21px;
	margin-top: 6px;
}

#container_mainContent_box1	{
	background-color: #159D9D;
	background-repeat: repeat-x;
	background-position: top center; 
	background-image: url(/images2012/Get_Started_Callout.jpg);
	height: 110px;
	width: 298px;
	position:absolute;
	bottom:29px;
	left:18px;
	border: solid 0px #ffffff;
	-moz-box-shadow: 1px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 0px #ffffff;
	box-shadow: 1px 1px 0px 0px #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#container_mainContent_box2	{
	background-color: #159D9D;
	background-repeat: repeat-x;
	background-position: top center; 
	background-image: url(/images2012/Get_Started_Callout.jpg);
	height: 110px;
	width: 298px;
	position:absolute;
	bottom:29px;
	left:330px;
	border: solid 0px #ffffff;
	-moz-box-shadow: 1px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 0px #ffffff;
	box-shadow: 1px 1px 0px 0px #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#container_mainContent_box3	{
	background-color: #159D9D;
	background-repeat: repeat-x;
	background-position: top center; 
	background-image: url(/images2012/Get_Started_Callout.jpg);
	height: 110px;
	width: 298px;
	position:absolute;
	bottom:29px;
	left:642px;
	border: solid 0px #ffffff;
	-moz-box-shadow: 1px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 1px 1px 0px 0px #ffffff;
	box-shadow: 1px 1px 0px 0px #ffffff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#mainContent_box_Title
{
	font-family: Trebuchet MS, Arial;
	font-size: 18px;
	color: white;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
#mainContent_box_Title a
{
	color: white;
	text-decoration: none;
}
#mainContent_box_Title a:hover
{
	color: #ffe6a1;
}
#mainContent_box_img
{
	margin-top: 4px;
	text-align: center;
}
#mainContent_box_img img
{
	border: 0px;
	width: 278px;
	height: 71px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#mainContent_box_Caption
{
	text-align: center;
	margin-top: 10px;
	font-family: Arial;
	font-size: 14px;
}
#mainContent_box_Caption a
{
	color: #012184;
	text-decoration: none;
}

#container_subContent	{
	overflow:hidden;
	background-color: #48494e;			/*TEMP*/
	background-repeat: no-repeat;
	background-position: top center; 
	height: 262px;								/*TEMP - LET THE IMAGE STRETCH THE DIV AFTER IT'S IN PLACE */
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#subPageTitle
{
	padding: 10px 10px 0px 10px;
	font-size: 29px;
	font-family: Arial;
	color: #002085;
}

#subPageContent
{
	width: 620px;
	min-height: 330px;
	padding: 10px 20px 30px 10px;
	font-size: 13px;
	font-family: Arial;
	color: #000;
	line-height: 19px;
}
#subPageContent font
{
	color: #474747;
	font-size: 13px;
	font-family: Arial;
}
#subPageContent b, strong
{
	color: #002085;
	font-size: 15px;
}
#subPageContent img
{
	margin: 0px 12px 8px 24px;
	padding: 0px;
	max-width: 320px;
	max-height: 240px;
	border: solid 1px #dddddd;
	-moz-box-shadow: 3px 3px 0px 0px #eeeeee;
	-webkit-box-shadow: 3px 3px 0px 0px #eeeeee;
	box-shadow: 3px 3px 0px 0px #eeeeee;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.container_subPageContent_specGraph {
	border: solid 3px #2bc0dd;
	-moz-box-shadow: 5px 5px 0px 0px #eeeeee;
	-webkit-box-shadow: 5px 5px 0px 0px #eeeeee;
	box-shadow: 5px 5px 0px 0px #eeeeee;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: 12px;
}
#subPageContent p
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
#subPageContent li
{
	margin-bottom: 5px;
}
#subPageContent table {
	font-size: 11px !important;
	line-height: 13px !important;
	border-bottom: solid 10px #2dc1dd;
	margin-bottom: 6px;
	border-spacing: 0px;
}
#subPageContent table strong {
	font-size: 12px !important;
	font-weight: normal;
}
#subPageContent td font {
	font-size: 11px !important;
}
#subPageContent td em, subPageContent td i {
	font-weight: bold;
	color: #2dc1dd;
}
#subPageContent td {
	padding: 3px 3px;
	border-right: solid 1px #cccccc;
}
.subtitle {
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	background: #2dc1dd;
	width: 88px;
}


#containerMain_middle
{
	background-repeat: repeat-x;
	background-position: top center; 
	background-image: url(/images2012/fitlife_fitness_bg.jpg);
}

#container_middleContent {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#container_middleContent_home {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#container_informationBoard	{
	height:340px;
	width:640px;				
	float:left;	
	overflow: auto;
}

#contentTitle
{
	padding: 10px 10px 0px 10px;
	font-size: 29px;
	font-family: Trebuchet MS, Arial;
	color: #002085;
}
#contentContent
{
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	font-family: Arial;
	color: #474747;
	line-height: 18px;
}
#contentContent font
{
	color: #474747;
	font-size: 12px;
	font-family: Arial;
}
.contentSubhead {
	font-size: 17px;
	font-family: Trebuchet MS, Arial;
	color: #002085;
	font-weight: bold;
}

.sitemap li {
	margin: 2px 0 2px 20px !important;
	padding: 0 !important;
}
.subhead {
	margin: 12px 0;
	font-size: 19pt;
	color: #002085;
}
#container_secondaryNav_home {
	margin: 10px 0px;
	padding: 10px 0px;
}
#container_secondaryNav	{
	height:340px;
	width:300px;
	float:right;
}
#secondaryNav_Button_1
{
	height:49px;
	width:292px;
	line-height: 49px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/lrg_button.gif);
	cursor: pointer;
	_cursor: hand;
	display: inline-block;
	text-align: left;
}
#secondaryNav_Button_2
{
	height:49px;
	width:292px;
	line-height: 49px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/lrg_button.gif);
	cursor: pointer;
	_cursor: hand;
	display: inline-block;
	text-align: left;
}
#secondaryNav_Button_3
{
	height:49px;
	width:292px;
	line-height: 49px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/lrg_button.gif);
	cursor: pointer;
	_cursor: hand;
	display: inline-block;
	text-align: left;
}
#secondaryNav_Button_4
{
	height:49px;
	width:292px;
	line-height: 49px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/lrg_button.gif);
	cursor: pointer;
	_cursor: hand;
	display: inline-block;
	text-align: left;
}
.secondaryNav_Button_text
{
	font-size: 17px;
	font-family: Trebuchet MS, Arial;
	color: #001f82;
	text-decoration: none;
	font-weight: bold;
}
#pageNav_Spacer
{
	margin-top: 21px;
}
#pageNav_Button_0
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_1
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_2
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_3
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_4
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_5
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_6
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_7
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_8
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_9
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_10
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_11
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_12
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_13
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
#pageNav_Button_14
{
	margin-top: 4px;
	padding-left: 65px;
	height:36px;
	width:225px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/sml_button.gif);
	cursor: pointer;
	_cursor: hand;
	text-align: left;
}
.pageNav_Button_text
{
	font-size: 15px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	color: #334fa3;
	text-decoration: none;
}


#container_whatIsFitLife	{
	height:375px;								/*TEMP - LET THE IMAGE STRETCH THE DIV AFTER IT'S IN PLACE */
	width:960px;
}
#container_whatIsFitLife table
{
	width: 700px;
	padding: 50px 0px 35px 0px;
	border: solid 0px #000000;
	border-collapse: true;
}
#otherTitle
{
	padding: 0px 0px 10px 0px;
	font-size: 21px;
	font-family: Trebuchet MS, Arial;
	color: #002085;
}
#otherContent
{
	color: #474747;
	font-size: 12px;
	font-family: Arial;
	line-height: 17px;
}
#otherLearnMore
{
	margin-top: 9px;
	height:23px;
	width:100px;
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url(/images2012/LearnMore.png);
	cursor: pointer;
	_cursor: hand;
}


#containerMain_bottom
{
	background-repeat: repeat-x;
	background-position: top center; 
	background-image: url(/images2012/fitlife_aquatics_bg.jpg);
}

#container_bottomContent	{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#container_bottomLeft	{
	width: 710px;
	float:left;
}
#container_bottomLeft table	{
	width: 100%;
	padding: 8px;
}
#bottomMenuTitle
{
	padding: 0px 0px 9px 0px;
	font-size: 17px;
	font-weight: bold;
	font-family: Trebuchet MS, Arial;
	color: #3c969e;
}
#bottomMenuItem
{
	padding: 0px 0px 3px 0px;
	font-size: 14px;
	font-family: Trebuchet MS, Arial;
}
#bottomMenuItem a
{
	text-decoration: none;
	color: #002381;
}
#bottomMenuItem a:hover
{
	color: #627ee0;
}
#bottomCopyright
{
	margin-left: 70px;
	padding: 3px 0px 0px 0px;
	font-size: 11px;
	font-family: Arial;
	color: #646567;
	font-weight: bold;
}
#bottomAddress
{
	margin-left: 70px;
	padding-top: 6px;
	color: #355298;
	font-size: 12px;
	font-family: Trebuchet MS;
	line-height: 17px;
	font-weight: bold;
}

#container_bottomRight	{
	width: 250px;
	height:190px;								/*TEMP - LET THE TABLE STRETCH THE DIV AFTER IT'S IN PLACE */
	float:right;
}
#container_bottomRight img {
	max-width: 166px;
	margin: 12px 0 0 74px;
}

/* ============================================
INDIVIDUAL ELEMENT STYLES
=============================================*/
body { margin:0; } 
.clear { clear: both;}

#main_logo	{
	position:absolute;
	top:6px;
	left:20px;
	max-width: 200px;
}

#header_links	{
	position:absolute;
	right:20px;
	top:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgb(0,36,132);
	font-weight: bold;
}
#header_links a	{
	color: rgb(0,36,132);
	text-decoration: none;
}

#google_icon	{
	position:absolute;
	bottom:11px;
	right:21px;
}

#youtube_icon	{
	position:absolute;
	bottom:11px;
	right:53px;
}

#twitter_icon	{
	position:absolute;
	bottom:11px;
	right:84px;
}

#facebook_icon	{
	position:absolute;
	bottom:11px;
	right:117px;
}

.AnnouncementTitle
{
	margin-top: 3px;
	padding: 7px 10px;
	color: #002085;
	font-size: 17px;
	font-weight: bold;
	background: #b5ecf6;
	border: solid 0px #dddddd;
	-moz-box-shadow: 3px 3px 0px 0px #eeeeee;
	-webkit-box-shadow: 3px 3px 0px 0px #eeeeee;
	box-shadow: 3px 3px 0px 0px #eeeeee;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.AnnouncmentTitle a
{
	color: 002085;
	font-weight: bold;
}
.AnnoucementDesc
{
	font-size: 13px;
	padding: 9px;
}

#faqQuestion
{
	border-top: solid 1px #eeeeee;
	padding-top: 4px;
	font-size: 18px;
}
#faqAnswer
{
	width: 600px;
	margin-top: 6px;
	margin-bottom: 18px;
}
#faqAnswer p
{
	margin: 0px;
	padding: 0px;
}
	

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images2012/sb_bg.png) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(/images2012/sb_mid.png) repeat-y;
	cursor: pointer;
	overflow: hidden;
	height: 20px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images2012/sb_top.png) no-repeat;
	height: 6px;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(/images2012/sb_bot.png) no-repeat;
	height: 6px;

}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images2012/sb_up.png) no-repeat;
	height: 30px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images2012/sb_down.png) no-repeat;
	height: 30px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#subPageSchedule
{
	min-height: 330px;
	padding: 10px 0px 30px 10px;
	font-size: 12px;
	font-family: Arial;
	color: #000;
	line-height: 14px;
}
#subPageSchedule font
{
	color: #474747;
	font-size: 12px;
	font-family: Arial;
}
#subPageSchedule b, strong
{
	color: #002085;
}

#schedPDF {
	margin-right: 35px;
	width: 98px;
	float: right;
}
#schedPDF img {
	width: 98px;
	border: 0px;
}
#schedPDF img:hover {
    -moz-opacity: 0.8; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .80;
    filter: alpha(opacity=80);
}

#schedNavigate {
	margin-right: 35px;
	width: 98px;
	float: right;
}
#schedNavigate img:hover {
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
}
#schedNavigate img {
	height: 28px;
	border: 0px;
	margin: 0px 6px;
}

#Sunday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Monday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Tuesday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Wednesday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Thursday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Friday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
#Saturday {
	float: left;
	width: 306px;
	height: 1050px;
	padding: 3px;
	border-left: solid 1px #cccccc;
	position: relative;
	background-image: url(/images2012/sched_bg.png);
	background-repeat: repeat;
}
.classDayName {
	background-color: #084898;
	font-weight: bold;
	color: #b8edf7;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.classTime {
	font-size: 10px;
	color: #333333;
}
.classInstructor {
	font-size: 11px;
	font-style: italic;
}
.className {
	font-size: 11px;
	margin: 1px 0px;
}
.classType-1 {
	background-color: #fdffbb;
	text-align: center;
	-moz-box-shadow: 1px 1px 3px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px #bbbbbb;
	box-shadow: 1px 1px 3px #bbbbbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	_cursor: hand;
}
.classType-1:hover {
	background-color: #fffc1f;
}
.classType-2 {
	background-color: #ffc8bb;
	text-align: center;
	-moz-box-shadow: 1px 1px 3px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px #bbbbbb;
	box-shadow: 1px 1px 3px #bbbbbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	_cursor: hand;
}
.classType-2:hover {
	background-color: #ffa897;
}
.classType-3 {
	background-color: #a7ffa9;
	text-align: center;
	-moz-box-shadow: 1px 1px 3px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px #bbbbbb;
	box-shadow: 1px 1px 3px #bbbbbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	_cursor: hand;
}
.classType-3:hover {
	background-color: #6aff69;
}
.classType-4 {
	background-color: #cbccff;
	text-align: center;
	-moz-box-shadow: 1px 1px 3px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px #bbbbbb;
	box-shadow: 1px 1px 3px #bbbbbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	_cursor: hand;
}
.classType-4:hover {
	background-color: #b1b4ff;
}
.overlay {
    display: none; /* ensures it’s invisible until it’s called */
    position: fixed; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 30%; /* positions the div half way horizontally */
    top: 30%; /* positions the div half way vertically */
    padding: 25px; 
    border: 0px solid black;
    background-color: #ffffff;
    width: 40%;
    height: 40%;
    z-index: 100; /* makes the div the top layer, so it’ll lay on top of the other content */
	-moz-box-shadow: 6px 6px 8px #000;
	-webkit-box-shadow: 6px 6px 8px #000;
	box-shadow: 6px 6px 8px #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.overlayClose {
	text-align: right;
	position: relative;
	top: -43px;
	right: -43px;
}
.overlayClose img {
	border: 0px;
}
.overlayClassName {
	font-size: 23px;
	color: #2ac0dd;
	margin-bottom: 18px;
}
.overlayClassDesc {
	font-size: 13px;
	line-height: 19px;
}
.overlayClassInstructor {
	font-size: 23px;
	color: #2ac0dd;
	margin: 24px 0px 12px 0px;
}
.overlayClassBio {
	font-size: 13px;
	line-height: 19px;
}
#fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 2000px;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}