/* Meyer Resets v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Some Standard Entries */
html, body, img { margin: 0; padding: 0; }

html {
	height: 100%;
	background: transparent url(/gfx/bk.jpg) left top repeat;
	background-attachment: fixed;
	}
body {
	height: 100%;
	text-align: center;
	color: #333;
	font-size: 12px;
	font-family: Helvetica, "Lucida Grande", Arial, Geneva, sans-serif;
	}

h1 { font-size: 20px; margin: 0 0 0.8em 0; line-height: 0.8; }
h2 { font-size: 16px; margin: 1.0em 0; line-height: 1.0; }
h3 { font-size: 14px; margin: 1.142857142857143em 0; line-height: 1.142857142857143; }
h4 { font-size: 12px; margin: 1.333333333333333em 0; line-height: 1.333333333333333; }
h5 { font-size: 11px; margin: 1.454545454545455em 0; line-height: 1.454545454545455; }

h1, h2, h3, h4, h5 {
	color: #734106;
	font-weight: normal;
	}

p {
	margin: 1.333333333333333em 0;
	line-height: 1.333333333333333;
	}

ul {
	list-style-type: disc;
	margin: 1.333333333333333em 0;
	padding-left: 1.333333333333333em;
	}

ol {
	list-style-type: decimal;
	margin: 1.333333333333333em 0;
	padding-left: 1.333333333333333em;
	}

ul li, ol li {
	margin: 1.333333333333333em 0;
	line-height: 1.333333333333333;
	}

li ul { margin-top: 0; }
li ul li, li ol li {
	margin: 0;
	line-height: 1.333333333333333;
	}

ul.tight li {
	margin: 0;
	line-height: 16px;
	}

dl dt, dl dd {
	line-height: 1.333333333333333;
	}

dl dt { font-weight: bold; }
dl dd { margin-left: 3em; }


table {
	border-collapse: collapse;
	font-family: inherit;
	}

th {
	color: #734106;
	font-size: 14px;
	padding: 0.7142857em 0.375em;
	border: 1px solid #DBCAB0;
	line-height: 1.142857142857143;
	font-weight: bold;
	}

td {
	margin: 0;
	padding: 1.333333333333333em 0.375em;
	line-height: 1.333333333333333;
	border: 1px solid #DBCAB0;
	}

a:link { color: #668000; text-decoration: none; border-bottom: 1px dotted #668000; }
a:visited { color: #668000; text-decoration: none; border-bottom: 1px dotted #668000; }
a:hover { color: #00517f; text-decoration: none; border-bottom: 1px dotted #56889e; }
a:active,
a:focus { outline:none; }

a:link img,
a.gfx { border-width: 0; }
div#homeBanner a { border-width: 0; }

a.button {
	display: block;
	background-color: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	border-width: 0;
	}

a.button:hover { background-position: left top; }

a.button span {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}

a.download {
	padding-right: 16px;
	background: transparent url(/gfx/bullet-arrow-right.png) 100% 60% no-repeat;
	}

.range { word-spacing: 0.3em; }
.smCap { font-variant: small-caps; }

#wrap {
	position: relative;
	min-height: 100%;
	width: 968px;
	margin: 0 auto;
	background: transparent url(/gfx/bk-wrap.png) 50% 0 repeat-y;
	text-align: left;
	}

#wrapInner { padding: 0 4px; }

#header {
	height: 98px;
}

#homeLink {
	float: left;
	margin-left: 20px;
	border-width: 0;
	}

#location {
	float: right;
	width: 390px;
	margin-top: 23px;
	}

#location p {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	}

#hours {
	float: right;
	width: 230px;
	margin: 0;
	padding: 0;
	}

#address {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
	}


/* Extra Nav Styles
---------------------------------------------------------------------------- */
.navButton,
.navButton:visited {
	height: 24px;
	position: relative !important;
	}

#home,
#homeButton,
#homeButton:visited { width: 55px; }
#aboutTheGym,
#aboutTheGymButton,
#aboutTheGymButton:visited { width: 120px; }
#gymRates,
#gymRatesButton,
#gymRatesButton:visited { width: 83px; }
#instruction,
#instructionButton,
#instructionButton:visited { width: 96px; }
#youthPrograms,
#youthProgramsButton,
#youthProgramsButton:visited { width: 125px; }
#corporateEvents,
#corporateEventsButton,
#corporateEventsButton:visited { width: 119px; }
#cityClimber,
#cityClimberButton,
#cityClimberButton:visited { width: 129px; }
#contact,
#contactButton,
#contactButton:visited { width: 68px; }

#homeButton,
#homeButton:visited { background-image: url(/gfx/bt-nav-home.png); }
#aboutTheGymButton,
#aboutTheGymButton:visited { background-image: url(/gfx/bt-nav-about-the-gym.png); }
#gymRatesButton,
#gymRatesButton:visited { background-image: url(/gfx/bt-nav-gym-rates.png); }
#instructionButton,
#instructionButton:visited { background-image: url(/gfx/bt-nav-instruction.png); }
#youthProgramsButton,
#youthProgramsButton:visited { background-image: url(/gfx/bt-nav-youth-programs.png); }
#corporateEventsButton,
#corporateEventsButton:visited { background-image: url(/gfx/bt-nav-corporate-events.png); }
#cityClimberButton,
#cityClimberButton:visited { background-image: url(/gfx/bt-nav-city-climber.png); }
#contactButton,
#contactButton:visited { background-image: url(/gfx/bt-nav-contact.png); }

.navButton:hover, .navButton:focus, .navButton:visited:hover, .navButton.udmR, .navButton.udmR:visited, .navButton:active {
	background-position: 0 50%;
	}
#navSubYouthPrograms { width: 18em; }

.navButton span, .navButton:visited span {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}

#bodyHome #homeButton,
body.about #aboutTheGymButton,
#bodyGymRates #gymRatesButton,
body.instruction #instructionButton,
body.youthPrograms #youthProgramsButton,
#bodyCorpEvents #corporateEventsButton,
body.cityClimber #cityClimberButton,
#bodyContact #contactButton { background-position: left bottom; }


/* Main Content Containers
---------------------------------------------------------------------------- */
.content {
	clear: both;
	padding: 20px 20px 10px 20px;
	}

.contentSecond { padding-top: 0; }

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

.splitLeft {
	float: left;
	width: 50%;
	}

.splitRight {
	float: right;
	width: 50%;
	}

.fourths1 {
	float: left;
	width: 25%;
	}
.fourths2 {
	float: left;
	width: 25%;
	}
.fourths3 {
	float: left;
	width: 25%;
	}

/* Most pages are two equal columns |20|450|20|450|20|
---------------------------------------------------------------------------- */
.main {
	float: left;
	width: 450px;
	}

.sidebar {
	float: right;
	width: 450px;
	}

.dummied .main {
	height: 400px;
	background-color: red;
}

.dummied .sidebar {
	height: 400px;
	background-color: green;
}

/* main column wider |20|590|30|300|20|
---------------------------------------------------------------------------- */
.wideLeft .main { width: 590px; }
.wideLeft .sidebar { width: 300px; }

/* sidebar wider |20|300|20|600|20|
---------------------------------------------------------------------------- */
.wideRight .main { width: 300px; }
.wideRight .sidebar { width: 600px; }

/* Asides
---------------------------------------------------------------------------- */
.aside {
	color: #FFF;
	margin: 20px 0;
	padding: 16px;
	background-color: #4F5D12;
	line-height: 16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-kthml-border-radius: 6px;
	}

.inline {
	float: right;
	width: 162px;
	margin: 0 0 20px 20px;
	}

.aside a { color: #D3DEA5; }

/* home page is special case |10|620|20|300|10|
---------------------------------------------------------------------------- */
#bodyHome .content {
	padding: 10px 10px;
	}

#bodyHome .main {
	width: 620px;
	}

#bodyHome .sidebar {
	width: 300px;
	}

#features {
	float: left;
	width: 300px;
	margin-top: 16px;
	}

#latest {
	float: right;
	width: 300px;
	margin-top: 16px;
	}

#latest > h2 { margin-top: 0; }

.eventTable {
	width: 100%;
	border-width: 0;
	}

.eventTable th,
.eventTable td {
	padding: 2px;
	border-width: 0;
	font-size: 11px;
	font-weight: normal;
	}

a#goToCalendar {
	width: 203px;
	height: 24px;
	background-image: url(/gfx/bt-go-to-calendar.png);
	}

#blogFeed {
	width: 300px;
	margin: 16px 0;
	background-color: #465210;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-kthml-border-radius: 6px;
	}

#blogFeed h2 {
	margin: 0;
	padding: 5px 25px;
	color: #D3DEA5;
	font-size: 14px;
	font-weight: normal;
	}

#blogFeed h2 em {
	color: #FFF;
	}

#blogFeed p {
	margin: 0;
	padding: 8px 25px;
	color: #FFF;
	background-color: #4F5D12;
	border-top: 1px solid #7D8A45;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}

#blogFeed p a { color: #D3DEA5; }

#slideHolder {
	outline: none;
	width: 300px;
	height: 425px;
	}

/* Tour Page
---------------------------------------------------------------------------- */
table.tourLinks {
	width: 100%;
	border: 1px dotted #bcb7a6;
	border-width: 1px 0;
	}

table.tourLinks td {
	width: 33%;
	padding: 7px 0;
	border-width: 0;
	color: #666;
	text-align: center;
	}

table.tourLinks td a,
table.tourLinks td span { border-width: 0; text-transform: uppercase; }
table.tourLinks td span { color: #AAA; }
table.tourLinks td.tourPrev { text-align: left; }
table.tourLinks td.tourPrev a { padding-left: 9px; background: transparent url(/gfx/arrow-prev.png) 0 40% no-repeat; }
table.tourLinks td.tourPrev span { padding-left: 9px; background: transparent url(/gfx/arrow-prev-disabled.png) 0 40% no-repeat; }
table.tourLinks td.tourNext { text-align: right; }
table.tourLinks td.tourNext a { padding-right: 9px; background: transparent url(/gfx/arrow-next.png) 100% 40% no-repeat; }
table.tourLinks td.tourNext span { padding-right: 9px; background: transparent url(/gfx/arrow-next-disabled.png) 100% 40% no-repeat; }

/* Rules Page
---------------------------------------------------------------------------- */
.downloadWaiver {
	float: right;
	width: 191px;
	height: 48px;
	margin: 0 0 16px 16px;
	background-image: url(/gfx/bt-waiver.png);
	}

/* calendar page is special case |20|920|20| on top, then |20|600|20|300|20|
---------------------------------------------------------------------------- */
#bodyCalendar .contentSecond { padding-top: 0; }

.cal {
	margin-bottom: 16px;
	padding: 9px;
	border: 1px solid #d7c6aa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-kthml-border-radius: 6px;
	}

#bodyCalendar .wideLeft .main { width: 600px; }
#bodyCalendar .wideLeft .sidebar { width: 300px; }

#bodyCalendar .sidebar > h2 { margin-top: 0; }

#bodyCalendar #subscribeEmail,
#bodyCalendar #juliju-juliju {
	font-size: 12px;
	width: 205px;
	}

#bodyCalendar .inlineButton {
	vertical-align: bottom;
	margin-left: 6px;
	}

/* rates page |20|450|20|450|20|
---------------------------------------------------------------------------- */
div.tablePadder { padding: 0 20px; }

table.accounts {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	}

table.specialAccount {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	}

table.specialAccount .top th { font-weight: normal; }
table.specialAccount .top th.type { font-weight: bold; }

table.specialAccount td.description {
	width: 286px;
	padding-left: 12px;
	border-width: 0;
	font-weight: bold;
	}

/* Staff Profiles Page (2 main)
---------------------------------------------------------------------------- */
#bodyStaffProfiles .main {
	float: none;
	width: 100%;
	}

#bodyStaffProfiles .col1,
#bodyStaffProfiles .col2 { width: 450px; }

.col1 { float: left; }
.col2 { float: right; }

.bio {
	clear: left;
	margin: 0 0 20px 0;
	}

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

.bio img {
	float: left;
	border: 1px solid #444;
	}
.bio h2 {
	margin: 0 0 0 162px;
	line-height: 16px;
	}
.bio ul {
	list-style-type: none;
	margin: 0 0 0 162px;
	padding: 0;
	}
.bio li {
	margin: 0;
	line-height: 16px;
	}

/* Yoga and Pilates
---------------------------------------------------------------------------- */
#bodyYogaAndPilates table { margin-top: 20px; }
#bodyYogaAndPilates table strong { font-style: italic; }


.caption {
	margin-top: 6px;
	text-align: center;
	font-style: italic;
	}

.fl { float: left; }
.fr { float: right; }
img.fl { margin: 0 12px 12px 0; }
.bt-fl { float: left; margin: 0 16px 16px 0; }
img.fr { margin: 0 0 12px 12px; }
img.m0 { margin: 0; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.hide {
	display: block;
	height: 0;
	overflow: hidden;
	}