/* CSS Document */
body {
	margin: 0px;
	background: url('images/bg.jpg') repeat-x #F9C907;
}
td, tr, th {
	font-family: Trebuchet MS, arial, san-serif;
	font-size: 14px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
	color: #1B65BD;
	margin-bottom: -5px;
}
h3 {
	font-size: 18px;
	color: #4F81BD;
}
.header {
	background: url('images/ph_top.jpg') no-repeat;
	height:91px;
	width: 760px;
}
.top_menu {
	float: right;
	padding-right: 20px;
	color: #fff;
	font-size:11px;
}
.top_menu a{
	color: #fff;
}
.top {
	background: url('images/top_bg.jpg') repeat-x;
}
.left_side {
	width: 172px;
	background: url('images/left_bg.jpg') top repeat-y;
}
.left_img {
	background: url('images/left_side.jpg') bottom no-repeat;
	vertical-align: bottom;
	height: 469px;
	width:172px;
}
.mainContent {
	
}
.content {
	height: 469px;
	width:661px;
	background: #E7E7E7;
}
.inner_content {
	height: 380px;
	overflow: auto;
	background: #E7E7E7;
}
.inner_content_staff {
	height: 380px;
	overflow: auto;
}
.right_img {
	background: url('images/right_side_photos.jpg') no-repeat top;
	height:441px;
	width:167px;
	vertical-align: top;
}
.right_side {
	background: url('images/right_bg.jpg') repeat-y top;
	width: 167px;
	height: 441px;
}
.bottom {
	background: url('images/bottom_bg.jpg') repeat-x;
	height:20px;
}
.spacer {
	width: 1px;
}
.block1 {
	background: url('images/block1.jpg') no-repeat #FE0000;
	height:77px;
	width: 249px;
	padding-left: 5px;
	color: #fff;
	font-size: 11px;
	padding-top: 20px;
}
.block2 {
	background: url('images/block2.jpg') no-repeat #BC55FD;
	height:77px;
	width: 250px;
	padding-left: 5px;
	color: #fff;
	font-size: 11px;
	padding-top: 20px;
}
.block2 a {
	color: #fff;
}
.block2 a:hover {
	color: #fff;
}	
.block3 {
	background: url('images/membership_block.jpg') no-repeat #FFCC06;
	height:77px;
	width: 250px;
	padding-left: 5px;
	color: #fff;
	font-size: 11px;
	padding-top: 20px;
}
.block4 {
	background: url('images/staff_block.jpg') no-repeat #304FB5;
	height:77px;
	width: 248px;
	padding-left: 5px;
	color: #fff;
	font-size: 11px;
	padding-top: 20px;
}
.block4 a {
	color: #fff;
}
.block4 a:hover {
	color: #fff;
}
/* CALENDAR*/
.title_left {
	height: 22px;
	border-right: 1px solid #747474;
}
.today_title {
	height: 22px;
	font-weight: bold;
	background: #004098;
	color: #ffffff;
	border-top: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}
.day_title {
	height: 22px;
	font-weight: bold;
	color: #ffffff;
	background: #49B0EA;
	border-top: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
}
.today_event {
	font-size: 11px;
	background: #E0E0E0;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	height: 65px;
	width: 13%;	
}
.day_event {
	font-size: 11px;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	height: 65px;
	width: 13%;	
}

.event {
	font-size: 11px;
	background: #FCBE00;
	font-size: 11px;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
	border-bottom: 1px solid #747474;
	height: 65px;
	width: 13%;	
}
.time_block {
	font-weight: bold;
	border-right: 1px solid #747474;
	height: 12px;
}
.time_header {
	font-weight: bold;
	border-right: 1px solid #747474;
	background: #747474;
	height: 12px;
}
.time {
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid #747474;
	height: 65px;
	width: 10%;
}
.spin {
	background: #F3DB06;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.spin td {
	font-size: 11px;
}
.bbc {
	background: #F3B72E;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.bbc td {
	font-size: 11px;
}
.cp_training {
	background: #41C5E3;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.cp_training td {
	font-size: 11px;
}
.6pack {
	background: #DE27FF;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.6pack td {
	font-size: 11px;
}
.zumba {
	background: #C6E989;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.zumba td {
	font-size: 11px;
}
.yoga {
	background: #8CD6EE;
	padding: 2px;
	float: left; 
	width: 100%;
	height: 65px;
}
.yoga td {
	font-size: 11px;
}
.piyo {
	background: #F892E1;
	padding: 2px;
	float: left;
	width: 100%; 
	height: 65px;
}
.piyo td {
	font-size: 11px;
}
.pass {
	height: 267px;
	width: 429px;
}
.pass_text {
	height: 267px;
	width: 429px;
	position: absolute;
	padding-top: 95px;
}
@media print{
	/*hide the left column when printing*/
	.pass{display:block;}
	.top{display: none;}
	.left_side{display: none;}
	.right_side{display: none;}
	#footer{display: none;}
}