/* CSS Document */

body
{
	background-image:url(graphics/musicbackground1.gif);
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size:.8em;
	color:#333333;
}

#container
{
	width:650px;
	border: 2px solid #A0528C;
	margin:auto; /*centers the container on the page */
	background-color:#FFFFFF;
	padding:0; 
	padding-right: -30px;
	

}

#banner
{
		/*width:650px;
		border: 1px solid pink;
		margin-right:-10px;
		*/
		

}

#content
{
	padding:0;
	margin:0 10px;
	clear:left;
	min-height: 30em;
		
}




#news 
{	
	background-color:#DDB9D7;
	font-size: 1.2em;
	font-variant:normal;
	padding:1px 10px 5px 10px;	
}

#righthandbox
{
	margin:30px 0px 20px 20px;
	float:right;
	width:200px;
}

#newsletters
{	
	background-color:#F6D9F1;
	font-size: 1.2em;
	font-variant:normal;
	padding:1px 10px 5px 10px;
}

#footer
{
	text-align:center;
	/*font-size:.75em;
	line-height:140%;	*/
	background-color:#A0528C;
	width:auto;
	color:#FFFFFF;
	margin-bottom:0px;
	padding:1px 5px 1px 5px;
	clear:both;

}
#contact {
	margin-bottom: 0em;
	font-size:.75em;
	line-height:140%;
	
	}

#contact a:link, #footer a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}


#mailsignup {
	width:100%;
	margin-top: 0;
	padding: .5em;
	}


#mailsignup p {	
	display: inline;
	margin: 0 1em;	
	font-variant:small-caps;
	font-size: 1.25em;
	padding: 0 .5em;
	font-weight: bold;
	
	}
#mailsignup a, #mailsignup a:visited {
	text-decoration: none;
	color: #A0528C;
	background-color:#DDB9D7;
	padding: 0 1em;
	}
#mailsignup a:hover {
	color: #DDB9D7;
	background-color:#A0528C;

}	


	

/**********************************************
this is the style for the top level menus */

ul#navmenu { /*the ul with and id=navmenu */
  margin:auto;
  border: 0 none; /*doesn't seem neccesary */
  padding: 0px;
 /* width: 51em; /*this made need to NOT be fixed to allow room for use to increase font size*/
  list-style: none;
  height: 20px;  /* this might  need to be adjusted or removed to allow user to size up text */
  background: #D4A6CB;
  height:22px;


 
  
 	
}

ul#navmenu li { /* the top menu list items or "buttons" */
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 23px; /* the height of the space the top "button" is contained within */
  
}

ul#navmenu ul { /*the nest listed.  Not the nested list items! */
 /* margin: 0;
  border: 0 none;
  padding: 0; 
  list-style: none;
  position: absolute;
  top: 24px;
  left: 0;
  margin-top:1px; /*need to explicitly set this to get IE and Firefox to render distance of bottom menu from top */
/* margin-left:1px;*/
 
}

/*ul#navmenu ul li {
  float: none; /*For Gecko*/
 /* display: inline !important; /*changed to inline to make Firefox display 2nd menus as horizontal */
 /* display: inline; /*For IE*/
/* left:-999em; 
}*/

/* Root Menu */
ul#navmenu a {
  /*border: 1px solid #FFF; /*this makes the top list into "buttons" */
  /*border-right-color: #CCC;
  border-bottom-color: #CCC;*/
  padding: 5px 15px 5px 15px;; /*this is the padding around the text on the top "button */
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline; /*changed this to inline to make submenus horizontal */
  background: #D4A6CB;
  color: #572049;
  font: bold .7em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/  /* I couldn't see that this does anything */
  
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
 background-color: #572049;
  color: #D4A6CB;
 left:auto;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
 /* float: none;
  background: #EEE;
  color: #666;
  text-decoration:none;
  padding: 5px;
  margin: 0px -3px 0px -3px;  /* negative padding to remove space between 2nd menu "buttons" */
 /*left: auto;*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
 /* background: #CCC;
  color: #FFF;*/
}
/***********************************************
 below is the submenu style for each page */

ul#submenu { /*the ul with and id=navmenu */
 
  border: 0 none; /*doesn't seem neccesary */
  padding: 0px;
  list-style: none;
  height: 23px;  /* this might  need to be adjusted or removed to allow user to size up text */
  text-align:center;
 
  margin: 0 auto 2em auto;
 
}

ul#submenu li { /* the top menu list items of "buttons" */
  margin: -2px;
  border: 0 none;
  padding: 0px;
  display: inline;
  list-style: none;
  position: relative;
  height: 24px; /* the height of the space the top "button" is contained within */
  
}
ul#submenu a {
  /*border: 1px solid #FFF; /*this makes the top list into "buttons" */
  /*border-right-color: #CCC;
  border-bottom-color: #CCC;*/
  padding: 5px 15px 5px 15px; /*this is the padding around the link text */
  float: none !important; /*For Opera*/
  float: center; /*For IE*/
  display: inline; /*changed this to inline to make submenus horizontal */
  background-color:;
  color: #572049;
  font: bold .7em Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/  /* I couldn't see that this does anything */
  
}
ul#submenu a:hover,
ul#submenu li:hover a,
ul#submenu li.iehover a {
  background-color: #572049;
  color: #D4A6CB;
  /*left:auto;*/
}


h1
{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size: 2.5em;
	font-variant:small-caps;
	color:#572049;
	text-align:center;
	/*margin-top: -.5em;*/
}



h2.news
{
	font-family: Verdana, Arial, san-serif;
	font-size:.95em;
	font-variant:normal;
	
}

h1.nosub{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size: 2.5em;
	font-variant:small-caps;
	color:#572049;
	text-align:center;
	margin-top:0;


}

h2
{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size:1.3em;
	color:#572049;
	
}
h2.events {
	margin-bottom:0;
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size:1em;
}



h3, h2.small
{
	font-family:Trebuchet MS, Trebuchet, Verdana, Arial, san-serif;
	font-size:1em;	
	display:inline;
	
	
}

p.news
{
	font-size:.8em;
}

p.nospace
{
	margin-top:0;
}


img.border {
  padding:4px;
  border:1px solid #ddd;
  }