/* CSS Document */
/*  Main stylesheet  */
html  {
	background: #000000;
	height: 101%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #371C00;
	line-height: 140%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
}
h1 {
	font-size: 11px;
	font-weight: normal;
	color:#371C00;
	line-height: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;

}
h2 {
	font-size:11px;
	font-weight: normal;
	color:#371C00;
	line-height: normal;	
	margin: 1.3em 0 0 0;
	padding: 0px;

}
h3 {
	font-size: 11px;
	font-weight: bold;
	color:#371C00;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-top: 5px;
}
/* styles that apply to everything but Netscape 4 */
/*/*/a{}
body   {
	font-size: 0.7em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 0.7em;
	line-height: 140%;
}
html>body {
	font-size: 0.7em;
	line-height: 140%;
}
body h1 {
	font-size: 1.4em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 1em;
	color:#371C00;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
html>body h1 {
	font-size: 1.4em;
	color:#371C00;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
body h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.3em 0 0 0;
	padding: 0;
	color: #371C00;
}
html>body h2 {
	font-size: 1.2em;
	margin: 1.3em 0 0 0;
	padding: 0;
}
body h3 {
	font-size: 1.1em;
	font-weight: bold;
	color:#371C00;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
}
html>body h3 {
	font-size: 1.1em;
	font-weight: bold;
	color:#371C00;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
}
/* end NS4 hack */
div  {
}
#pagecontainer {
	text-align: left;
   	width: 990px; /* or whatever width */
	background: #000000;
   	margin: 0px auto;
	padding: 0px;
}
div#header {
	float: left;
	width: 990px; 
	height: 216px;
	background: #000000 url(../images/new/top_banner.jpg) no-repeat top left;
	text-align: left;
	padding: 0;
	margin: 0;
}
div#navigation_bg {
	float: left;
	width: 990px; 
	height: 72px;
	background: #000000 url(../images/new/menu_bg.jpg) no-repeat top left;
	text-align: left;
	padding: 0;
	margin: 0;
}
*html div#header {
	width: 990px;	 
	height: 216px;
	padding-top: 0px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 1000px; 
	height: 215px;	
	padding-bottom: 0px;
	voice-family: "\"}\""; 
}



/* new image-only menu */
div#navigation {
	width: 990px;
	height: 72px;
	padding: 0px;
	margin: 0px;
	position: relative;
    top: 0;
    left: 0;

}
#navigation ul {
padding: 0px;
margin: 0px;
}
		/* link heights corresponds with image height */
		.navButton, .navButton:visited {
			height:72px;
			
			/*
				this is for mac/ie5
				it would normally cause a rendering problem
				(a vertical expansion in the topnav)
				but it doesn't here because the topnav is a fixed height
			*/
			position:relative !important;

			}

		/* link and list-item widths correspond with image widths */
		#home, #homeButton, #homeButton:visited {
			width:106px;
			}
		#about, #aboutButton, #aboutButton:visited {
			width:166px;
			}
		#music, #musicButton, #musicButton:visited {
			width:161px;
			}
		#say, #sayButton, #sayButton:visited {
			width:159px;
			}
		#where, #whereButton, #whereButton:visited {
			width:117px;
			}
		#songs, #songsButton, #songsButton:visited {
			width:133px;
			}
		#contact, #contactButton, #contactButton:visited {
			width:148px;
			}

			
		/* span is same dimensions as link, and positioned to superimpose */
		.navButton span, .navButton:visited span {
			display:block;
			height:72px;
			width:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			background-repeat:no-repeat;
			}

		/* button images */
		#homeButton {
			background-image:url(../images/new/menu_home_down.jpg);
			}
		#aboutButton {
			background-image:url(../images/new/menu_who_down.jpg);
			}
		#musicButton {
			background-image:url(../images/new/menu_music_down.jpg);
			}
		#sayButton {
			background-image:url(../images/new/menu_photos_down.jpg);
			}
		#whereButton {
			background-image:url(../images/new/menu_where_down.jpg);
			}
		#songsButton {
			background-image:url(../images/new/menu_songs_down.jpg);
			}
		#contactButton {
			background-image:url(../images/new/menu_contact_down.jpg);
			}


		/* button images are span background images */
		#homeButton span, #homeButton:visited span {
			background-image:url(../images/new/menu_home_up.jpg);
			}
		#aboutButton span, #aboutButton:visited span {
			background-image:url(../images/new/menu_who_up.jpg);
			}
		#musicButton span, #musicButton:visited span {
			background-image:url(../images/new/menu_music_up.jpg);
			}
		#sayButton span, #sayButton:visited span {
			background-image:url(../images/new/menu_photos_up.jpg);
			}
		#whereButton span, #whereButton:visited span {
			background-image:url(../images/new/menu_where_up.jpg);
			}
		#songsButton span, #songsButton:visited span {
			background-image:url(../images/new/menu_songs_up.jpg);
			}
		#contactButton span, #contactButton:visited span {
			background-image:url(../images/new/menu_contact_up.jpg);
			}




		/* rollovers are background position so that no preloading is necessary */
		.navButton span, .navButton:visited span {
			background-position:0 0;
			}

		.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
			background-position:0 -100px;
			}


/*  End new menu  */





/*  



#navigation li a {
	font-size: 1.1em !important;
	text-decoration: none;
}

*/
div#wrapper  {
	float: left;
	width: 990px;
	background: #000000 url(../images/new/inner_page_bg.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}
div#main-content  {
	width: 990px;
	float: left;
	padding: 0px;
	margin: 0px;
}
*html div#main-content  {
	width: 990px;
	float: left;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 1000px;
	float: left;
	voice-family: "\"}\"";
}
table
{
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

td
{
    margin: 0px;
    padding: 0px;
    border-width: 0px;
	vertical-align: top;
}

div#content  {
width: 900px;
margin: 0 auto;
text-align: left;
}
div#content p {
margin: 0 0 10px 5px;
line-height: 145%;
}
.contentSeparator {
clear: both;
}
.leftContent {
float: left;
width: 450px;
}
.rightContent {
float: right;
width: 450px;
}
div#footer  {
	clear: both;
	width: 990px;
	height: 121px;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 90%;
	text-align: center;
	background: #000000 url(../images/new/bottom_page_frame.jpg) no-repeat;
}
.hr {
	height: 3px;
	width: 900px;
	background-image: url(../images/new/hr.gif) repeat-x;
}
blockquote  {
font-style: italic;	
margin-top: -7px;
}
a
{color: #371C00;
text-decoration: underline;}

a:link
{color: #371C00;
text-decoration: underline;}

a:visited
{color: #371C00;
text-decoration: underline;}

 a:hover  {
	color: #C30;
	text-decoration: underline;
}

a img
{border: 0px;}


#copyright
{
font-size: 1em;
width: 965px;
padding: 40px 0 5px 0;
background: transparent;
color: #000;
text-align: right;}

a.footer:link
{color: #000;
text-decoration: underline;}

a.footer:active
{color: #000;
text-decoration: underline;}

a.footer:visited
{color: #000;
text-decoration: underline;}

a.footer:hover
{color: #c30;
text-decoration: underline;}
/* -- accessiblity info -- */
#accessibility {position: absolute; left: -9999px; width: 9000px;}
.hide {display: none;}

/*  header styles */

#index_header {
      margin:0;
	  padding:0;
      position:relative;
      width:656px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#index_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:656px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/news_header.jpg") top left no-repeat;
}
#about_header {
      margin:0;
	  padding:0;
      position:relative;
      width:528px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#about_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:528px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/who_are_we_header.jpg") top left no-repeat;
}
#music_header {
      margin:0;
	  padding:0;
      position:relative;
      width:656px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#music_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:656px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/music_header.jpg") top left no-repeat;
}
#say_header {
      margin:0;
	  padding:0;
      position:relative;
      width:538px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#say_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:538px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/photos_header.jpg") top left no-repeat;
}
#where_header {
      margin:0;
	  padding:0;
      position:relative;
      width:656px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#where_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:656px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/where_header.jpg") top left no-repeat;
}
#songs_header {
      margin:0;
	  padding:0;
      position:relative;
      width:656px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#songs_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:656px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/songs_header.jpg") top left no-repeat;
}
#contact_header {
      margin:0;
	  padding:0;
      position:relative;
      width:656px;
	  height:101px;
      margin:0;
	  padding:0;
      overflow:hidden;
}
#contact_header span {
      display:block;
      position:absolute;
	  left:0;
	  top:0;
	  z-index:1;
      width:656px;
	  height:101px;
      margin:0;
	  padding: 0;
      background:url("../images/new/contact_header.jpg") top left no-repeat;
}