@charset "UTF-8";
/* West Hills Athletic Club CSS 2009 */


body {
	background-color: #9B9B9B;
	background-image: url(../images/bg-tile-lines-412.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Top Bar Container 100% */
#topContainer {
	background-image: url(../images/bg-tile-topbar-17.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#container {width: 828px; height:100%; margin-top: 0px; margin-left: auto; margin-right: auto;}

#header {
	background-image: url(../images/bg-westhills-header.png);
	background-repeat: no-repeat;
	height: 121px;
	width: 828px;

}

#header img {
	display: inline;
	padding-left: 12px;
	float: left;
}

#searchBox {
	position: relative;
	float: right;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-right: 25px;
	width: 300px;
	
}

#searchBox form input {
	display: inline; margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #4B6D28;
	margin: 0px;
	vertical-align: middle;
} 

#login {
	position: absolute;
	top: 49px;
	left: 160px;
}

#loginBox {
	margin: 0px;
	width: 140px;
	height: 49px;
}

#loginBox img {
	float: none;
}

#loginBox a { line-height: 16px;}
#loginBox a:link {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; text-decoration: underline; font-weight: bold;}
#loginBox a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; text-decoration: underline; font-weight: bold;}
#loginBox a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FF8534; text-decoration: none; font-weight: bold;}
#loginBox span {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; text-decoration: none; font-weight: bold;}

#nav {background-image: url(../images/bg-westhills-nav-32.png);	background-repeat: no-repeat; height: 32px;	width: 828px;}

#nav a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none;}
#nav a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none;}
#nav a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8534; text-decoration: none;}

.nav-on {color: #FFCF50; font-weight: bold; text-decoration: none;}

.servicesNav {
	display: inline;
}

#middleContent {
	float: left;
	background-image: url(../images/bg-tile-content-840.png);
	background-repeat: repeat-y;
	width: 828px;
}

#leftColumn {
	float: left;
	clear: both;
	width: 210px;
	padding-left: 14px;
}

#leftImage{
	float: left;
	width: 210px;
	height: 258px;
	margin-top: 1px;
}

#leftButtons {
	clear: left;
	width: 210px;
}

#rightColumn {
	float: left;
	width: 597px;
	padding-left: 3px;
}

#splashFlash {
	float: left;
	width: 597px;
	height: 258px;
	margin-top: 1px;
}

#rightColumnContent {
	float: left;
	width: 597px;
	clear: both;
}

#rightColumnContentSingle {
	width: 557px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#rightColumnContentOne {
	float: left;
	width: 263px;
	display: block;
	margin-top: 20px;
	padding-right: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
}

#rightColumnContentTwo {
	float: left;
	width: 263px;
	display: block;
	margin-top: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}

#floatingSidebar {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	width: 263px;
}

#sidebar {
	width: 263px;
}

#sidebarContentPromo {
	background-image: url(../images/bg-westhills-sidebar-m-orange.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sidebarTopOrange {
	background-image: url(../images/sidebar-top-orange.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 263px;
}

#sidebarBottomOrange {
	clear: both;
	height: 31px;
	width: 263px;
	background-image: url(../images/sidebar-bottom-orange.jpg);
	background-repeat: no-repeat;
}


#sidebarContent {
	background-image: url(../images/bg-westhills-sidebar-m.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sidebarTop {
	background-image: url(../images/sidebar-top.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 263px;
}

#sidebarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	width: 263px;
}

.inner {
	width: 233px;
	margin: 0px;
	padding-top: 0px;	
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: center;
}

#sidebarBottom {
	clear: both;
	height: 31px;
	width: 263px;
	background-image: url(../images/sidebar-bottom.jpg);
	background-repeat: no-repeat;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/bg-westhills-footer.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 828px;
	clear: both;
}

#footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding: 12px 0px;
}

.clear {clear:both;}

/* Text Styles */
p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding-right, padding-left, padding-top: 0px; padding-bottom: 15px; margin: 0px; line-height: 20px; display: block;}

#rightColumn ul {font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 20px; margin-left: 0px; margin-top: 0px; line-height: 20px; overflow:hidden; zoom: 1;}
#rightColumn ol {font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 28px; margin-left: 0px; margin-top: 0px; line-height: 20px; overflow:hidden; zoom: 1;}

.indentNumbers {padding-left: 46px; display: block;}
.imgNumbers {float: left; padding-right: 6px; padding-bottom: 6px;}
.numberImgOne {background-image:url(../images/1circle.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}
.numberImgTwo {background-image:url(../images/2circle.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}
.numberImgThree {background-image:url(../images/3circle.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}
.numberImgFour {background-image:url(../images/4circle.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}
.numberImgFive {background-image:url(../images/5circle.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #4B6D28; margin: 0px; padding: 0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #88AA55; margin: 0px; padding: 0px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF8534; margin: 0px; padding: 0px;}

.imgL {float: left; padding-right: 16px; padding-bottom: 6px;}
.imgR {float: right; padding-left: 16px; padding-bottom: 6px;}

.hours {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.text {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}

th {font-family: Arial, Helvetica, sans-serif; color: #FF8534;}

a:link {font-family: Arial, Helvetica, sans-serif; color: #4B6D28;}
a:visited {font-family: Arial, Helvetica, sans-serif; color: #4B6D28;}
a:hover {font-family: Arial, Helvetica, sans-serif; color: #FF8534; text-decoration: none;}

hr {border-color: #4B6D28; border-style: solid; border-width: 1px 0 0; clear: both; margin-bottom: 14px; margin-top: 5px; height: 1;}

.hr-p {width: 393px; height:10px; background-image:url(../images/hr-small.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 15px; clear:both;}

.pdf {background:url(../images/pdf-icon.jpg) no-repeat left center; width: auto; height: auto; padding:.4em 0 .4em 30px; font-size: 13px;}

.video {background-image:url(../images/button-video-white.jpg); background-repeat:no-repeat; min-height: 41px; width: auto; height:auto; padding-left: 46px; padding-top: 11px;}

.jump-left {background-image:url(../images/jump-l.jpg); float:left; width: 16px; height: 35px;}
.jump-right {background-image:url(../images/jump-r.jpg); float:left; width: 16px; height: 35px;}
.jump-links { width: auto; height: 27px;float:left; background-image:url(../images/jump-bkg.jpg); background-repeat: repeat-x;
	margin-bottom: 15px; color: #424242; background-position: left center; padding-top: 8px; padding-left: 8px;}
.jump-links a {color:#FFF; font-size: 12px;}

/* "Top" Button container */
.ntop {width: auto; padding-bottom: 20px; padding-right: 40px; padding-bottom: 20px; float:right;}

/* "Top" Button */
#top a:link, #top a:active, #top a:visited {float: right; margin: 0.1em 0.1em 0.4em; padding: 3px; background-color: #4B6D28; border: 1px solid #4B6D28;
	color: #FFFFFF !important; text-decoration: none; font: small-caps normal 10px Verdana, sans-serif;}
#top a:hover {color: #FFFFFF !important; border-color: #000000; 	background-color: #FF8534;}

/* Forms */
form {}
form ul {list-style-type: none; padding-left: 0;}
form + h2 {margin-top: 1em;} /* Adds 1em to the margin-top of the h2 tag that immediately follows a form tag */
form p {clear: left; margin: 0; padding: 5px 0 0 0;}
form p label {float: left; width: 30%; color: #FF8534; font: bold 1em Arial, sans-serif; margin: 4px 0;}
form span {display: block; font-weight: normal; font-style: italic; font-size: 12px;}
legend {color: #4B6D28; font: bold 1.2em Arial, Helvetica, sans-serif; background-color: #D5FBAE; border: 1px solid #4B6D28; padding: 4px 8px;}
legend span {color: #94866f!important; font-weight: bold!important;}
fieldset {border: 1px solid #4B6D28; padding: 10px;}
fieldset + fieldset {margin-top: 10px;}
input.txt {color: #1d1309; background-color: #D5FBAE; border: 1px solid #4B6D28; width: 200px;}
input.txtSubject {color: #1d1309; background-color: #D5FBAE; border: 1px solid #4B6D28; width: 350px;}
textarea.txt {color: #1d1309; background-color: #D5FBAE; border: 1px solid #4B6D28; width: 350px;}
select.txt {color: #1d1309; background-color: #D5FBAE; border: 1px solid #4B6D28; width: 200px;}
input.btn {font: bold 1.2em Arial, Helvetica, sans-serif; color: #4B6D28; background-color: #D5FBAE; border: 1px solid #4B6D28; margin: 0.5em; padding: 4px 8px;}
input.btn:hover {color: #FF8534; background-color: #FBC8A5; border: 1px solid #FF8534;}
input.btn:active {color: #4B6D28; background-color: #FBC8A5; border: 1px solid #FF8534;}
input.disabled {background-color: #fff; border: 1px dotted #94866f; width: 200px;}
label a {display: block; font-size: 0.9em; font-style: italic; color: navy;}
optgroup {padding: 0.3em 0 0.5em 0.5em; margin: 0; font-size: 0.9em; color: #94866f; background-color: #e9e2cf; border-bottom: 1px solid #cbc1b0;}
optgroup + optgroup {padding: 0.3em 0 1.0em 0.5em;}
option {color: #1d1309; padding: 0.2em 0.2em 0 1.0em; font-size: 0.9em;}
textarea {font: normal 1em Arial, sans-serif;}
h2 + form {margin-top: 1em;} /* Adds 1em to the margin-top of the form tag that immediately follows a h2 tag */
div.twopart {float: left; margin: 0; padding: 5px 0;}
div.twopart label {display: block; color: #564630; font: italic normal 0.9em Verdana, sans-serif; margin: 0 0 4px 0;}


	

/* PNG Fix */
/* img, div { behavior: url(/css/iepngfix.htc); } */