html { 
	min-height: 101%;
	margin-bottom: 1px;
	}

body {
	font:10pt Arial,sans-serif;
	color: #e4e3d6;
	margin: 0px;
	padding: 0px;
	background: transparent url(/images/hatch-wallpaper.jpg) top center repeat scroll;
	}

.leftmargin {margin-left:60px;}

.clear {clear:both;}

.error {color:#F33;}

#frame {
	padding: 10px 0px 40px 0px;
	margin: 0px auto 0px auto; 
	width: 700px;
	min-height: 500px;
	background: transparent url(/images/paper_background.jpg) repeat scroll top left;
	color: #453e36;
	}

#header {
	width: 700px;
	height: 120px;
	margin: 0 auto 0 auto;
	padding: 0px;
	}

	#header h1 { 
		background: transparent url("/images/header-logo.jpg") no-repeat;
		width: 700px; 
		height: 120px;
		margin: 0px;
		padding: 0px;
		}

	#header h1 span {
		display: none;
		}

div#nav {
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto; 
	width: 700px;
	height: 46px;
	padding: 0px;
	}

div#nav ul#menu {
	height: 46px;
	width: 700px;
	background: transparent url(/images/header-nav.jpg) top center no-repeat;
	margin-right: auto;
	margin-left: auto; 
	margin-top: 0;
	margin-bottom: 0; 
	padding: 0;
	position: relative;
	}

div#nav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
ul#menu li, ul#menu a {
	height: 46px;
	display: block;
	}
	
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#home			{left: 48px; width: 61px;}
#members		{left: 110px; width: 127px;}
#listen			{left: 242px; width: 72px;}
#reviews		{left: 320px; width: 77px;}
#order			{left: 404px; width: 66px;}
#schedule		{left: 476px; width: 89px;}
#contact		{left: 570px; width: 79px;}

#home a:hover		{background: transparent url(/images/header-nav.jpg) -48px -46px no-repeat;}
#members a:hover	{background: transparent url(/images/header-nav.jpg) -110px -46px no-repeat;}
#listen a:hover		{background: transparent url(/images/header-nav.jpg) -242px -46px no-repeat;}
#reviews a:hover	{background: transparent url(/images/header-nav.jpg) -320px -46px no-repeat;}
#order a:hover		{background: transparent url(/images/header-nav.jpg) -404px -46px no-repeat;}
#schedule a:hover	{background: transparent url(/images/header-nav.jpg) -476px -46px no-repeat;}
#contact a:hover	{background: transparent url(/images/header-nav.jpg) -570px -46px no-repeat;}

#homeon		{background: transparent url(/images/header-nav.jpg) -48px -46px no-repeat; left: 48px; width: 61px;}
#memberson	{background: transparent url(/images/header-nav.jpg) -110px -46px no-repeat; left: 110px; width: 127px;}
#listenon		{background: transparent url(/images/header-nav.jpg) -242px -46px no-repeat; left: 242px; width: 72px;}
#reviewson	{background: transparent url(/images/header-nav.jpg) -320px -46px no-repeat; left: 320px; width: 77px;}
#orderon		{background: transparent url(/images/header-nav.jpg) -404px -46px no-repeat; left: 404px; width: 66px;}
#scheduleon	{background: transparent url(/images/header-nav.jpg) -476px -46px no-repeat; left: 476px; width: 89px;}
#contacton	{background: transparent url(/images/header-nav.jpg) -570px -46px no-repeat; left: 570px; width: 79px;}

#content {
	width:700px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	font-size: 10pt;
	}

	#content a {
		color: #453e36;
		font-weight: bold;
		text-decoration: none;
		}

	#content a:hover {
		color: #e1d4bc;
		background-color: #573b1c;
		text-decoration: none;
		}

	#content form {
		margin-left: 70px;
		}

#content h1 {
	font-size: 13pt;
	font-weight: bold;
	color: #573b1c;
	line-height: 1.4em;
	padding: 0 0 4px 0;
	margin: 0px 60px 5px 60px;
	}

#content h2 {
	font-size: 10pt;
	font-weight: bold;
	color: #573b1c;
	padding-top: 5px;
	margin: 0px 70px -5px 70px;
	}

#content h3 {
	margin: 0 60px .75em 60px;
	font:7pt Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#453e36;
	}

#content p {
	margin: 0px 70px 10px 70px;
	line-height:1.6em;
	}

	p img {
		float: right;
		padding: 0px 0px 10px 10px;
	}

#content h4 {
	font: 14px/22px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: normal;
	color: #422d06;
	padding: 0 0 4px 0;
	margin: 0px 60px 5px 60px;
	}
	
	#content h4 b {
		font: 18px/22px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		}

#content h5 {
	font: 26px/24px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: normal;
	color: #422d06;
	padding: 0 0 4px 0;
	margin: 0px 60px 5px 60px;
	}

li {
	margin: 0 60px 10px 50px;
	line-height: 1em;
	list-style-type: decimal;
	}

.bullet li {
	list-style-type: square;
	margin-left: 50px;
	}

a:focus {
	outline: none;
	}

#pageEnd {
	margin: -62px auto 10px auto;
	width: 699px;
	height: 62px;
	}

.cd {
	margin-left: 400px;
	margin-top: 10px;
	position: absolute;
	}

#undercalendar {
	position: absolute;
	margin-left: 335px;
	margin-top: 340px;
	}

#calendar {
	font: 8pt Arial,sans-serif;
	letter-spacing:.2em;
	position: absolute;
	margin-left: 385px;
	border: 0px solid #000;
	border-top:0px solid #000;
	padding: 0px;
	}

	#calendar td.bs {
		padding:0 0px 0 2px;
		margin:0 0px 0 -2px;
		color: #e1d4bc;
		background-color: #573b1c;
		}

	#calendar td.bsis {
		padding:0 0px 0 2px;
		margin:0 0px 0 -2px;
		color: #e1d4bc;
		background-color: #34515f;
		}

	#calendar td.kc {
		padding:0 0px 0 2px;
		margin:0 0px 0 -2px;
		color: #e1d4bc;
		background-color: #927624;
		}

	#calendar td.fs {
		padding:0 0px 0 2px;
		margin:0 0px 0 -2px;
		color: #e1d4bc;
		background-color: #718725;
		}

.bs {
	margin: 0px 9px 10px 50px;
	line-height:1.6em;
	background-color: #573b1c;
	color: #573b1c;
	}

.bsis {
	margin: 0px 10px 10px 50px;
	line-height:1.6em;
	background-color: #34515f;
	color: #34515f;
	}

.kc {
	margin: 0px 10px 10px 50px;
	line-height:1.6em;
	background-color: #927624;
	color: #927624;
	}

.fs {
	margin: 0px 10px 10px 50px;
	line-height:1.6em;
	background-color: #718725;
	color: #718725;
	}

.fold {
	padding-bottom: 5px;
	position: relative;
	width: 700px;
	}

.member {
	width: 700px;
	height: 246px;
	margin: 0 0 20px 0;
	position: relative;
	}

	.memberL {
		width: 200px;
		height: 240px;
		position: absolute;
		left: 0px;
		bottom: -20px;
		}

	.memberLtext {
		width: 550px;
		height: 210px;
		padding: 50px 0 0 150px;
		}
		
		.memberLtext p {
			margin-right: 35px;
			}

	.memberR {
		width: 200px;
		height: 240px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		}

	.memberRtext {
		width: 520px;
		height: 190px;
		padding: 50px 0 0 0;
		}

	.memberFold {
		margin: -13px 0 10px 0;
		position: absolute;
		}