#topper {
	background-color: #E1E7EF;
	background-image: url(images/sidebar.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: 162px;
	z-index:200; /*place over main section--doesn't seem to have an effect*/
}
*html #topper {	overflow:hidden;/*stopes IE from expanding*/
}
#main {
clear:both;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	position: relative;
	height: 100%;
	z-index:100; /*place under topper section*/
}
#addy {
	padding: 8px;
	position: absolute;
	left: 0px;
	top: 12px;
width: 112px;
}
#board {
	position:absolute; 
	padding: 8px;
	top: 300px;
	left: 0px;
	width: 112px;
	}
#addy h1, #board h1  {
	font-size: 16px;
}
#addy p, #board p  {
	font-size: 11px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
margin-bottom:5px;
}
		#addy p a {
		text-decoration:none;
		color: #3A6E8F;
		}

#text {
	width: 660px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
/*	padding-right: 325px; did nothing .... hummmm*/
	padding-top: 80px; /*position text with padding, so no top margin then sidebar fills to top*/
	padding-bottom: 0px;
	padding-left: 0px;
}
#image, #rightbar {
	float: right;
margin-left:30px;
margin-bottom:300px; /*cheap way to get text not to wrap under, but causes scroll bar to appear and blank space with it*/
	margin-top: 80px;
}
#rightbar {width: 250px; background-color:#FFFFCC; padding: 6px;}
#rightbar p {font-size:80%;}
#blackbar {
	background-color: #000000;
	height: 12px;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: 100%;
	overflow:hidden;/*stopes IE from expanding*/
	position: absolute;
	font-weight: bold;
	text-transform: uppercase;
text-indent:95px;
z-index:300;
}
		#blackbar a {
		text-decoration:none;
		color:#FFFFFF;
		}
		#blackbar a:hover {
		text-decoration:none;
		color:#FFCC33;
		}

body {
	margin: 0px;
	padding: 0px;
	background-image:url(images/sidebar.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}
h6 {
}

h1 {
	font-weight:bold;
	color: #000000;
	font-size:28px;
}h2 {
	font-style:italic;
	font-weight:bold;
	color: #3A6E8F;
	font-size:24px
}
ol {
	list-style-type: none;
}

h3 {
	font-weight:bold;
	color: #3A6E8F;
}

#navbar {
	clear: both;
	/*height: 135px;*/
	width: 560px;
	position: absolute; 
	top:0;
	left:0;
	/*	changed from absolute left and top to margins*/
	margin-left: 200px;
	margin-top: 27px;
	z-index:400; /*place over main section FIXES IE DISPLAY*/

}
		#navbar ul {
			list-style: none;
			margin: 0px;
		margin:0px;

					display: block;

						/*z-index:401; /*place over main section*/

		}
			#navbar ul a{
					display: block;
					text-decoration: none;
				}
		
		#navbar li {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			font-weight: bold;
/*			display: block;
image moved to li a elements since needed there for hover
			background-image: url(images/WindowDuo_02.gif);
			background-repeat: no-repeat;
*/
			text-align: center;
			width: 130px;
			height: 135px;
			float: left;
		}
		
				#navbar li a {/*mainline*/
					color: #000000;
					margin: 0px;
					padding-top: 75px;
					padding-bottom: 0px;
					padding-right: 10px;
					padding-left: 10px;
					height: 60px; /*with padding of 75 top = 135 px image size--needed to make image fill height of window, regardless of depth of type*/
					overflow:hidden;
				/*	background-image:: url(images/WindowDuo_02.gif); /*MOVED TO INDIVUDALLY IMAGES need image here to slide it in li a:hover*/
					background-repeat: no-repeat;
					/*slide image of window up, turn color black*/
					background-position: 0px 0px;
				}
/******************individual menu images*/

#navbar li#nav1 a {
	background-image: url(images/Piano_Duo.gif);
}
#navbar li#nav3 a {
	background-image: url(images/Violin_Duo.gif);
}
#navbar li#nav4 a {
	background-image: url(images/Horn_Duo.gif);
}

#navbar li#nav2 a {
	background-image: url(images/Harp_Duo.gif);
}
/******************individual page control*/
		#concert #navbar li#nav1 a,
		#venue #navbar li#nav2 a,
		#subscribe #navbar li#nav3 a,
		#about #navbar li#nav4 a 
		{
					background-position: 0px -135px; /*slide image to light window*/
					color:#000000;
		}				
/****END**************individual page control*/
				#navbar li a:hover {
					background-position: 0px -135px; /*slide image to light window*/
					color:#3A6E8F;
				}

		/*dropdowns*/
		#navbar li ul {
			width: 130px;
			/*w\idth: 130px;*/
			padding: 0px;
			margin:0px;
			left: -1999px;
			h\eight: 1px;
			position: absolute;
			/* top: 0px;/*smash against window top*/
		padding-top:12px;/*give space for black bar*/
			/*z-index:420; /*place over main section*/
		}
			#navbar li li {
			height:100%;
			background: #E1E7EF;
			color: #000000;
			border:#3A6E8F solid 1px;
			font-size: 12px;
			font-weight: bold;
			/*squeeze down to width and position of art*/
			width: 88px;
			margin-left: 20px;
			marg\in-left: 24px;
/*			margin-right: 25px;*/
			padding:0px;
			height:100%;
		}
				#navbar li li a {/*dropdowns*/
					display: block;
					background: #E1E7EF;
					color: #000000;
				padding:0;
					padding-right:5px;
					padding-left:5px;
					padding-bottom: 0.5em;
				height:auto; /*fixes height by eliminating height set in li a for image*/

				
				}
				#navbar li li a:hover {
					color: #000000;
					background: #FFCC33;
				padding:0;
					padding-right:5px;
					padding-left:5px;
					padding-bottom: 0.5em;
				height:auto; /*fixes height by eliminating height set in li a:hover for image*/
				}
		#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
#navbar li.sfhover ul { /* fix position in IE*/
			margin-left: -95px;
		}


/*BUY BUTTONS*/
	h6 {
			font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #000000;
	/* .25em 1em .25px 1px;*/
	text-transform: uppercase;
	float: left;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding:0;
	text-align: left;
	width:140px;
}
	h6 a {
	text-decoration: none;
	color: #3A6E8F;

	background-image:url(images/TCCMSlogoForButton.gif);
	background-position: 0px -55px;
	display:block;
	padding-right:6px;
	text-align: right;
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
	h6 a:hover {
	display:block;
	background-position: 0px top;
	color: #000000;	
}	/*END BUY BUTTONS*/

#main #text p {
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-bottom: 0px;
}
		#text p a {
		text-decoration:none;
		color: #3A6E8F;
		border-bottom:dotted #3A6E8F 1px;
		}
h4 {
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-bottom: 0px;
}
.Ticket sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.clearleft {clear:left;}

.smallsub {
	font-size: 11px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #3A6E8F;
}
h7 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: #000000;
	/* .25em 1em .25px 1px;*/
	text-transform: uppercase;
	float: left;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding:0;
	text-align: right;
}
#topper1 {

	background-color: #C2CBCD;
	background-image: url(images/brick.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 162px;
	overflow:hidden;/*stopes IE from expanding*/
	z-index:200; /*place over main section--doesn't seem to have an effect*/
}
.errors, .warnings { /*warnings*/
	font-style:italic;
	font-weight:bold;
	color:#FF0000;
	font-size:16px;
	}
#program p {
	text-indent: -12px;
	margin-left: 12px;
}
.clearfloat {
	clear: both;
}