html { height: 100%; } /* needed by Opera 8 & Konqueror 3.4 */

body {
	padding: 0;
	margin: 0;
	color: Black;
	background: White url(img/Background.jpg) no-repeat fixed center;
	text-align: left;
	font: normal small Verdana, Geneva, sans-serif;
	font-size: small;
}

img { border: 0; }

p, li {
	margin: 5px 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}

p {
	text-indent: 25px;
	text-align: justify;
}

li { margin: 5px 0; }

li p { text-indent: 0; }

ul, ol {
	margin: 10px 0 10px 25px;
	padding: 0;
}

ul { list-style: disc; }
ul ul { list-style: square; }

ol {
	margin-left: 35px;
/*	list-style: upper-roman;*/
	list-style: decimal;
}

td { vertical-align: top; }

table { padding: 0; margin: 0; }

h1 {
	color: GoldenRod;
/*	padding: 0 0 2px 68px;*/
	padding: 0 0 2px 0;
	margin: 15px 0 25px;
	border-bottom: 2px solid Maroon;
	font: italic bold 2.05em/normal Arial, Helvetica, sans-serif;
	background: transparent url(img/HeaderLeft.gif) no-repeat 100% 5px;
}

h2 {
	padding: 0;
	margin: 25px 0 15px;
	font: normal bold 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	padding: 0;
	margin: 25px 0 10px;
	font: normal bold 1.3em Arial, Helvetica, sans-serif;
}

h4 {
	padding: 0;
	margin: 20px 0 10px;
	font: normal bold 1.15em Arial, Helvetica, sans-serif;
}

hr {
	width: 90%;
	height: 3px;
	margin: 20px auto;
	padding: 0;
	border: 1px solid GoldenRod;
	color: White;
	background-color: White;
	text-align: center; /* IE */
}
body > hr, div > hr { margin: 30px auto; }

hr.bottom { margin: 0 auto 20px; }
body > hr.bottom, div > hr.bottom { margin: 10px auto 30px; }

form {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
}
a:link { color: #9AA644; }
a:visited { color: #7E8837; }
a:active { color: #9AA644; }
a:hover { text-decoration: underline; }

acronym { border-bottom: 1px dotted black; }

small {
	font-weight: normal;
	font-size: 0.85em;
}

.center, .center p {
	text-align: center;
	text-indent: 0;
}
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }
.no-indent, .no-indent p { text-indent: 0; }

.no-wrap { white-space: nowrap; }
.clear-float {
	clear: both;
	height:1px; /* IE fix */
	font-size:1px; /* IE fix */
}


/* ***** Top bar ***** */
#top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	z-index: 2;
	margin: 0;
	padding: 0;	/* don't use any padding or right aligned objects will overflow the client window in Mozilla / IE6 */
	overflow: hidden;
/*	background: GoldenRod;*/
	background: GoldenRod url(img/TopEnd.gif) repeat-y right top;
	text-align: left;
}

#top-title {
	position: absolute;
	top: 1px;
	height: 29px;
	left: 5px;
	padding: 1px 0 0 92px;
	margin: 0;
	border: 0;
	overflow: hidden;
	background: transparent url(img/TopBegin.gif) no-repeat left 2px;
	color: White;
	font: italic normal bold 1.30em/29px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#top-subtitle {
	padding: 0 0 0 1em;
	color: #200000;
	font-size: 0.70em;
	font-family: Arial, Helvetica, sans-serif;
}


/* ***** Main areas ***** */
#container {
	position: absolute;
	width: 100%;
	left: 0;
	top: 25px;
	margin: 0;
	padding: 0;
	background: url(img/Track.gif) repeat-y left 7px;
}

#main {
	width: auto;
	margin: 0 0 0 125px;
	padding: 5px 25px 40px;
}


/* ***** Menu ***** */
#menu {
	position: absolute;
	left: 0px;
	top: 40px;
	width: 125px; /* don't forget to change the JS img used for preventing flickering in IE */
	height: 209px;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: White url(img/Menu.gif) no-repeat left top;
}

#menu a {
	position: absolute;
	display: block;
	z-index: 5;
	width: 91px;
	height: 17px;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	font-size: 1px; 	/*IE height fix*/
	background: transparent url(../img/Transparent.gif); /* IE usually needs a background to generate onmouseover events */
}

#item1 { top: 10px; }
#item2 { top: 31px; }
#item3 { top: 70px; }
#item4 { top: 91px; }
#item5 { top: 112px; }
#item6 { top: 151px; }
#item7 { top: 172px; }
#item8 { top: 211px; }
#item9 { top: 232px; }
#item10 { top: 253px; }
#item11 { top: 292px; }
#item12 { top: 313px; }
#item13 { top: 352px; }

.item-tip {
	display: none;
	position: absolute;
	left: 100px;
	z-index: 10;
	margin: 0;
	padding: 0;
	border: 1px solid Peru;
	text-align: left;
	background: White;
	font: italic normal normal 1.2em Georgia, "Times New Roman", Times, serif;
}

.item-tip div { margin: 3px 12px; /*set apart due to IE5 box model bugs*/ }

#tip1 { top: 12px; width: 12ex; }
#tip2 { top: 32px; width: 23ex; }
#tip3 { top: 73px; width: 39ex; }
#tip4 { top: 92px; width: 20ex; }
#tip5 { top: 112px; width: 21ex; }
#tip6 { top: 151px; width: 26ex; }
#tip7 { top: 171px; width: 15ex; }
#tip8 { top: 211px; width: 44ex; }
#tip9 { top: 230px; width: 22ex; }
#tip10 { top: 250px; width: 39ex; }
#tip11 { top: 289px; width: 23ex; }
#tip12 { top: 309px; width: 26ex; }
#tip13 { top: 350px; width: 15ex; }

.item-subtip {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}

#go-menu {
	height: 0;
	width: 0;
	overflow: hidden;
}

#menu hr { display: none; }

#submenu {
	padding: 0 0 10px 0;
	margin: -15px 0px 25px;
	border-bottom: 1px solid DarkOliveGreen;
	text-align: center;
	font: bold medium Verdana, Geneva, sans-serif;	
}
#submenu .selected {
	padding: 1px 0;
	border-bottom: 2px solid DarkOliveGreen;
	color: DarkOliveGreen;
}
#submenu a {
	padding: 1px 0;
/*	border-bottom: 1px solid DarkOliveGreen;*/
	text-decoration: none;
}
#submenu a:hover {
	border-bottom: 2px solid DarkOliveGreen;
}


/* ***** Program ***** */
#program-box { text-align:center; /* IE 5.x*/ }
#program {
	width: 38.8em;
	border: 3px double Sienna;
	margin: 0 auto;
	padding: 25px 30px;
	text-align: left;
}

#program h2 {
	margin: 0 0 25px 0.6em;
	color: #D57500;
	text-align: center;
	font: italic normal bold 2.50em Palatino, "Book Antiqua", serif;
	letter-spacing: 0.2em;
}
* html #program h2 { letter-spacing: 0.5em; } /* IE fix */

#program h3 {
	margin: 30px 0 10px;
	font-size: 1.15em;
	text-align: center;
	text-transform: uppercase;
}

.play {
	position: relative;
	margin-bottom: 15px;
}

.play p { text-indent: 0em; }
.play .roman li { list-style: upper-roman; }

.composer {
	position: absolute;
	right: 0;
	top: -5px;
	font-weight: bold;
	text-align: right;
}
* html .composer { margin-right: 30px; } /* IE fix */


/***** Sign up *****/


/* ***** Other ***** */

.photo-left {
	margin: 0 20px 5px 0;
	float: left;
}

.photo-right {
	margin: 0 0 5px 20px;
	float: right;
}

.performer {
	padding: 0;
	margin: 10px 0;
	font: normal bold 1.45em Arial, Helvetica, sans-serif;
	text-indent: 0;
}

.instrument {
	font-style: italic;
	font-weight: bold;
	font-size: 0.75em;
	padding-left: 0.5em;
}


h2.sponsors {
	margin-top: 25px;
	text-align: center;
	letter-spacing: 0.3em;
	color: Sienna;
}
* html h2.sponsors { letter-spacing: 0.5em; }

p.sponsors {
	word-spacing: 10px;
	text-align: center;
}
p.sponsors img {
	vertical-align: middle;
	margin: 10px 8px;
}


.accessibility p {
	margin: 25px 0 10px;
	padding: 3px 5px;
	border: 1px solid #7E8837;
	float: right;
	font-size: 0.85em;
	text-indent: 0;
}

.accessibility hr { margin-bottom: 0; }