#body { background: black; margin: 5px 0px }
body { font-family: Arial, Verdana; color: #414141; font-size: 0.85em; line-height: 1.5em }
p { margin: 10px 0px 10px 0px }

h1, h2, h3, h4 { font-family: Impact, Helvetica, Arial, MS Trebuchet, sans-serif; color: #CEC4A1; font-weight: normal; }

h1, h3 { font-size: 2.6em; line-height: 1em; margin: 10px 0px 20px 0px }
h2, h4 { font-size: 2.0em; line-height: 1em; }
h3, h4 { color: #000099; }
h5 { color: #1742A3; font-size: 1.1em }

a { text-decoration: none; font-weight: normal; color: #5F5A49 }
#content a { text-decoration: underline }
#content a:hover { color: #CEC4A1 }
a:hover { text-decoration: underline }
a img { border: none }

.left { float: left }
.right { float: right }
.center { text-align: center }

img.left { margin-right: 5px }
img.right { margin-left: 5px }


#thumbs {  }
#thumbs ul { margin: 0px; padding: 0px; list-style-type: none; }
#thumbs ul li { margin: 10px; float: left }
#thumbs hr { background: white; color: white; border: 1px white solid; clear: both }

#container table { border-collapse: collapse }
#container table td { border-bottom: #CEC4A1 1px solid }


#container { width: 700px; margin: 0px auto; background: url(../images/background.gif) repeat-y; }

	#header { height: 140px; background: url(../images/header2.gif) no-repeat; position: relative; }

		#header h1 { margin: 0px; position: absolute; top: 14px; }
		#header h1 a { display: block; height: 42px; width: 300px }
		#header h1 a:hover { text-decoration: none }
		#header h1 a span { position: relative; top: -1234px }

		#booknow, #joinourlist { display: block; width: 100px; position: absolute; right: 20px }
		#joinourlist { top: 30px }
		#booknow span, #joinourlist span { position: relative; top: -1234px }

		#navigation { width: 556px; height: 68px; position: absolute; top: 72px; left: 72px; }
			.on-left { background: url(../images/on-left.gif) no-repeat }
			.on-right { background: url(../images/on-right.gif) no-repeat }
			.on-center { background: url(../images/on-center.gif) no-repeat }

		#navigation div { position: absolute; height: 20px; overflow: hidden; }

		#navigation ul { margin: 0px; padding: 0px; list-style-type: none; }
		#navigation ul li { font-size: 0.75em; line-height: 1.4em }
		#navigation ul li a { color: #000099; padding: 2px 4px; font-weight: bold }
		#navigation ul li a:hover { text-decoration: none; background: #ADBFE9 }
		#navigation h5 { margin: 0px; }
		#navigation h5 span { position: relative;  } /* top: -1234px */

		#shows { top: 0px; left: 73px; width: 90px }
			#shows h5 { padding-left: 5px }
		#society { top: 0px; left: 203px; width: 150px }
			#society h5 { text-align: center; }
		#contact { top: 0px; left: 403px; width: 80px }
			#contact h5 { padding-left: 5px; }

	#content { padding: 20px 90px; margin: 0px; background: url(../images/watermark.gif) no-repeat center 20px; min-height: 400px }
	*html #content { height: 400px }

		#content div.left { width: 300px }
		#content div.right {  width: 200px; }

		#content .menu { border: 1px solid #CEC4A1; background: #FFFEF1; margin-left: 10px }

	#footer { background: url(../images/people.gif) no-repeat 0px 22px black; clear: both; color: white }

		#footer strong { color: #FFCC66 }
		#footer a { color: white;  }
		.hr { background: url(../images/blinking01.gif) no-repeat; height: 18px; margin-bottom: 94px }
		.hr hr { display: none; margin: 0px; }
		.end { background: block; border: 1px solid black; color: black; margin: 0px }