/* CSS Document */
#content {position:relative; z-index:0;}
#wrapper {
position: relative;
width: 900px;
margin: 0 auto;
border: 0px solid #000000;
text-align: left; 
z-index:0;
}

#background {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:600px;
	z-index:1;
	background-image: url(images/background.jpg);
}
#background1 {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:600px;
}

body {
	background-color: #CC9900;
    scrollbar-base-color:#CC9900;}
	body,td,th {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	color: #663300;
	margin: 0; padding: 0; 
}
#title {
	position:absolute;
	left:92px;
	top:44px;
	width:720px;
	height:68px;
	z-index:2;
}
#enter {
	position:absolute;
	left:369px;
	top:503px;
	width:147px;
	height:87px;
	z-index:4;
}
#date {
	position:absolute;
	left:369px;
	top:116px;
	width:176px;
	height:19px;
	z-index:5;
}

#theimagedesigns {
	position:absolute;
	left:0px;
	top:632px;
	width:900px;
	height:23px;
	z-index:4;
}



/* navigation */
#navBar {
	position:absolute;
	left:112px;
	top:138px;
	width:681px;
	height:37px;
	z-index:100;
}
#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #663300;
	font-size: 14pt;
	color: #663300;
}
#menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#menubar li {
	float: left;
	width: 30em;
}
#menubar li ul, #menubar ul li  {
	width: 8.5em;
}
#menubar ul li a  {
	color: #333333;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
	background-repeat: repeat-x;
}
#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.p7hvr a {
	color: #660000;
	background-color: #CC9900;
}
#menubar li:hover ul, #menubar li.p7hvr ul {
	display: block;
}

#menubar li:hover ul a, #menubar li.p7hvr ul a {
	color: #660000;
}

#menubar ul a:hover {
	background-color: #996600;
	color: #660000;
}

#menubar li {width: auto;}
#menuwrapper, #menubar ul a {height: 1%;}
a:active {width: auto;}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#welcomeText {
	position:absolute;
	left:136px;
	top:509px;
	width:675px;
	height:133px;
	z-index:100;
}

#hall1 {
	position:absolute;
	left:136px;
	top:656px;
	width:578px;
	height:366px;
	z-index:101;
}
#storyholder {
	position:absolute;
	left:82px;
	top:180px;
	width:749px;
	height:375px;
	z-index:50;
	overflow: auto;
}
#storyholder2 {
	position:absolute;
	left:68px;
	top:180px;
	width:776px;
	height:375px;
	z-index:50;
	overflow: auto;
}
#tnholder {
	position:absolute;
	left:51px;
	top:148px;
	width:667px;
	height:1000px;
	z-index:5;
	}
.btmtext {
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	color: #663300;
}
a:link {
	color: 663300;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: 663300;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
#bandroom {
	position:absolute;
	left:135px;
	top:380px;
	width:626px;
	height:124px;
	z-index:100;
}