/* 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;
	 }
#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) { 
}
*/