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

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

#container {
margin: 0px auto;
width: 859px;
height: 465px;
text-align: left;
}

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

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

#left {
float: left;
width: 565px;
height: 60px;
}

#left1 {
float: left;
width: 565px;
height: 60px;
}

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

#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;
font-size: 9pt;
text-align: right;
}

#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; 
}

/*These are the tabs*/

#tab1 {
float: left;
width: 859px;
height: 345px;
}

#tab2 {
float: left;
width: 853px;
height: 325px;
}

#tab3 {
float: left;
width: 138px;
height: 36px;
}

#tab4 {
float: left;
width: 139px;
height: 36px;
}

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

/*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 { 
	padding-top: 10px; 
}

.linkBox1 {
	padding-top: 5px;
}

.linkBox2 {
	padding-top: 0px;
}