/* Fix a silly bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 800px;
	 }

/* Helpers and base rules */
body { behavior:url("csshover.htc");} /* Hover workaraound for IE, requires file */

img	{
	border: 0;
	}

body#center	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #000;
	font: small/18px Verdana, Helvetica, "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	color: #fff;
	}
	
div#wrapper	{
	margin: 0 auto;
	padding: 0;
	width: 802px;
	text-align: left;
	position: relative;
	}

/* Home Page Header */

div#header	{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 90px;
	background: transparent url(images/header.gif) top;
	text-align: bottom;
	}

/* Generic Header */
	
div#header2	{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 72px;
	background: transparent url(images/header3.gif) top;
	text-align: bottom;
	}	
	
/* Navigation Menu */
	
#navmenu {
	margin: 0;
	width: 800px;
	height: 60px;
	background: transparent url(images/navmenu.gif) top left no-repeat;
	position: relative;
	display: block;
	border-bottom: 1px #900 solid;
	z-index: 10;
	}
	
#navmenu li {
  margin: 0; 
	padding: 0; 
	top: 0;
	position: absolute;
	}

#navmenu li a {
  height: 60px; 
	display: block;
	}	

#navmenu li ul {
	display: none;
	position: relative;
	left: 15px;
	top: 0px;
	width: 210px;
	background: #000;
	padding: 0px;
  margin: 0px;
  list-style: none;

  }
	
#navmenu li:hover ul, li.over ul {
	display: block;

	}

#navmenu li li {
	height: 15px;
	border: 1px #900 solid;
	padding: 5px;
	position: relative;

	}
	
#navmenu li li a {
  text-decoration: none;
  color: #fff;
  font: bold 11px Verdana, Helvitica, Sanserif;
  height: 11px;
  }
  
#navmenu li li a:hover {text-decoration: underline; color: #900; background-image: none;}
	
#home {left: 31px;	width: 90px;}
#performance {left: 122px; width: 114px;}
#education {left: 237px; width: 108px;}
#touring {left: 346px; width: 85px;}
#press {left: 432px; width: 78px;}
#support {left: 511px; width: 93px;}
#about {left: 605px; width: 68px;}
#contact {left: 674px; width: 92px;}

#home a:hover {background: transparent url(images/navmenu.gif) -31px -60px no-repeat;}
#performance a:hover {background: transparent url(images/navmenu.gif) -122px -60px no-repeat;}
#education a:hover {background: transparent url(images/navmenu.gif) -237px -60px no-repeat;}
#touring a:hover {background: transparent url(images/navmenu.gif) -346px -60px no-repeat;}
#press a:hover {background: transparent url(images/navmenu.gif) -432px -60px no-repeat;}
#support a:hover {background: transparent url(images/navmenu.gif) -511px -60px no-repeat;}
#about a:hover {background: transparent url(images/navmenu.gif) -605px -60px no-repeat;}
#contact a:hover {background: transparent url(images/navmenu.gif) -674px -60px no-repeat;}
	
/* Align newsletter box*/	

div#newsletter	{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 112px;
	background: transparent url(images/footer.gif) top left no-repeat;
	text-align: center;
	}
	
div#newsletterform {
	margin: 0 auto;
	border: 0px #fff solid;
	width: 400px;
	text-align: left;
	padding-top: 28px;
	}

input {
  color: #fff;
  background: #000;
  border: #fff solid 1px;
  }

/* Page Layout */

div#leftcol	{
	margin: 0px;
	background: transparent url(images/leftside.gif) top left repeat-y;
	padding: 0px 21px 5px 5px;
	float: left;
	width: 155px;
	height: 100%;
	text-align: right;
	}
	
div#centercol	{
	margin: 0;
	padding: 0px 10px 5px 5px;
	float: right;
	width: 600px;
	text-align: left;	
	background: #000;
	color: #fff;
	}

div#right	{
	float: right;
	width: 252px;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	}
	
div#rightbig	{
	float: right;
	width: 302px;
	text-align: center;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 0px #999 dotted;
	}
	
span.header	{
	font: bold 14px  Verdana, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	border: 1px #999 dotted;
	padding: 3px;
	background-color: #000;
	}
	
div.float {
  float: left;
  padding: 5px;
  width: 285px;
  }
  
div.float p {
	text-align: center;
	font-style: italic;  
  }
   
img.float {
	float: right;
	}
	
img.donor {
  float: left;
  padding: 10px;
  }

div.gallery img {
  float: left;
  padding: 4px;
  background-color: #1A1A1A;
  border: 1px solid #222;
  margin-right: 10px;
  margin-bottom: 10px;
  }

/*  Left Navigation */

#edmenu {
	margin: 0;
	position: relative;
	display: block;
	padding: 0px 0 0 0;
	list-style: none;
	text-align: right;
	}

.ed { width: 161px;	}

.about { width: 145px; }

#edmenu li {
	list-style: none;
	border-bottom: 1px #fff dashed;
	margin: 0px;
	font-style: normal;
	}

#edmenu a:link {text-decoration: none; color: #fff;}
#edmenu a:visited {text-decoration: none; color: #fff;}
#edmenu a:active {text-decoration: none; color: #900;}
#edmenu a:hover {text-decoration: underline; color: #900;}


/* Page Elements */

#form {
	font-size: 10px;
	float: right;
	color: #fff;
	}
	
#bread	{
	font-size: 10px;
	color: #999;
	}

li	{
	list-style: none;
	font-style: italic;
	}

#outreach {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#support2 {
	border: 0px #9cf solid;
	float: left;
	width: 275px;
	}
	
select {
	color: #fff;
	background: #666;
	border: #fff solid 1px;
  }

td	{
	vertical-align: top;
	}

.none	{
	list-style: none;
	font-style: italic;
	padding: 0;
	margin: 0;
	}	
	
hr {
  color: #fff;
  height: 1px;
  width: 100%;
	}

#bottomborder {
	border-bottom: 1px #fff solid;
	}
	
#imgleft {
	float: left;
	padding-right: 5px;
	width: 150px;
	}

a:link {text-decoration: none; color: #9cf;}
a:visited {text-decoration: none; color: #9cf;}
a:active {text-decoration: none; color: #9cf;}
a:hover {text-decoration: underline; color: #999;}

.miniright	{float: right;}
.miniright a:link {text-decoration: none; font-size: 10px; color: #9cf;}
.miniright a:visited {text-decoration: none; font-size: 10px; color: #9cf;}
.miniright a:active {text-decoration: none; font-size: 10px; color: #9cf;}
.miniright a:hover {text-decoration: underline; font-size: 10px; color: #999;}

.minileft { font-size: 12px; text-decoration: none; color: #9cf;}
.minileft a:link {text-decoration: none;  color: #9cf;}
.minileft a:visited {text-decoration: none;  color: #9cf;}
.minileft a:active {text-decoration: none; color: #9cf;}
.minileft a:hover {text-decoration: underline; color: #999;}

/* Buy Tickets/Register/More-Info Mouse-Over */
	
#buytix	{
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
	width: 179px;
	height: 39px;
	list-style: none;
	}
	
#buytix li {
  margin: 0; 
	padding: 0; 
	list-style: none;
  position: absolute; 
	top: 0;
	left: 0;
	width: 177px;
	border: 1px #fff dashed;
	background: transparent url(images/seasontix.gif) top left no-repeat;
	}
	
#buytix li a {
  height: 37px; 
  width: 177px;
	display: block;
	}

#buytix a:hover {
	background: transparent url(images/seasontix.gif) 0 -37px no-repeat;
	}	

#buytix2	{
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
	width: 140px;
	height: 39px;
	list-style: none;
	}
	
#buytix2 li {
  margin: 0; 
	padding: 0; 
	list-style: none;
  position: absolute; 
	top: 0;
	left: 0;
	width: 177px;
	border: 1px #fff dashed;
	background: transparent url(images/tix.gif) top left no-repeat;
	}
	
#buytix2 li a {
  height: 37px; 
  width: 177px;
	display: block;
	}

#buytix2 a:hover {
	background: transparent url(images/tix.gif) 0 -37px no-repeat;
	}

#register	{
	margin: 0;
	position: relative;
	display: block;
	width: 179px;
	height: 39px;
	list-style: none;
	}
	
#register li {
  margin: 0; 
	padding: 0; 
	list-style: none;
  position: absolute; 
	top: 0;
	left: 0;
	width: 177px;
	border: 1px #fff dashed;
	background: transparent url(images/register.gif) top left no-repeat;
	}
	
#register li a {
  height: 37px; 
  width: 177px;
	display: block;
	}

#register a:hover {
	background: transparent url(images/register.gif) 0 -37px no-repeat;
	}