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

body {
text-align: center; /* center things in pre-IE6 */
margin:0;
padding:0;
font-family: "Arial"; 
font-size: 8.5pt; 
color: #000000; 
}

#container {
margin: 0px auto;
width: 859px;

text-align: left;
}

#top {
float: left;
width: 859px;
height: 5px;
}

#nav {
float: left;
width: 859px;
height: 35px;
}

#left {
float: left;
width: 859px;
height: 196px;
}

#lefta {
float: left;
width: 853px;
height: 55px;
}

#left1 {
float: left;
width: 859px;
height: 196px;
}

#left2 {
float: left;
width: 859px;
height: 380px;
}

#left3 {
float: left;
width: 553px;
height: 447px;
text-align: center;
vertical-align: middle;
background: #eaeaea;
}

#gallery {
float: left;
width: 553px;
height: 447px;
}

#right {
float: right;
width: 294px;
height: 60px;
background-color: transparent;
}

#calendar1 {
float: right;
width: 291px;
height: 504px;
}

#right1 {
float: right;
width: 291px;
height: 250px;
}

#right2 {
float: right;
width: 291px;
height: 100px;
}

#right3 {
float: right;
width: 291px;
height: 29px;
}

#right3a {
float: right;
width: 291px;
height: 32px;
}

#right4 {
border: 1px #666666;
float: right;
width: 291px;
height: 75px;
}

#right4a {
border: 1px #666666;
float: right;
width: 291px;
height: 50px;
background: #c0c0c0;
}

#right5 {
float: right;
width: 291px;
height: 29px;
}

#right5a {
float: right;
width: 291px;
height: 50px;
background: #c0c0c0;
}

#footer {
clear: both;
width: 859px;
height: 40px;
text-align: center;
font-size: 8pt; 
}

/*This is where the content gets formatted*/

#borderLeft {
float: left;
width: 20px;
height: 400px;
}

#borderRight {
float: right;
width: 20px;
height: 400px;
}

#borderLeft1 {
float: left;
width: 20px;
}

#borderRight1 {
float: right;
width: 80px;
}

#center {
float: left;
width: 819px;
}

#center1a {
float: left;
width: 819px;
}

#centera {
float: left;
width: 411px;
}

#centerb {
float: left;
width: 324px;
padding-top: 18px;
padding-bottom: 18px;
}

#center1 {
float: left;
width: 207px;
height: 400px;
}

#center2 {
float: left;
width: 204px;
height: 400px;
}

#center3 {
float: left;
width: 204px;
height: 400px;
}

#center4 {
float: right;
width: 160px;
height: 400px;
}

/*****************************/

/*Here goes the formatting for the content*/

.branchTitle {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.branchGallery {
	margin: 10px;
	background: #eaeaea;
}

.footerTxt {
	color: #808080; 
	text-align:center; 
	padding:10px; 

	text-decoration: none;
}

/*This is for the header bar only*/

a.more {
    display: block;
    width: 180px;
    height: 35px;
    background: url("http://www.ymcapass.com/images/homeBar.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.more {
    background-position: -180px 0;
}

a.validation { 
	color: #FF9933; 
 
	text-align:center;
}

a.more1 {
    display: block;
    width: 167px;
    height: 35px;
    background: url("http://www.ymcapass.com/images/guestpassBar.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.more1 {
    background-position: -167px 0;
}

a.validation1 { 
	color: #FF9933; 
 
	text-align:center;
}

img { 
	border: none; 
}

.panel { 
	text-align: center;
	padding-top: 10px; 
}

.linkBox1 {
	padding-top: 5px;
}

.linkBox2 {
	padding-top: 0px;
}