html{
	height: 100%;
}
body {
	margin:0;
	color:#000;
	height: 100%;
	min-height: 800px;
	min-width: 1150px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #036 url(../images/bg-html.jpg) repeat-x 0 254px;

}
img {border:none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
a:focus{outline:none;}
form, fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
input{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
.holder{
	overflow: hidden;
	width: 100%;
}
/* main containers styles */
#area{
	background: url(../images/bg-body.gif) repeat-x;
}
#page{
	height: 100%;
	background: url(../images/bg-page.jpg) no-repeat 50% 190px;
}
#wrapper{
	margin:0 auto;
	width:962px;
	overflow:hidden;
	position:relative;
}
/* logo styles */
.logo{
	position: absolute;
	top: 26px;
	left: 33px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 412px;
	height: 34px;
	z-index:1;
}
.logo a{
	background: url(../images/logo.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 100%;
}
#home .logo a {
	cursor: default;
}
/* header block styles */
#header {
	overflow:hidden;
	width: 100%;
	height: 97px;
	position: absolute;
	top:0;
	left:0;
}
/* topmenu Styles */
.topmenu{
	position: absolute;
	top: 44px;
	right: 17px;
	margin: 0;
	padding: 0;
	width: 250px; /* for dreamweaver */
	list-style: none;
	overflow: hidden;
}
.topmenu li{
	float: left;
	margin: 0 7px 0 -2px;
	padding: 0 0 0 10px;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	background: url(../images/bullet.gif) no-repeat 0 3px;
}
.topmenu li a{
	font-size: 12px;
	color: #999;
	text-decoration: none;
}
.topmenu li a:hover{
	color: #4879bb;
	text-decoration: none;
}

/* Make the top menu disappear for home and contact...
#home .topmenu,
#contact .topmenu {
	display: none;
}


/* headers */
h2{
	margin: 0 0 12px;
	padding: 0 0 4px 21px;
	font-size: 20px;
	color: #fff;
	border-bottom: solid 1px #369;
}
#main{
	padding: 97px 0 40px;
	width: 100%;
}
#main:after {
	display: block;
	content: "";
	clear: both;
}
.tabs-block{
	background: url(../images/bg-tabs.png) no-repeat;
	width: 946px;
	padding: 0 8px;
	height: 333px;
}
.tabs-block .tabs{
	position: relative;
	width: 100%;
	height: 100%;
}
.tabs .tabset{
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	width: 934px;
}
.tabs .tabset:after {
	display: block;
	content: "";
	clear: both;
}
.tabs .tabset li{
	float: left;
	background: url(../images/bullet-2.gif) no-repeat 0 11px;
}
.tabs .tabset li:first-child{
	background: none;
}
.tabs .tabset .tab{
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.tabs .tabset .tab:hover{
	color: #ccc;
}
.tabs .tabset .tab span{
	float: left;
	cursor: pointer;
	padding: 13px 19px 8px;
}


#new #nav-new,
#facility #nav-facility,
#memberships #nav-memberships,
#classes #nav-classes,
#services #nav-services,
#contact #nav-contact {
	font-weight: bold;
	color: #3b6dac;
	position: relative;
	margin: 0 -1px 0 -4px;
	top: -15px;
	background: url(../images/tab-active.jpg) no-repeat;
}
#new #nav-new span,
#facility #nav-facility span,
#memberships #nav-memberships span,
#classes #nav-classes span,
#services #nav-services span,
#contact #nav-contact span {
	padding: 17px 36px 20px;
	white-space: nowrap;
	background: url(../images/tab-active-right.jpg) no-repeat 100% 0;
	cursor: default;
}


.tabs .tabs-content{
	padding: 12px 8px;
	position: relative;
	z-index: 10;
}
.tabs .main-img{
	position: absolute;
	top: 38px;
	left: -1px;
}
.tabs .tag{
	position: absolute;
	bottom: 7px;
	left: 0;
	text-align: right;
}
* html .tabs .tag{
	bottom: 6px;
}
.tabs .tag .bg{
	width: 946px;
	height: 32px;
	background: url(../images/bg-tag.png) no-repeat;
	padding: 15px 0 0;
}
.tabs .tag .text{
	font-size: 18px;
	color: #c00000;
	margin: 0 15px 0 0;
}
.tabs .tag .text .more{
	font-size: 12px;
	color: #003366;
	margin: 0 0 0 15px;
	font-style: normal;
	position: relative;
	text-decoration: none;
}
.tabs .tag .text .more:hover{
	text-decoration: underline;
}
/* content block styles */
#content {
	width: 100%;
	overflow:hidden;
}
.info-blocks{
	width: 978px;
	overflow: hidden;
	padding: 12px 0 0 4px;
	color: #fff;
}
/* begin info block styles */
.info-box{
	width: 308px;
	float: left;
	margin: 0 14px 0 0;
}
.info-box span.info-t,
.info-box span.info-b {
	background: url(../images/info-box-t.png) no-repeat;
	overflow: hidden;
	display: block;
	height: 264px;
	width: 100%;
}
.info-box span.info-b {
	background: url(../images/info-box-b.png) no-repeat;
	height: 18px;
}
.info-box .info-holder {
	background: url(../images/info-box-c.png) repeat-y;
	padding: 0 4px;
	width: 300px;
}
.info-box .info-holder:after {
	display: block;
	content: "";
	clear: both;
}
.info{
	position: relative;
	overflow: hidden;
	margin: -255px 0 0 0;
	width: 100%;
	float: left;
	min-height: 265px;
}
* html .info{
	height: 265px;
	overflow: visible;
}
/* end info block styles */
.info-box .frame{
	padding: 0 9px 0 21px;
}
.info-box .news{
	padding: 0 0 23px;
}
.info-box .news h3{
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 18px;
}
.info-box p{
	margin: 0 0 16px;
	font-size: 12px;
	line-height: 18px;
}
.info-box .news p{
	margin: 0 0 2px;
}
.info-box a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.info-box .news .more:hover{
	text-decoration: none;
}
/* Address style */
.address-box{
	margin: 0 0 25px;
	padding: 2px 0 0;
}
.address-box p{
	margin: 0 0 4px !important;
}
.address-box address{
	font-size: 13px;
	font-style: normal;
}
.address-box address span{
	display: block;
	margin: 0 0 4px;
}
.info-box .schedule{
	font-size: 13px;
}
.info-box .schedule p{
	margin: 0 0 6px;
}
/* footer block styles */
#footer-area{
	width: 100%;
	background: #fff url(../images/bg-footer.gif) repeat-x;
}
#footer {
	width:954px;
	margin: 0 auto;
	overflow:hidden;
	height: 118px;
	padding: 27px 8px 10px 0;
}
/* bottomnav Styles */
.bottomnav{
	float: left;
	display: inline;
	margin: 0 0 0 18px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.bottomnav li{
	float: left;
	height: 76px;
	margin: 0 11px 0 -1px;
	padding: 0 0 0 6px;
	background: url(../images/separator.gif) no-repeat;
}
.bottomnav li a{
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
.bottomnav li a:hover{
	color: #4c7cbc;
	text-decoration: none;
}
.bottomnav li ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.bottomnav li ul li{
	float: none;
	height: auto;
	margin: 0 0 -2px;
	background: none;
}

/* Make the footer links disappear for the current page...

#home #footer-home,
#new #footer-new,
#facility #footer-facility,
#memberships #footer-memberships,
#classes #footer-classes,
#services #footer-services,
#contact #footer-contact,
#contact #footer-hours {
	display: none;
}
*/

#footer .right-area{
	float: right;
	width: 350px;
	font-size: 10px;
	padding: 0 11px;
	color: #999;
	text-align: right;
}
#footer .right-area p{
	margin: 0;
}
#footer .right-area p.big{
	font-size: 12px;
}
#footer .form-holder{
	padding: 3px 0 0;
	margin: 0 0 38px;
	height: 1%;
	overflow: hidden;
}
.signup-form, .signup-form fieldset{
	float: right;
}
.signup-form .input{
	float: left;
	background: url(../images/input.png) no-repeat;
	width: 186px;
	height: 25px;
	margin: 0 7px 0 0;
}
.signup-form .txt{
	float: left;
	border: 0;
	background: none;
	padding: 5px 6px 4px;
	width: 170px;
	position: relative;
}
.signup-form .btn{
	float: left;
	position: relative;
	background: url(../images/btn.png) no-repeat;
	width: 69px;
	border: 0;
	margin: 2px 0 0;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
}
/* inner1 page */
.main-area{
	background: url(../images/bg-main-area.jpg) no-repeat 100% 0;
	margin: -6px 8px 0 0;
	padding: 13px 0 0;
	overflow: hidden;
	height: 1%;
}
.inner1-page #content{
	float: right;
	width: 625px;
	background: #fff url(../images/bg-content.gif) repeat-x;
}
.text-content{
	padding: 14px 20px 25px 32px;
	min-height: 475px;
	background: url(../images/bg-text-content.gif) no-repeat 0 100%;
}
h2.title{
	margin: 0 0 15px;
	padding: 0;
	border: none;
	font-size: 28px;
	color: #4879bb;
	text-transform: uppercase;
}

.text-content h3 {
	font-size: 18px;
	color: #4879bb;
	line-height: 14px;
}
h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
.text-content p, 
.text-content ul, 
.text-content ol {
	margin: 0 0 30px;
	line-height: 20px;
}
.text-content ul {
	list-style-image: url(../images/list-bullet.gif);
}
.text-content ul ul {
	list-style: circle;
}
.text-content p+ul {
	margin-top: -20px;
}
.text-content a:link, .right-area a:link {
	color: #4879bb;
}
.text-content a:visited, .right-area a:visited {
	color: #555;
}
.text-content a:hover, .right-area a:hover {
	color: #c00000;
}
a.special {
	font-size: 14px;
	padding: 5px;
	background: #e9e9e9;
}

.col { width: 250px }
.col strong {	color: #4879bb; }
.col em { color: #777; font-weight: bold; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear:both; }

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	color: #222;
	margin: 2em 0; 
}
th, td {
	margin: 0;
	padding: 0;
}
thead th {
	color: #4879bb;
	border-bottom: 1px solid #ccc;
	padding: .5em 1.5em;
}
tbody {
	text-shadow: 1px 1px 1px white;
	background: #eee;
}
tbody tr {
	border-bottom: 1px solid #ccc;
}
tbody tr:nth-child(odd) {
   background-color: #f3f3f3;
}
tbody td {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: .8em 1.5em;
}
td em {
	font-size: 14px;
	color: #c00000;
}
td strong {
	font-size: 11px;
	color: #c00000;
	font-weight: bold;
	font-style: italic;
}
p.caption {
	font-size: 11px;
	font-style: italic;
	line-height: 15px;
	color: #777;
}


/* sidebar block styles */
#sidebar{
	float: left;
	width: 299px;
	padding: 5px 0 0 9px;
}
.photos{
	width: 274px;
	padding: 8px 10px 0 18px;
	min-height: 280px;
	background: url(../images/bg-photos.png) no-repeat;
}
.photos .photo{
	position: relative;
	width: 100%;
	margin: 0 0 13px;
	height: 170px; /* for dreamweaver*/
}
.photos .photo .plus{
	position: absolute;
	bottom: 4px;
	right: 0;
}
.pop-up{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
.mainLightBoxImage {
	cursor: pointer;
}
/* pop-up png styles start */
/* box section */
div.pop-up {
	width: 100%;
	left: -9999px;
	top: -9999px;
}

div.pop-up div.bg-t {
	background: url(../images/box-t.png) repeat-x;
	margin-left: 37px;
	margin-right: 37px;
	height: 37px;
}

div.pop-up div.bg-t div {
	background-repeat: no-repeat;
	position: relative;
	width: 37px;
	height: 37px;
	overflow: hidden;
}

div.pop-up div.bg-tl {
	background-image: url(../images/box-tl.png);
	margin-left: -37px;
	float: left;
}

div.pop-up div.bg-tr {
	background-image: url(../images/box-tr.png);
	margin-right: -37px;
	float: right;
}

div.pop-up div.bg-b {
	background: url(../images/box-b.png) repeat-x;
	margin-left: 37px;
	margin-right: 37px;
	height: 37px;
}


div.pop-up div.bg-b div {
	background-repeat: no-repeat;
	position: relative;
	width: 37px;
	height: 37px;
	overflow: hidden;
}
div.pop-up div.bg-bl {
	background-image: url(../images/box-bl.png);
	margin-left: -37px;
	float: left;
	display:inline;
}
div.pop-up div.bg-br {
	background-image: url(../images/box-br.png);
	margin-right: -37px;
	float: right;
	display:inline;
}

div.pop-up div.bg-left {
	background: url(../images/box-l.png) repeat-y;
}

* html #sresults-scroll div.pop-up div.bg-left {
	background-image: none;
}

div.pop-up div.bg-right {
	background: url(../images/box-r.png) repeat-y top right;
	padding: 0 23px 0 23px;
}

* html div.pop-up div.bg-right {
	background-image: none;
}

div.pop-up div.box-inner {
	background: #ccc;
}

* html div.pop-up div.box-inner {
	overflow: hidden;
	width: 100%;
}

* +html div.pop-up div.box-inner {
	overflow: hidden;
	width: 100%;
}

/* pop-up png styles end */
.pop-up .close{
	position: absolute;
	top: 13px;
	right: 13px;
}
.pop-up .gallery{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: -14px;
}
.pop-up .gallery ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 9999px;
}
.pop-up .gallery ul li{
	float: left;
}
.pop-up .text{
	padding: 3px 22px;
}
.pop-up .text p{
	margin: 0 0 3px;
	line-height: 17px;
	letter-spacing: -1px;
}
.pop-up .text .number{
	color: #666;
}