/* \*/
 * html .gainlayout { height: 1%; }
/*  */
/*
	The "star-html" hack designed to be parsed by IE & give all elements "hasLayout
 	The "backslash comment" hack on the first line is to hide the hack from IE5 Mac, 
	which fails to parse the close comment on the first line and ignores everything
	until the second comment line.
*/

body {
	text-align: center;
	padding: 0;
	margin: 0; /* */
	background-color: #300;
	color: #cc9;
	font-size: 13px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif
	}
		
h3 {
	text-decoration: underline;
	color: #C80;
	margin: 1em 0
	}

h4 {
	color: #C80;
	text-decoration: underline
}
	
p {
	font-size: 13px;
}

img {

	border: 0px;
}


p.link {
	line-height: 18px;
	}
	
p.link a:link, p.link a:visited {
	border-bottom: 1px solid #960;
	}

p.link a:hover {
	border-bottom: 1px solid #fc0;
	}
/* */
.alert {

		text-decoration: bold;
		color: #F00;
		font-size: 16px;
}

.profile {
	text-align: left;
	margin-top: 24px;
	margin-bottom: 12px;
}

.list {
	margin-left: 8px; 
}

.newshline {
	font-size: 15px;
	color: #960;
	margin-top: 24px; 
	margin-bottom: 12px;
}

.showdates {
}

.venue {
}

.address {
}

.phone {
}

#admin_menu {
	text-align: left;
	margin-left: 16px;
}

.hr {

	width: 200px;
	height: 1px;
	border-top: 1px solid gray;
}


.admin_list {
	margin-left: 16px;
	margin-top: 24px
}


.dissolve {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}


.page_title {
	color: #fc0;
	font-size: 18pt;
	font-family: "Trebuchet MS";
	font-style: italic;
	margin-left: 12px
	}
	
.piece_title {
	color: #fc0;
	font-size: 11pt;
	font-family: "Trebuchet MS";
	text-align: center
	}

th {
	text-decoration: underline;
	}

#footnote {
	position:absolute; /* */
	clear: both; /* */
	width: 500px;
	z-index: 5;
	text-align: center;
	font-family: "Trebuchet MS";
	margin-top: 100px;
	margin-left: -20px;
/*  The following hack is for IE 5 */
/*	...No longer works for IE6+
	voice-family: "\"}\"";
	voice-family:inherit; /* */
}

/*
* html #footnote {
	margin-left: -120px; /* */
/* } */

.footnote { 
	color: #960;
	font-size: 7pt;
	}

.footnote_admin { 
	text-align: left;
	color: #960;
	font-size: 7pt;
	font-family: "Trebuchet MS";
	margin-right: 16px;
	margin-left: 0px;
	}

a { 
	color: #960; /* */
	text-decoration: none  /* */
	}
	

a:hover  { 
	color: #fc0;
	text-decoration: none
	}

a:active {
	color: #fc0;
	text-decoration: none
}

a:visited {
	text-decoration: none  
	}
/* */

#coolmenu {
	border: 1px solid black;
	width: 170px;
	background-color: #E6E6E6;
}

#coolmenu a {
	font: bold 13px Verdana;
	padding: 2px;
	padding-left: 4px;
	display: block;
	width: 100%;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

#coolmenu a{ /*Non IE rule*/
	width: auto;
}

#coolmenu a:hover{
	background-color: black;
	color: white;
}

/*
#container {
	position: absolute;
	left: 0px; 
	top: 104px; 
	min-height: 500px;
	margin: 0px 0px 0px 0px;
	background-image: url(bgvert.gif);
	background-repeat: repeat-y;
}
/* */
#container {
	position: absolute;
	left: 0; top: 104px;
	min-height: 500px;
	height:auto !important;
	height:500px;
	background-image: url(bgvert.gif); /* */
	background-repeat: repeat-y;
	margin: 0 0 0 0;
}

#iframe_container {
	text-align: left;
	width: 450px;
	margin: 0 0 0 224px;
	padding: 0 0 0 0px;
	}


#iframe_container h2 {
	font-size: 16px;
}
#sidebar_container {
	visibility: visible;
/*	position: fixed; /* ? Caused nav menu to be shifted right to middle of screen */
	min-height: 500px; /* */
	float: left;
	display: inline; /* Fixes IE double-float margin bug */
	padding 0 0 0 0;
	margin 0 0 0 0;
	}

/*	The following hack is an attempt to fix the failure
	of IE to recognize the "min-height" property */

/* Oh well, it was worth a try...	
.prop {
	height:500px;
	float:right;
	width:1px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}	

*/

#sidebar_container a {

	color: #c90;
	text-decoration: none;
}

#sidebar_container a:hover {

	color: #fc0;
}

/*
#image img {

	max-height: 325px;
	max-width: 325px
}

*/
#image img { 
   height: expression( this.scrollHeight > 324 ? "325px;" : "auto;" ); /* sets max-height for IE */
   max-height: 325px; /* sets max-height value for all standards-compliant browsers */
   width: expression( this.scrollWidth > 324 ? "325px;" : "auto;" ); /* sets max-width for IE */
   max-width: 325px; /* sets max-width value for all standards-compliant browsers */
}

#image {
	visibility: visible;
	/* position: relative; /* */
	text-align: center; /* */
	height: 325px;
	}

#imagetitle {
	/* position: relative; /* */
	text-align: center; 
/*	z-index:3; /* */
/*	top: 10px; /* */
	font-size: 10pt;
	font-family: "Trebuchet MS";
	line-height: 16px;
	margin: 10px 0 0 0;
	filter:alpha(opacity=0);  /* */
	opacity:0;  /*  This has a weird effect on text NOT associated with the element ID */
	-moz-opacity:0;  /* This is a deprecated alias for the above */
}
#scrollrgt {
	position: absolute;
	z-index: 3;
	top: 410px; /* 18 px more than scrollthumbs top */ 
	left: 720px;
	width: 35px;
	height: 97px;
	}

#scrollleft {
	position: absolute;
	z-index: 3; 
	top: 410px;
	left: 160px;
	width: 35px;
	height: 97px
	}


.sidebar_header {
/*	text-decoration: underline; /* */
	margin-right: 24px;
	font-size: 16px;
}

p.sidebar_header {
	text-align: left;
	margin-left: 16px;
	margin-top: 0px;
	color: #cccc99;
/*	background-color: #660000; /* */
	font-size: 14px;
}

.sidebar_menu {
/*	line-height: 14px; /* */
/*	margin-top: 12px;  /* */
	}

li.sidebar_menu {
	font-size: 13px;
	line-height: 15px; 
	margin-left: -10px;
	text-align: left;
	}


#masthead_container {

/*	position: fixed; /* This is the default setting */
/*	border: 1px solid white; /* */
	z-index: 5; /* */
	text-align: left;
/*	height: 109px; /* */
	background-color: #330000;
	background-image: url(Masthead_bar.gif);
	background-repeat: repeat-x;	
}
