/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#000000;
	background-image: url(../images/background.gif);
	background-position:center bottom;
	font-family:arial,sans-serif;
	font-size:14px;
	color:#666;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1 { 
	font-size:120%;
	margin:0.5em 0;

}

h2 {
	font-size:110%; 
	margin:0 0 0.5em;
}
	h1, h2 {
			color:#ffffff;
	}
a {
color:#000000;}
p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:948px;
	display:block;
	background:#fff url(../images/main_back.jpg) repeat-y;
	
	border-left:1px solid #898989;
	border-right:1px solid #898989;
}

div#header {
	
	background:#ddd url(../images/header.jpg) no-repeat;
	
	height:111px;
}
div#subheader {
	background:#ddd url(../images/sub_header.jpg) no-repeat;
	
	height:51px;}

	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	float:left;
	padding:0px 0px 0px 0; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	float:left;
overflow:hidden;
font-size:90%;
	width:100%; 
	background:#ddd url(../images/footer_back.jpg) bottom repeat-x;
	height:49px;

}

#footer a,#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}
.footerleft {float:left;
color: #000000;
margin-top:7px;}
.footerright {float:right;
margin-top:7px;}
.footermain {	padding:0px 10px;
height:30px;
}
	div#footer p {
		padding:1em;
		margin:0;
	}
	
	.pegallery {
	width:100%;}
	
	.pegallery td {
	}
	
	.peframe {
		width:110px;
	height:140px;
	overflow:hidden;
	display:block;
	background:#666666 url(../images/gallery/photo_frame.jpg) no-repeat;}
	
	.peimage {
	position:relative;
	width:90px;
	height:90px;
	overflow:hidden;
	display:block;
	left: 11px;
	top: 11px;
	}
	
	.headergrad {
	float:left;
	width:100%;
	display:block;
	height:26px;
	background-image: url(../images/header_grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
	
	.footergrad {
	display:block;
	height:18px;

	background-image: url(../images/footer_grad.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
	.pemain {
		float:left;

	}
	
	.peleft {
	margin:0px;
	padding:0px;
	width:171px;
	float:left;
	background-image: url(../images/menu_back.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color:#818181;
	font-weight:bold;
	}
	.peleftlogo {
	margin:0px 0px 15px 0px;
	padding:15px 0px 0px 0px;
	width:171px;
	/*float:left;
	background-image: url(../images/ymca_lakeside.gif); 
	background-repeat: no-repeat;
	background-position: bottom;*/
	}
	.peleftlogo .menuitem{
	margin:0px 0px 1px 0px;
	}
	.peleft a {
	color:#818181;}
	
	.peleft a, .peleft a:link, .peleft a:visited {
	text-decoration:none;
	}
	
	.peleft a:hover, .peleft a:active {
	text-decoration:underline;
	}
	
	.peleftinner {
	margin:15px 10px 30px;
	padding-top:15px;
	margin-left:10px;
	padding:0px;
	font-size:90%;
	/* margin-bottom:100px; /* YMCA Logo space */
	}
	

		.pemidgallery {
	padding-top:15px;
	margin-left:188px;
	margin-right:18px;
	}
	.pemidgallery .title {
	
	height:25px;
	background: url(../images/title_back.gif) no-repeat right top;
	}
	
	.pemidgallery .body {
	color:#000000;
	background:#eaeaea url(../images/body_grad.jpg) top repeat-x;
	min-height:20px;
	padding:15px 10px;
	font-size:90%;
	border-left:solid #818181 1px;
	border-right:solid #818181 1px;
	border-bottom:solid #dadada 1px;
	}
	
	.pemidgallery .price {
	color:#000000;
	background:#e6e6e6 url(../images/price_grad.jpg) bottom repeat-x;
	min-height:36px;
	padding:15px 10px;
	font-size:90%;
		border-left:solid #818181 1px;
	border-right:solid #818181 1px;
	}
	
	.pemidgallery .buttonbar {
	color:#ffffff;
	margin-top:1px;
		height:25px;
		font-size:90%;
	background-color:#000000;
	}
	.pemidgallery .buttonbar .buttonleft {
	float:left;
	padding:2px 0px 0px 10px;
	}
	.pemidgallery .buttonbar .buttonright {
	float:right;
	padding:2px 10px 0px 0px;
	}

	.peright {
		float:right;
		width:300px;
	margin-right:10px;
	}
	.peright img {
	margin-left:2px;
	}
	
		.pemid {
			display:block;
	padding-top:15px;
	margin-left:188px;
	margin-right:310px;
	}
	.pemid .title {
	
	height:25px;
	background: url(../images/title_back.gif) no-repeat right top;
	}
	
	.pemid .body {
			display:block;
		overflow:hidden;
	color:#000000;
	background:#eaeaea url(../images/body_grad.jpg) top repeat-x;
	min-height:20px;
	padding:15px 10px;
	font-size:90%;
	border-left:solid #818181 1px;
	border-right:solid #818181 1px;
	border-bottom:solid #dadada 1px;
	}
	
	.pemid .price {
	background:#e6e6e6 url(../images/price_grad.jpg) bottom repeat-x;
	min-height:36px;
	padding:15px 10px;
	font-size:90%;
		border-left:solid #818181 1px;
	border-right:solid #818181 1px;
	color: #4F3700;
		font-weight: bold;
	}
	
	.pemid .buttonbar {
	color:#ffffff;
	margin-top:1px;
		height:25px;
		font-size:90%;
	background-color:#000000;
	}
	
	.pemid .buttonbar img {
	border:0px;

	}
		.pemid .buttonbar a, .pemid .buttonbar a:link, .pemid .buttonbar a:visited {
color:#ffffff;
text-decoration:none;
	}
	
	.pemid .buttonbar a:hover, .pemid .buttonbar a:active {
color:#ffffff;
text-decoration:underline;
	}
	
	.pemid .buttonbar .buttonleft {
	float:left;
	padding:2px 0px 0px 10px;
	}
	.pemid .buttonbar .buttonright {
	float:right;
	padding:2px 10px 0px 0px;
	}
	
	.pepagephotos {
	margin-top:18px;
		margin-left:189px;
	margin-right:310px;
	}
	
	.pepagephotorow {}
	
	.pepagephotoframe {
	float:left;
	margin-right:9px;
	width:67px;
	height:69px;
	background-color: #333333;
	background-image: url(../images/small_frame.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
	.pepagephotoframeend {
	margin-left:1px;
	float:left;
	width:67px;
	height:69px;
	background-color: #333333;
	background-image: url(../images/small_frame.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
	.pepagephotoframe img,.pepagephotoframeend img {
	margin:7px 7px 0px 7px;
	width:53px;
	height:53px;
	}
	
	.pepagephoto {}
	
	.pepagephotoshadow {
		margin-top:1px;
		margin-left:173px;
	margin-right:310px;
	}
	
	.igold {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: #D9AB53;
	}
	
	.subgold {
	font-size: 80%;
	color: #D9AB53;
	}
	
	.rightimage {
	margin-top:17px;
	padding-left:24px;}
	
	.formfieldname {
	float:left;
	width:150px;}
	
.formfield {float:left;}

.clearboth {
clear:both;}

.formfield input {
width:230px;}

.formfield select {
width:234px;}

.formfield textarea {
width:380px;}

.title h1 {
display:none;
visibility: hidden;}

.photogallery {
width:428px;
text-align:center;
margin:auto;
}
.home-flash { float:right; margin:15px 0px 0px 0px; }
a.christmas-link { float:right; text-indent:-9999em; margin:10px 10px 0px 0px; background:url(../images/jan-ad.jpg) no-repeat; width:750px; 
height:220px; }

a.eagle-ad { float:right; margin:5px 0px 0 0; background:url(../images/eagle-ad.jpg); text-indent:-9999em;  width:274px; height:289px; }

.clear { clear:both; height:0px; }

.newright { float:right; width:250px; padding:0px 12px 0px 0px;  }

strikethrough { text-decoration:line-through;  color:#d9a555;}
.orange-highlight { font-weight:bold;}

.jansales-tag { position:absolute; top:196px; left:530px; background:url(../images/jansale-tag.png);  width:87px; height:119px; text-indent:-9999em; }

a:focus { outline:none; }