p,u,b,ul,li,h1,h2,h3,h4,h5,h6,blockquote {font-family: "Comic Sans MS"}

hr {color: #CC3300} /*only seems to work in IE*/

body {
	margin:0;
	text-align: center;
	text-size: 12px;
	font-family: Helvetica, Arial, Sans Serif;
	background-color: #663300;
}

#body {
	margin: auto;
	width: 700px;
	text-align: center;
}

#header {
	width: 700px;
	margin:auto;
	background-color: #ffffff;
	text-align: center;
}

#header #logo {
	background-color: #993300;
	width: 700px;
	margin: auto;
	padding-bottom: 1px;
}

#header #nav {
	background-color: #CC9966;
	font-size: 12pt;
	height: 26px;
}

#header #nav ul {
	display: inline;
	margin: 0;
	padding: 5px;
	list-style: none;
	text-align: center;
}

#header #nav ul li {
	display:inline;
	height: 30px;
	margin: 0;
	padding: 3px 0px 1px 7px;
}

/* add vertical borders to tabs in ie */
* html body #header ul li {
	border-left: 0px solid #333366;
	border-right: 0px solid #333366;
	border-bottom: 5px solid #CC9966;
}

#header #nav ul li a{
	text-decoration: none;
	color: black; /*navigation bar text color*/
	padding: 5px 10px 1px 0px;
}

#header #nav ul li:hover,
#index #header ul li.index,
#onstage #header ul li.onstage,
#tickets #header ul li.tickets,
#season #header ul li.season,
#contact #header ul li.contact,
#news #header ul li.news,
#people #header ul li.people,
#friends #header ul li.friends,
#history #header ul li.history {
	background:transparent; <!-- url(tab-lt.gif) no-repeat left top;-->
}

#header #nav ul li:hover a,
#index #header ul li.index a,
#onstage #header ul li.onstage a,
#tickets #header ul li.tickets a,
#season #header ul li.season a,
#contact #header ul li.contact a,
#news #header ul li.news a,
#people #header ul li.people a,
#friends #header ul li.friends a,
#history #header ul li.history a {
	color: white; /*navigation bar current tab text color*/
}

#content{
	width: 678px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	background-color: white;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
}

/* IE box model hack */
* html body #content{
	width:700px;
}

.left {
	text-align: left;
}
.center{
	text-align: center;
}
.float-wrapper {
	float: left;
	width: 100%;
}
.first-col {
	float: left;
	text-align: center;
	width: 50%;
}
.second-col {
	float: right;
	text-align: center;
	width: 50%;
}
.first-collt {
	float: left;
	text-align: left;
	width: 48%;
}
.second-collt {
	float: right;
	text-align: left;
	width: 48%;
}
#leftbox {
  position: absolute;
  left: 0px;
  width: 215px;
  }
#container {
  margin-left: 215px;
  background-image: url("rightbg.gif");
  background-position: 100% 0;
  background-repeat: repeat-y;
  }
#rightbox {
  position: absolute;
  right: 0;
  margin-right: 0;
  width: 138px;
  }

a:link {COLOR: #FF3300;}
a:visited {COLOR: #FF3300;}
a:active {COLOR: #CC3300;}
a:hover {COLOR: #CC3300;}

#footer{color: white}

h1 {
	text-align: center;
	font-size: 14pt;
}

.leadIn {
	color: #FF3300;
	font-size: 12pt;
	font-weight: normal;
}