@charset "UTF-8";

body {
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px;
		margin: 0px;
}

#col1 {
		float: left;
		width: 400px;
		background: #E3A31E;
		margin-right: 10px;
		margin-bottom: 0px;
		position: relative;
}

.ie8 #col1, .ff3 #col1 { margin-top: 20px; }


.ie6 #col1, .ie7 #col1 {
		position: absolute;
		top: 80px;
		left: 0px;
}


#col2 {
		width: 750px;
		text-align: center;
		position: absolute;
		left: 410px;
}

#col3 {
		position: absolute;
		left: 1105px;
		width: 210px;
		top: 125px;
}

h1 {
		font: bolder 60px/55px Impact, sans-serif;
		text-align: center;
		margin-bottom: 5px;
		margin-top: 10px;
}


h1.header {
		width: 1100px;
		font-size: 90px;
}
.ie6 h1.header, .ie7 h1.header {
		margin: 5px 0px 0px;
		display: block;
		padding: 5px;
		height: 80px;
}
#ymca {
		position: absolute;
		left: 1150px;
		top: 10px;
}

.ie6 #ymca {
		position: absolute;
		left: 1150px;
		top: 0px;
		margin-top: -100px;
}
#family {
		z-index: 9999999999;
		position: absolute;
		top: 500px;
		left: -10px;
}



.ie6 #family {
		z-index: 9999999999;
		position: absolute;
		top: 0px;
		left: 0px;
		margin-top:-15px; 
}

a {
		color: #DB2138;
		text-decoration: none;
}

a:hover { text-decoration: underline; }

.red { color: #DB2138; }

p {
		margin-top: 5px;
		margin-bottom: 5px;
}

.impact {
		font: 30px Impact, sans-serif;
		text-transform: uppercase;
}

.disclaimer { font: 15px "Times New Roman", Times, serif; }
#map-container { width: 710px; }

.ie7 #map-container {
		width: 710px;
		position: absolute;
		left: 0px;
		margin-top:-45px;

}
.ie6 #map-container {
		position: absolute;
		left: 0px;
		top: 0px;
		margin-top:-45px;
}


/* Location Map */
.map{
		height: 500px;
		width: 550px;
		float:left;
		border: thin solid #000000;
		text-align: left;
		position: relative;
}
#map_list{
		float: left;
		height: 500px;
		width: 150px;
		;
		padding: 0;
		list-style: none;
		background: #E3A31E;
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		border: thin solid #CD931B;
		text-align: left;
		position: absolute;
		left: 550px;
}

.ie7 #map_list, .ie6 #map_list {
		float: left;
		height: 500px;
		width: 150px;
		;
		padding: 0;
		list-style: none;
		background: #E3A31E;
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		border: thin solid #CD931B;
		text-align: left;
		position: absolute;
		left: 513px;
}

#convenient {
		font: 40px Impact, sans-serif;
		padding: 10px;
}
#map_list li{
	padding: .5em;
	
	}
#map_list li:hover {
		background: #DD2239;
		color: #FFF;
		cursor: pointer;
		cursor: hand;
}
#map_list li.active{
	background: #D9621E;
	color: #FFF;
}
#map_list li.active:hover{
		background: #DB2138;
		cursor: default;
}



#map_message{
		display: none;
		position: absolute;
		width: 150px;
		padding: .7em;
		background: #DB2138;
		font-size: 11px;
		;
		color: #FFF;
}
#map_message img{
	border: 0;
	margin-top: 0;
}
#map_message a{
	color: #fff;
	text-decoration: underline;
}
#map_message a:hover{
	color: #000;
	text-decoration: underline;
}

#deal {
		background: #F2EFE9;
		padding: 8px;
		margin-top: 0px;
		text-align: center;
}

.offer {
		color: #DB2138;
		font: 40px/40px Impact, sans-serif;
		text-transform: uppercase;
		padding-bottom: 0px;
		margin-bottom: 0px;
}
.ie7  .offer, .ie6 .offer {
		color: #DB2138;
		font: 40px/40px Impact, sans-serif;
		text-transform: uppercase;
		padding-bottom: 0px;
		margin-bottom: 0px;
}

sup { font-size: 60%; }
#joinnow {
		font: bolder 50px Impact, sans-serif;
		text-transform: uppercase;
		text-align: center;
}

#join_now_position {
		position: absolute;
		top: 750px;
		left: 0px;
		width: 700px;
}
.ie6 #join_now_position {
		position: absolute;
		top: 750px;
		width: 700px;
}

#joinnow h1 {
		color: #FFFFFF;
		background: #DB2138;
		font: italic bolder 25px/27px Georgia, "Times New Roman", Times, serif;
		text-transform: capitalize;
		padding: 5px 5px 5px 15px;
}

.clear { clear: both; }

#experience_box {
		color: #FFFFFF;
		background: #DB2138;
		padding: 5px;
		font-size: 16px;
}

#experience_box h2 {
		background: #000000;
		display: block;
		margin: -5px -5px 5px;
		padding: 5px;
		text-align: center;
}

#experience_box li {
		margin-bottom: 5px;
		font-weight: bold;
}

#stacked-family {
		float: right;
		margin-left: 2px;
		right: -15px;
		z-index: 10;
		margin-right: -38px;
		margin-top: 0px;
}

#all_at_the_Y {
		background: #000000;
		padding: 10px;
		color: #FFFFFF;
		text-align: center;
		font: bolder 30px Impact, sans-serif;
		text-transform: uppercase;
		position: absolute;
		top: 980px;
		width: 1300px;
		left: 0px;
}

#group {
		margin: -8px auto;
		display: block;
}