/* MAIN (COMMON) STYLESHEET */



body {

	font: 14px Georgia, serif;

	z-index: 0;

}



#rightstrip {  /*  outline: 1px solid lightblue;  border: 1px solid lightblue; */

	z-index: 20;  

}



#container {   /*  outline: 1px solid gold;  border: 1px solid gold; */

	z-index: 25; 

}

#whatsnew {

	z-index: 1;



	}

#whatsnep {

	z-index: 1;



	}

#content {  /*  outline: 1px solid blue;  border: 1px solid blue; */

	z-index: 5;

}





h1 {   /*  outline: 1px solid yellow;  border: 1px solid yellow; */

	z-index: 50;

}



#mainpage {  /*  outline: 1px solid magenta;  border: 1px solid magenta; */

	z-index: 30;

}



h1 img {  /*  outline: 1px solid lightgreen;  border: 1px solid lightgreen; */

	position: relative; 

	z-index: 50;

}



#MHDlogo {  /*	outline: 1px solid green; border: 1px solid green; */

	position: relative; 

	top: 3px;

	z-index: 25;

}



#martha {  /*  outline: 1px solid grey;  border: 1px solid grey; */

	z-index: 10;

	

}



#mainpage ul { list-style-type: none; }

#mainpage li { margin-bottom: 1.5em; }

.indent { text-indent: 2em; }

.noindent { text-indent: 0; }



/* MENU LINKS */



ul#menu {  /*  outline: 1px solid pink;  border: 1px solid pink; */

	position: absolute;

	list-style-type: none;

	z-index: 15;

} 



#menu li { margin-bottom: 0; }

#menu li a:hover { background-repeat: no-repeat; }



#menu li a, #current {  /*  outline: 1px solid teal;  border: 1px solid teal; */

	display: block; 

	width: 125px; 

	background-repeat: no-repeat;

}



#menu li a {  height: 24px; margin-bottom: 3px; text-decoration: none; }

 

#current { height: 24px; margin-bottom: 0; margin-top: 0;}



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

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

#copyright a:active { color: #FFFFFF; text-decoration: none; }



#copyrighthome {

	font-size: 11px;

	margin-left: 230px;

	margin-top: 3px;

	 }
	 #indexlogo {

	font-size: 11px;

	margin-left: 90px;

	margin-top: 3px;

	 }

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

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

#copyrighthome a:active { color: #FFFFFF; text-decoration: none; }



#index a:link, #index a:visited { background-image:  url(../images/index.gif); color: #FFF; }

#index a:hover { background-image:  url(../images/index-h.png); color: #FFF; }

#index a:active { background-image:  url(../images/index-a.gif); color: #FFF; }



#bio a:link, #bio a:visited { background-image: url(../images/bio.gif); color: #FFF; }

#bio a:hover { background-image: url(../images/bio-h.png);  color: #FFF; }

#bio a:active { background-image: url(../images/bio-a.gif); color: #FFF; }



#compositions a:link, #compositions a:visited { background-image: url(../images/compositions.gif); color: #FFF; }

#compositions a:hover { background-image: url(../images/compositions-h.png); color: #FFF; }

#compositions a:active { background-image: url(../images/compositions-a.gif); color: #FFF; }



#chamber_compositions a:link, #chamber_compositions a:visited { background-image: url(../images/chamber_compositions.gif); color: #FFF; }

#chamber_compositions a:hover { background-image: url(../images/chamber_compositions-h.png);  color: #FFF; }

#chamber_compositions a:active { background-image: url(../images/chamber_compositions-a.gif); color: #FFF; }



#choral_compositions a:link, #choral_compositions a:visited { background-image: url(../images/choral_compositions.gif); color: #FFF; }

#choral_compositions a:hover { background-image: url(../images/choral_compositions-h.png);  color: #FFF; }

#choral_compositions a:active { background-image: url(../images/choral_compositions-a.gif); color: #FFF; }



#piano_compositions a:link, #piano_compositions a:visited { background-image: url(../images/piano_compositions.gif); color: #FFF; }

#piano_compositions a:hover { background-image: url(../images/piano_compositions-h.png);  color: #FFF; }

#piano_compositions a:active { background-image: url(../images/piano_compositions-a.gif); color: #FFF; }



#vocal_compositions a:link, #vocal_compositions a:visited { background-image: url(../images/vocal_compositions.gif); color: #FFF; }

#vocal_compositions a:hover { background-image: url(../images/vocal_compositions-h.png);  color: #FFF; }

#vocal_compositions a:active { background-image: url(../images/vocal_compositions-a.gif); color: #FFF; }



#cds a:link, #cds a:visited { background-image: url(../images/cds.gif); color: #FFF; }

#cds a:hover { background-image: url(../images/cds-h.png);  color: #FFF; }

#cds a:active { background-image: url(../images/cds-a.gif); color: #FFF; }



#photos a:link, #photos a:visited { background-image: url(../images/photos.gif); color: #FFF; }

#photos a:hover { background-image: url(../images/photos-h.png);  color: #FFF; }

#photos a:active { background-image: url(../images/photos-a.gif); color: #FFF; }





#piano a:link, #piano a:visited { background-image: url(../images/piano.gif); color: #FFF; }

#piano a:hover { background-image: url(../images/piano-h.png); color: #FFF; }

#piano a:active { background-image: url(../images/piano-a.gif); color: #FFF; }







#shesings a:link, #shesings a:visited { background-image: url(../images/shesings.gif); color: #FFF; }

#shesings a:hover { background-image: url(../images/shesings-h.png); color: #FFF; }

#shesings a:active { background-image: url(../images/shesings-a.gif); color: #FFF; }



#links a:link, #links a:visited { background-image: url(../images/links.gif); color: #FFF; }

#links a:hover { background-image: url(../images/links-h.png); color: #FFF; }

#links a:active { background-image: url(../images/links-a.gif); color: #FFF; }



#musicsales a:link, #musicsales a:visited { background-image: url(../images/musicsales.gif); color: #FFF; }

#musicsales a:hover { background-image: url(../images/musicsales-h.png); color: #FFF; }

#musicsales a:active { background-image: url(../images/musicsales-a.gif); color: #FFF; }



#contact a:link, #contact a:visited { background-image: url(../images/contact.gif); color: #FFF; }

#contact a:hover { background-image: url(../images/contact-h.png); color: #FFF; }

#contact a:active { background-image: url(../images/contact-a.gif); color: #FFF; }







font, center { display: none !important; }



#testinfo {  /* DISPLAYS THE SCREEN WIDTH AND HEIGHT FOR TEST PURPOSES */

	position: absolute;

	left: 30%;

	width: 50%;

	top: 90%;

	z-index: 100;

}



a#salestemp {

position: relative;

	display: block;

	width: 115px !important;

	height: 36px;

	padding-left: 10px;

	line-height: 30px;

}	



a#salestemp:link, a#salestemp:visited {

	color: #EEEEEE; background: transparent;

	font-weight: bold;

}		



a#salestemp:hover, a#salestemp:active {

	color: #EEEEEE; background-color: #653C3D;

	font-weight: bold;

}	



/* Hack for Opera 6+ (it must come after values are set for other browsers): 

@media screen and (min-width: 0px) { 

}

*/