body {background-color:white; margin:0; padding:0; width:100%;}
html {width:100%;}

#container{
width:1280px;
height:800px;
margin:0 auto;
background-repeat:no-repeat;}

/* MENU is within the container division */
	
#menu {width:1280px;height:50px;top:0px;left:0px;background-repeat:repeat-x;}

	ul#navlist {list-style:none;list-style-image:none;list-style-position:inside;padding:0;margin:0;}
	ul#navlist li {width:147px;height:37px;text-align:center;line-height:30px;//for v-alignment list-style-type:bold;margin:0 30px; float:left}
	ul#navlist li a {font-family:Georgia;font-size:24px;text-decoration:none;}

 /*Navigation list link color-formatting*/

	ul#navlist li a:link {color:#26AAFA;}       /* basic link -- sky blue —— was FFD986 */
	ul#navlist li a:visited { color:26AAFA; }	/* same color as basic link -- sky blue */
	ul#navlist li a:hover {color: #F53A39; }  /* the new warmer red — same as the sunset clouds on the WORKS page */
	ul#navlist li a:active {color: #F2C53D; }
 
/*Body link color-formatting -- on the works page, it affects the links to video pages but not the opus pages*/

	a:link {color: #blue;text-decoration:none;}       /* basic link -- was F2C53D = straw*/
	a:visited {color: blue;text-decoration:none;}  /* visited link */
	a:hover {color: #F53A39;text-decoration:none;}   /* mouse over link -- was #FF2A1E I made this color up*/
	a:active {color: #F2C53D;text-decoration:none;}   /* selected link */

/*STYLES FOR NAVIGATION START*/	

ul#navlist span {display:none}
ul#navlist a {
display:block;
background-image:url("../images/nav.png");
background-repeat:no-repeat;
}

a.home {
width:50px;
height:50px;
}
a.home:hover {
background-position:0 -58px;
}

a.news {
width:60px;
height:50px;
background-position:-58px 0;
}
a.news:hover {
background-position:-58px -58px;
}

a.listen {
width:75px;
height:60px;
background-position:-105px 0;
}
a.listen:hover {
background-position:-105px -58px;
}

a.works {
width:70px;
height:50px;
background-position:-176px 0;
}
a.works:hover {
background-position:-176px -58px;
}

a.biography {
width:105px;
height:60px;
background-position:-240px 0;
}
a.biography:hover {
background-position:-240px -58px;
}

a.contact {
width:80px;
height:50px;
background-position:-350px 0;
}
a.contact:hover {
background-position:-350px -58px;
}
		  
/*the divisions below are found on the CONVIVENCIA CADENZA score page */

#op35cadenzapage1 {background-image:url("../images/scoreimages/op35.cadenza.page1.jpg");
background-repeat:no-repeat;
float:left;
height:900px;
position:relative;
width:632px;}

#op35cadenzapage2 {float:left;	
width:632px; height:900px;
background-image:url("../images/scoreimages/op35.cadenza.page2.jpg");
background-repeat:no-repeat;}

#op35cadenzaplayer {margin-left:30px;
position:absolute;
top:-10px;
z-index:999;}

/*the divisions below are found on the CONSOLATION  score page */

#op40scoreplayer {margin-left:30px;
position:absolute;
top:-10px;
z-index:999;}	

#op40page1 {background-image:url("../images/scoreimages/op40page1.jpg");
background-repeat:no-repeat;
float:left;
height:900px;
position:relative;
width:632px;}

#op40page2 {background-image:url("../images/scoreimages/op40page2.jpg");
background-repeat:no-repeat;
float:left;
height:900px;
width:632px;}