body { margin: 0; padding: 0; background: URL("../images/backgrounds/site.png"); }

a { color: yellow; }
a:hover { color: white; }

#container { width: 870px; margin: 0 auto; background: URL("../images/backgrounds/container.png"); overflow: hidden; }
#container .header { width: 850px; margin: 0 auto; }
#container .header img { margin: 0; padding: 0; outline: none; }

#container .navigation { width: 830px; height: 77px; margin: 0 auto; background: URL("../images/backgrounds/navigation.png") repeat-x; }

	/* Main Navigation */
	#container .navigation ul.nav1 { display: block; height: 48px; list-style: none; margin: 0; padding: 0; overflow: hidden; }
	#container .navigation ul.nav1 li { float: left; display: inline; text-align: center; }
	#container .navigation ul.nav1 li a { display: block; padding: 15px 26px; font: 14px Arial; color: #fff; text-decoration: none; }
	#container .navigation ul.nav1 li a:hover { display: block; padding: 15px 26px; font: 14px Arial; color: #fff; text-decoration: none; background: URL("../images/backgrounds/navigation-hover.png") repeat-x; }
	#container .navigation ul.nav1 li.space { float: left; display: inline; width: 10px; height: 48px; background: URL("../images/backgrounds/navigation-space.png") no-repeat; }
	
	/* Secondary Navigation */
	#container .navigation ul.nav2 { display: block; height: 29px; list-style: none; margin: 0; padding: 0; text-align: right; overflow: hidden; }
	#container .navigation ul.nav2 li { float: left; display: inline; font: 11px Arial; color: #555; padding: 8px 12px; }
	#container .navigation ul.nav2 li a { display: block; font: 11px Arial; color: #ccc; text-decoration: none; }
	#container .navigation ul.nav2 li a:hover { display: block; font: 11px Arial; color: #fff; text-decoration: none; }
	#container .navigation ul.nav2 li.space { float: left; display: inline; width: 405px; }

#container .content { width: 830px; margin: 0 auto; overflow: hidden; font: 12px Arial; color: #ddd; }
	
	/* Left & Right Columns */
	#container .content .left { float: left; display: inline; width: 505px; overflow: hidden; margin: 5px 0 }
	#container .content .right { float: right; display: inline; width: 319px; overflow: hidden; margin: 5px 0 }
	#container .content .left .subbox { border: 1px solid #787878; background: #2c2c2c; margin: 0; }
	#container .content .subbox { border: 1px solid #787878; background: #2c2c2c; margin: 5px 0; }
	#container .content .subbox h2 { padding: 0 10px; }
	#container .content .subbox p { padding: auto 10px; margin: 10px; }
	#container .content .subbox p b { color: #ffd600; }

	#container .content .section { display: block; height: 46px; background: URL("../images/backgrounds/section-liner.png"); }

	/* Main Page - Gallery Slideshow */
	#container .content .left .gallery { border: 1px solid #797979; background: #2c2c2c; padding: 0; margin: 0 0 5px 0; height: 342px; }
	#container .content .left .gallery ul { list-style: none; margin: 0; padding: 0; width: 503px; height: 342px; overflow: hidden; }
	
	/* Main Page - Email & Cell Phone Forms */
	#container .content .left .forms { border: 1px solid #797979; background: #2c2c2c; padding: 5px; height: 161px; }
	#container .content .left .forms h2 { display: block; padding: 20px 12px; margin: 0 0 5px 0; background: URL("../images/backgrounds/site.png"); font: 22px Arial; color: #fff; text-align: center; border-bottom: 3px solid #373737 }
	#container .content .left .forms td, #container .content .left .forms th { padding: 5px; }
	#container .content .left .forms tr:hover { background: #222  }
	
	/* Main Page - Weekly Events */
	#container .content .right .events { width: 317px; height: 252px; overflow: hidden; background: #8e0000; border: 1px solid #e20000; margin: 0 0 5px 0 }
	#container .content .right .events ul { list-style: none; margin: 5px; padding: 0px; color: #ffd600; font: bold 11px Arial; }
	#container .content .right .events ul li { display: block; padding: 5px; border: 1px solid #8e0000 }
	#container .content .right .events ul li:hover { display: block; padding: 5px; background: #6b0000; border: 1px solid #e20000 }
	#container .content .right .events small { color: #fff; }

	/* Sub Page - Events List */
	ul.events { list-style: none; margin: 0; padding: 0; }
	ul.events li { padding: 10px; margin: 0 0 4px; 0; border-bottom: 1px solid #2c2c2c; font: bold 12px Arial; }
	ul.events li:hover { background: #222; border-bottom: 1px solid #333; }
	ul.events li small { color: #ffd600; }
	
	/* Gallery Thumbnails */
	#container .content ul.gallery { list-style: none; margin: 0 5px 5px 5px; padding: 5px; overflow: hidden; background: #121212; }
	#container .content ul.gallery li { float: left; display: inline; width: 130px; height: 196px; border: 1px solid #555; margin: 4px 10px; }
	#container .content ul.gallery li:hover { border: 1px solid #ccc; }
	
	/* Gallery - Club Tour Splash */
	#container .content .tour { width: 823px; height: 253px; margin: 0 auto; overflow: hidden; }
	#container .content .tour ul { list-style: none; margin: 0; padding: 0; }
	#container .content ul.tour2 { list-style: none; margin: 3px 0 8px 5px; padding: 0; overflow: hidden; }
	#container .content ul.tour2 li { float: left; display: inline; width: 100px; height: 69px; margin: 8px 8px 4px 8px; }
	#container .content ul.tour2 li img { border: 1px solid #797979; }
	#container .content ul.tour2 li img:hover { border: 1px solid yellow; }
	
	/* Sub Page - Contact */
	table.contact th { padding: 5px; text-align: right; }
	table.contact td { padding: 5px; }
	
	/* EyeCandy */
	img.eyeLeft { border: 1px solid #797979; padding: 6px; background: #111; margin: 0 10px 10px 0; }
	.shade { padding: 5px; background: #222; }
	.margin { width: 480px; margin: 8px auto 0 auto;  }
	.big    { font: bold 14px Arial; line-height: 22px; }
	ul.menu { background: #222; padding: 10px 35px; margin: 10px; }
	#map { width: 480px; margin: 8px auto 0 auto; height: 300px; text-align: center; color: #333; }
	
/* Site Footer */
#footer { width: 870px; margin: 0 auto; background: URL("../images/backgrounds/footer.png") no-repeat #212121; overflow: hidden; text-align: center; font: 12px Arial; color: #eee; }
#footer a { color: #eee; }
#footer a:hover { color: yellow; }

.hide { display: none; }