﻿html
{
	background: #416769;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 95%;
	margin: 0;
	padding: 0;
}

body
{
	margin: 10px;
	padding: 0;
}

a, a:visited
{
	color: #8ab4b5;
	font-weight: bold;
	text-decoration: underline;
}

a:active, a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 1em 0;
	padding: 0;
}

img { border: 0; }

p
{
	margin: 0 0 1.5em 0;
	padding: 0;
}

.non-semantic-spacer { clear: both; }

#container
{
	background: #725050 url("images/content-bg.png") repeat-y left top;
	margin: 0 auto;
	position: relative;
	width: 977px;
}

#header { height: 220px; }

#header h1
{
	background: transparent url("images/header.png") no-repeat left top;
	height: 220px;
	margin: 0;
	padding: 0;
}

#header h1 span, #header div
{
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
}

#content
{
	margin-top: 10px;
	padding: 0 25px;
}

#content h2
{
	font-family: Georgia, serif;
	text-align: center;
}

#content h3
{
	background: #9d7171;
	clear: both;
	padding: 5px;
}

#content p { text-align: justify; }

#content p.slogo
{
	font-size: larger;
	text-align: center;
}

#content p.back
{
	margin-top: 1em;
	text-align: center;
}

#content img.photo-full
{
	border: 1px solid #fff;
	display: block;
	margin: 0 auto;
}

#content img.photo
{
	background: transparent url("images/photo-shadow.png") no-repeat left top;
	display: block;
	margin: 0 auto;
	padding: 0 4px 7px 4px;
}

#content img.photo.even
{
	float: left;
	margin: 0 1em 1em 0;
}

#content img.photo.odd, #deli #content img.photo.even
{
	float: right;
	margin: 0 0 1em 1em;
}

#deli #content img.photo.odd { clear: right; }

#content .hours
{
	font-size: larger;
	text-align: center;
}

#content p.coming-soon { text-align: center; }

#content .events-full
{
	/* background: #9d7171;
	border: 3px solid #825a5a; */
	
	/* background: #416769;
	border: 1px solid #fff; */
	
	/* background: #689d9e;
	border: 1px solid #fff; */
	
	background: #7f6060;
	
	margin: 0 auto;
	padding: 15px;
	/* width: 75%; */
	width: 696px;
}

#content dl.events-full dt
{
	background: #9d7171 /* url("images/header-corner.png") no-repeat right top */;
	/* border-left: 2px solid #fff; */
	/* border-bottom: 3px solid #416769; */
	clear: both;
	font-weight: bold;
	padding: 5px;
	/* position: relative;
	left: -30px;
	left: -5%;
	width: 115%;
	width: 110%; */
}

#content dl.events-full dd
{
	margin: 1em 0;
	padding: 0;
}

#content dl.events-full dd p { clear: both; }

#content ul.gallery
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#content ul.gallery li
{
	float: left;
	text-align: center;
	width: 232px;
	height: 200px;
}

#content ul.gallery li img
{
	border: 1px solid #fff;
	display: block;
	margin: 0 auto 5px auto;
}

#content .call-in
{
	font-size: large;
	text-align: center;
}

#content .menu-section
{
	background: #7f6060;
	margin: 0 0 1em 0;
	padding: 15px;
	/* width: 696px; */
}

#content ul.menu
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#content ul.menu li { font-weight: bold; }

#content dl.menu
{
	margin: 0 0 1em 0;
	padding: 0;
}

#content dl.menu dt { font-weight: bold; }

#content dl.menu dd
{
	margin: 0;
	padding: 0;
}

#content dl.menu dd, #content ul.menu li { margin-bottom: 0.5em; }

#navigation
{
	position: absolute;
	/* top: 180px; */
	top: 177px;
	/* left: 240px; */
	/* left: 235px; */
	left: 150px;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	float: left;
	margin-right: 15px;
}

#navigation ul a
{
	background: #689d9f url("images/button-right.png") no-repeat right top;
	color: #fff;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	height: 24px;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation ul a:active, #navigation ul a:hover
{
	background-color: #afcccc;
	/* text-decoration: underline; */
}

#navigation ul a span
{
	background: transparent url("images/button-left.png") no-repeat left top;
	cursor: pointer;
	display: block;
	height: 17px;
	padding: 4px 10px 3px 10px;
}

#navigation #music
{
	position: absolute;
	/* right: -215px; */
	right: -140px;
	top: 3px;
}

#footer
{
	background: transparent url("images/content-bottom.png") no-repeat left bottom;
	clear: both;
	font-size: small;
	padding: 9em 25px 25px 25px;
	text-align: left;
}

#footer .contact
{
	/* background: #9d7171; */
	background: #7f6060;
	/* border: 1px solid #fff;
	border: 3px solid #825a5a; */
	margin: 0 auto 3em auto;
	min-height: 120px;
	padding: 15px 15px 0 5px;
	position: absolute;
	right: 25px;
	bottom: -20px;
	text-align: right;
	width: 21em;
}

* html #footer .contact { height: 120px; }

#footer .contact address
{
	font-style: normal;
	margin: 15px 0 1em 0;
}

#footer .contact .phone { font-weight: bold; }

#footer .contact img
{
	background: transparent url("images/photo-small-shadow.png") no-repeat left top;
	float: right;
	margin-left: 1.5em;
	padding: 0 4px 7px 4px;
}

@media print
{
	#header h1 { height: auto; }

	#header h1 span, #header div
	{
		font-size: medium;
		line-height: normal;
		visibility: visible;
	}

	#header h1 span { font-size: 1.25em; }
}