/* 
html>body {
  background: #000 url(/sekso/img/sekso_bg.gif); 
}	
*/


html, body {
  margin: 0;
	padding: 0;
  width: 100%;
  color: #FC0;  	
  background: #000 url(/orch/img/sekso_bg.gif) no-repeat center top fixed;	 
	/* 
  background: #000 url(/orch/img/sekso_bg.gif); 
	background-repeat: no-repeat;
  background-attachment:fixed;	
	background-position: top center; 
	*/
	font-size: 90%;
  text-align: center;	 /*   hack to center page under IE5 */	
 
                                    /*  	background: #000;
                              	          background-image: url('/sekso/img/sekso_bg.gif');	   doesn't fix FF problem*/
	}


	
	
body #home {
  background: #000;
  }	

	

      /*
      
      @font-face {
        font-family: "papyrus";
        src: url(http://library.pittstate.edu/orch/include/papyrus.ttf) format("truetype");
      }
      
      */





	
	
#pagewrap {
          
  width:720px; 
	
  margin-top: auto;
	margin-right: auto;
	margin-bottom: 6em;
	margin-left: auto;	
	max-width: 720px;
  text-align:left;
  border: 1px solid #FC0;
	background-color: transparent;
	padding: .2em;  
	
   /*  margin-top: -2em;     affects all browsers the same */	
	 /*   display: inline;     putting here does not fix DoubleMarginBug in IE, but sets width to 100% in FF */
                      /*	color: #FFF;  						
                          margin-right:auto;
                          margin-left:auto;
                          margin-top:10px; 
                          margin-left: 20%;  
                          margin-right: 20%; 
                        	margin-bottom: 2em;						
                  
                  				*/
  }	

	
p.first:first-line {
  font-variant: small-caps;
	letter-spacing: .2em;
	font-size: 120%;
                                                            text-align: justify;                                  
	font-family: verdana, sans-serif;	
  }

	
a:link {
  color: #FFF;
  background: transparent;   
  text-decoration: none;
	font-family: "Lucinda Sans", Helvetica, arial, sans-serif;	
  }

a:visited {
  color: #ad9;                                                  /* #CC9; */
  background-color: inherit;
	text-decoration: none;
	font-family: "Lucida Sans", Helvetica, arial, sans-serif;	
  }


	
a.audio {
  color: #FFF;
  background-color: transparent;   
  text-decoration: none;  
  }
	
a.audio:after {
  content: "\0020" url('/orch/img/audio_icon.gif'); 
	
	} 	
	
a.audio:hover {
  text-decoration: underline overline; 
	} 		

	



	
	
	
/* ===========  HEADER  =========== */	
#header {
  border: 1px solid #FC0;
  color: #FFF;
	background-color: #000;
  }

#printheader {
  display: none;

  }
	
	
	

	
	
/* ===========  TOPNAV  =========== */	

#topnav {
  margin: 10px 0 0 0;
  padding-left: .6em; 
  height: 20px;
  }

#topnav ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  display: inline;
  }

#topnav ul li {
  display: block;
  float: left;
  text-align: center;
                                                      /*  padding: 0 0 0 1em; */
  margin: 0; 
  }
	
#topnav ul li a {
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 85%;
  color: #FC0;
  background-color: transparent;
  width: auto;
  height: 1.4em;
  border-top: 2px solid #000;
  text-decoration: none;	  
  padding: 0 1.2em .2em 0;	
  margin: 0;
  text-align: center;	     
border-left: none;
border-right: none;

  }

#topnav ul li a:hover {
  border-top: 2px solid #FC0;
  padding-bottom: 2px;
  color: #FFF;
  background-color: transparent;
  }

#topnav a:active {
  color: #FC0;
  background: #300;
  }

#topnav li#active a {
  background-color: #C60;
  border: 1px solid #C60;
  color: #fff;
  }








	
	
/* ===========  BREADCRUMBS  =========== */	

#bread {
  font-family: verdana, ariel, sans-serif;
	font-size: smaller;
	color: #FC0;
	background-color: #000;
	padding: 3px;
	margin: 1px 10px 4px 0;
	text-align: right;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 5px		;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#bread ul li a {
  color: #FC0;
	background-color: #000;
  text-decoration: none;
 }
 
#bread ul li a:hover {
  color: #FFF;
	background-color: #000;
  text-decoration: none;
 } 
	
             /*  &#171 is the left angle bracket (OOAB),  187 is right (OOBB) */
#bread ul li:before {
  content: "\0020 \0020 \0020 \00AB \0020";
	}
     
#bread ul li.first:before {
	content: " ";
	}













/* ===========  SIDENAV  =========== */	
#sidenav {
  font-size: 85%;
  color: #FC0;
	background-color: #222;
	font-family: verdana, arial, sans-serif;
  float: right;
  width: 180px;                                            /* width: auto;  overrides float, pushes #main down  */
  display: inline;                                         /* display: block; */	
	border: 1px solid #FC0;
/*  margin-left: 1px;   ?  */
  }

	

	
#sidenav a:visited {
  background-color: #222; 
	}	

	

#ul_sidenav {
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: right;
  list-style: none;
	padding-right: 1em;

  }

#ul_sidenav li {
  background-color: transparent; 
  border-bottom: 1px solid #444;
	list-style-position: outside;
  padding: 0 .2em;
  }


#ul_sidenav li a {
  display: block; 
  color: #FC0;
  background-color: #222;
  padding: 0 .2em;
  text-decoration: none;
  } 

#ul_sidenav li a:hover {
  color: #FFF;
  background-color: #000;
  border-bottom: #000;
	border-left: .2em solid #FC0;
  padding: 0 .2em;
  text-decoration: none;
	overflow: hidden;
  }
	
#ul_sidenav li.left a {	
  display: block;
  color: #FC0;
  background-color: #222;
  padding-left: .2em;
	text-decoration: none;
	text-align: left;           
	}

#ul_sidenav li.left a:hover {	
  color: #FFF;
  background-color: #000;	
  border-bottom: #000;
  border-right: .2em solid #FC0;
	border-left: 0;
	text-align: left;    
	padding-left: .2em;
	text-decoration: none;      
	}	

#ul_sidenav li.left a:visited, li.left a:visited	{
    font-size: 85%; 
		background-color: #222;
  }
	
#sidenav_header {
  width: 100%;
	color: #000;
	background-color: #FC0;
  font-size: 110%;
	text-align: center;
  font-weight: bold;	
	padding-top: .4em;
	padding-bottom: .3em;
  }
	
#sidenav_text {
  padding: 0 1em .5em .5em;
  }	
		







	
	
	
	
/* ===========  MAIN  =========== */	
#main {
  background-color: #000; 
  width: 100%; 	
  max-width: 528px;                                                             /*  was 505 */
	border: 1px solid #FC0;
  color: #FC0;
  background-color: transparent;
	font-family: verdana, arial, sans-serif;
	overflow: hidden;
	padding: 0;
	letter-spacing: .1em;
  }	
	
.cell {
	border: 1px solid #FC0;	 
	color: #FC0;
	background-color: #222;
	margin: 0 .2em 1.5em .2em;
	padding:1em;
	}

.cell a:link {
  color: #FFF;
  background: transparent;   
  text-decoration: none;
  }

.cell a:visited {
  color: #ad9;                                                       /* #CC9; */
  background-color: transparent;
	text-decoration: none;
  }

.cell000 {
	color: #FC0;
	background-color: #000;
	padding:1em;	
  margin: 0 0 1.5em 0;
 	border-bottom: 1px solid #444;	
	}


	

      					 /*  PRINTING - re-set color and width, especially */
											 
.feature { 
	border: 1px solid #FC0;	 
	color: #FC0;
	background-color: #222;
	text-align: left;
	margin: 0 1px 1.5em 1px; 
	padding: 0;  
  }
	
.feature_top_odd {   
  width: 100%;
	color: #000;
	background-color: #C90;	
  font-family: "lucinda sans", verdana, arial, sans-serif;
  font-size: 100%;
  text-align: left;
  font-weight: bold;	
	border-bottom: 1px solid #FC0;
	min-height: 102px;
  }

.feature_top_even { 
  width: 100%;
	color: #000;
	background-color: #FC0;
  font-family: "lucinda sans", verdana, arial, sans-serif;	
  font-size: 100%;
  text-align: right;
  font-weight: bold;	
	border-bottom: 1px solid #FC0;		
	min-height: 102px;
  }

	
/* feature images standard 80x100px */
.feature_top_odd_img {   
  float: left;
	padding: 0 1em 0 0;
	margin: 0;
  } 
	
.feature_top_even_img {
  float: right;
	padding: 0 1px 0 1em;
  margin: 0;
  } 

.feature_top_title { 
  font-family: papyrus, Verdana, arial, sans-serif;
	font-size: 175%;
	}
	
.feature_bottom { 
  text-align: left;
	font-weight: 400;
  font-size: 95%;
	color: #FC0;
	background-color: #222;
	padding: 1em;
	margin-bottom: 0;
  }

.feature_dropcap {
  float: left; 
  color: #FC0;
	background-color: transparent;
	font-family: papyrus, georgia, verdana, arial, sans-serif;
  font-size: 3.5em;
  padding: 0 .4em .1em 0;
}		
	
.feature_bottom a:link {
  color: #FFF;
  background: transparent;   
  text-decoration: none;
  }

.feature_bottom a:visited {
  color: #ad9;                                                    /* #CC9; */
  background-color: transparent;
	text-decoration: none;
  }


.floatright {
  float: right; 
	margin: 0px 0px 10px 10px;
	clear: both; }
	
.floatleft {
  float: left; 
	margin: 0px 10px 10px 0px;
	clear: both; }

	




	

/* ===========  FOOTER  =========== */	
#footer {
  /*  color: #FFF; */
  background-color: #000; 
	padding-left: 1em;
	clear:both;
	
  }
	
#footer a {
/*  color: #FC0; */
	background-color: #000;
  }	
	
	
#footer a:hover, a:visited {
  /*  color: #FFF; */
	background-color: #000;
  }




	
	
/* ===========  BASIC STUFF  =========== */

	
/* h1 - use <h1 id="pagetitle"> */
#pagetitle {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
  text-align: center;
	text-transform: capitalize; 
	font-size: 200%;	
	font-weight: 400;
	margin: .6em .2em .5em .2em;	
 
                                  	/*
                                  	 	font-variant: small-caps;   	    didn't look good in this case
                                  	*/	
  }

	
	
h2 {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
	text-transform: capitalize; 	
  font-size: 155%;
	font-weight: 500;
	font-style: italic;
	margin-left: 2em;
}

h3 {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
  font-size: 140%;
	font-weight: 500;
                                                       /*	font-style: italic; */
	margin-left: 3em;
}

h4 {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
  font-size: 130%;
	font-weight: 400;
  font-style: italic;
	margin-left: 4em;
}

h5 {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	font-size: 115%;
	letter-spacing: .1em;
	font-size: 120%;
	font-weight: 400;
                                                       /*	font-style: italic; */
	margin-left: 5em;
}

h6 {
  font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
  font-size: 110%;
	font-weight: 400;
  font-style: italic; 
	margin-left: 6em;
}







.bold {
  font-weight: bold;
  }

.italic {
  font-style: italic;
  }

.bi {
  font-weight: bold;
  font-style: italic;
  }

.u {
  border-bottom: 1px solid #FC0;
	}	
	
.center {
  text-align: center;
  }

.smaller { 
  font-size: 80%;
  }	
	
.dropcap 	{
  float: left; 
  color: #FC0;
	background-color: transparent;
	font-family: papyrus, georgia, verdana, arial, sans-serif;
  font-size: 2.5em;
  padding: 0 .2em 0 0; 
  }		 

.margin1 {
  margin-left: 2em;
  margin-right: 2em;
  text-align: left;
  }

.margin2 {
  margin-left: 4em;
  margin-right: 4em;
  text-align: left;
  }

.margin3 {
  margin-left: 6em;
  margin-right: 6em;
  text-align: left;
  }

.margin4 {
  margin-left: 8em;
  margin-right: 6em;
  text-align: left;
  }
 
img {
  border-width: 10px; 
  border-style: none;
  }

pre {
  font-family: Courier, monospace;
  }	 
	 
hr { 
  height:0px; 
  border:0px; 
  border-top:1px solid #FC0;
  }	 

.fortybelow {
  margin-bottom:40px;
	}
.embelow {
  margin-bottom:1em;
	}	



	
	
/* ===========  LEFT RIGHT CENTER  =========== */	

.l90 {text-align: left; margin-right: 10%; }
.l80 {text-align: left; margin-right: 20%; }
.l70 {text-align: left; margin-right: 30%; }
.l60 {text-align: left; margin-right: 40%; }
.l50 {text-align: left; margin-right: 50%; }
.l40 {text-align: left; margin-right: 60%; }
.l30 {text-align: left; margin-right: 70%; }
.l20 {text-align: left; margin-right: 80%; }
.l10 {text-align: left; margin-right: 90%; }
	
.c90 {text-align: center; margin-left:  5%; margin-right: 5%;  }
.c80 {text-align: center; margin-left: 10%; margin-right: 10%; }
.c70 {text-align: center; margin-left: 15%; margin-right: 15%; }
.c60 {text-align: center; margin-left: 20%; margin-right: 20%; }
.c50 {text-align: center; margin-left: 25%; margin-right: 25%; }
.c40 {text-align: center; margin-left: 30%; margin-right: 30%; }
.c30 {text-align: center; margin-left: 35%; margin-right: 35%; }
.c20 {text-align: center; margin-left: 40%; margin-right: 40%; }
.c10 {text-align: center; margin-left: 45%; margin-right: 45%; }
	

.r90 {text-align: right; margin-left: 10%; }
.r80 {text-align: right; margin-left: 20%; }
.r70 {text-align: right; margin-left: 30%; }
.r60 {text-align: right; margin-left: 40%; }
.r50 {text-align: right; margin-left: 50%; }
.r40 {text-align: right; margin-left: 60%; }
.r30 {text-align: right; margin-left: 70%; }
.r20 {text-align: right; margin-left: 80%; }
.r10 {text-align: right; margin-left: 90%; }





	
/* ===========  ADA  =========== */	

.ada {width:0; height:0; overflow: hidden; }
.ada a:link, .ada a:hover, .ada a:visited {
  color: #000;
	background-color: #000;
  }





	

/* ===========  PROGRAM NOTES  =========== */	

.pn_title {   /* use as a class on an h2 */
  font-style:normal;
	margin-left:-.1em; 
  } 
	
.pn_composer {
  font-family: "lucinda console", verdana, sans-serif;
	font-size: 110%;
	margin-top: -.6em;	 
  }	
	
.pn_guest {
  text-align:right;
	margin-right:1em;
  font-style:italic;
	font-size:95%; 
  }

.pn_guest ul {
  border: 0;
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  display: inline;
  }

.pn_guest ul li {
  display: block;
  float: left;
  text-align: center;
  margin: 0; 
  }
	
.pn_guest ul li a {
  font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 95%;
  color: #FC0;
  background-color: transparent;
  width: auto;
  height: 1.4em;
  border-top: 2px solid #000;
  text-decoration: none;	  
  padding: 0 1.2em .2em 0;	
  margin: 0;
  text-align: center;	     
border-left: none;
border-right: none;
  }

.pn_guest ul li a:hover {
  border-top: 2px solid #FC0;
  padding-bottom: 2px;
  color: #FFF;
  background-color: transparent;
  }

.pn_guest a:active {
  color: #FC0;
  background: #300;
  }

.pn_guest li#active a {
  background-color: #C60;
  border: 1px solid #C60;
  color: #fff;
  }

.pn_movements {
  text-align:right;
	margin-right:1em;
	margin-bottom:2.4em;	
  font-style:italic;
	font-size:85%;
	clear:both;
  }

.pn_movements_left {
  text-align:left;
	margin-left:1em;
	margin-bottom:2.4em;
  font-style:italic;
	font-size:85%;
	clear:both;
  }
	
.pn_facts {
  margin:.4em 0 1.2em 1.6em;
	font-size:90%;
	border-top: 1px dotted #fc0;
	border-left: 1px solid #fc0;	
	padding:.4em 0 0 1em;
  }

.pn_signature { 
	font-family: papyrus, pristina, "Lucinda Sans", verdana, arial, sans-serif;
	letter-spacing: .1em;
  font-size: 140%;
	font-weight: 500;
  font-style: italic;
	margin: 1.2em 0 1.2em 4em;
  }	

	
.pn_scored4 {
  margin: 2em 2em;
	font-style: italic;
	font-size: 85%;
  }
	



  
@media print  {                                       /*  PROGRAM NOTES  ===================================== */

.pn_title {   /* use as a class on an h2 */
  font-style:normal;
	margin: 3em 0 0 -.1em; 
	border-top: 1px solid #CCC;
  } 
	
/*
.pn_composer {
  font-family: "lucinda console", verdana, sans-serif;
	font-size: 110%;
	margin-top: -.6em;	 
  }	
*/
	
.pn_guest {
  text-decoration: none;
	border: none;
  }

/*
.pn_guest ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  display: inline;
  }

.pn_guest ul li {
  display: block;
  float: left;
  text-align: center;
  margin: 0; 
  }
*/	

.pn_guest ul li a {
  text-decoration: none;
	border: none;
	color: #000;
	background-color: #fff;
  }

.pn_facts {
	border-top: 1px dashed #CCC;
	border-left: 1px solid #CCC;	
  }

	
}





		








	
  
  

/*  ====================================  PRINTING  =======================   */
  
  
@media print  {

body, #pagewrap, #main, .cell, .cell000 {
  color: #000;
  background: #FFF; 
		                            /*   background: url(/orch/img/sekso_printbg.gif) no-repeat right top; */    
	border: 0;
  float: none !important;
  width: auto !important;
  margin: 0 !important;  
  padding: 0 !important;
	display: inline;
	text-align: left;
  }

a:link, a:visited {
  border-bottom: 1px dotted #999;
	color: #000;
  background-color: #FFF;
	}

#header {
  display: none;
  }	

#topnav {
  display: none;
  }	
	
#printheader {
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: left;
  float: left;
  color: #000;
  background-color: #FFF;
	               /*     background: url(/orch/img/sekso_printbg.gif) no-repeat right top;            --------  @~@~ ---------- */
  margin-bottom: 2em;   
  font-family: papyrus, "times new roman", verdana, serif;
  display: inline;
  clear: both;
  }

#printheader a:link, #printheader a:visited {
  color: #000;
  background-color: #FFF;
	text-decoration: none;
  }	
	
#sidenav {
  font-size: 80%;
color: #000;
background-color: #FFF;
	font-family: verdana, arial, sans-serif;
  float: right;
	width: 130px;
	display: block;	
	border: 1px solid #666;
	padding: 1em;  
	margin: 0 0 1em 1em;
  }

#sidenav_header {
  width:100%;
  font-size:110%;
	text-align:center;
  font-weight:bold;	
	padding-top:.4em;
	padding-bottom:.3em;
	border-bottom: 1px solid #000;
  }



#sidenav ul li a:link, #sidenav ul li a:visited {
  color: #000;
  background-color: #FFF;
	}	



	
/*  ============  FEATURE  ============ */											 
.feature { 
  border: 0;
	border-top: 1px solid #666; 
	color: #000;
	background-color: #FFF;
	text-align: left;
	margin: 0 0 1.5em 0; 
  }
	
.feature_top_odd {   
  width: 100%;
	color: #000;
	background-color: #CCC;		
  font-family: "times new roman", serif;
  font-size: 110%;	
	border-bottom: 1px dashed #CCC;	
	text-align: left;
  font-weight: bold;	
	padding-bottom: .2em;
  }
	
.feature_top_even { 
  width: 100%;
	color: #000;
	background-color: #CCC;	
  font-family: "times new roman", serif;	
  font-size: 110%;	
	border-bottom: 1px dashed #CCC;
	text-align: right;
  font-weight: bold;	
  padding-bottom: .2em;
  }

	
/* feature images standard 80x100px */
.feature_top_odd_img {   
  float: left;
	padding: 0 1em;
  } 
	
.feature_top_even_img {
  float: right;
	margin-left: 1em;
  } 
			
.feature_top_title { 
  font-family: papyrus, Verdana, arial, sans-serif;
	font-size: 200%;
	}
	
.feature_bottom { 
  text-align: left;
	font-weight: 400;
  font-size: 95%;
	color: #000;
	background-color: #FFF;
	padding: 1em;
	margin-bottom: 1em;
  }

.feature_dropcap {
  float: left; 
  color: #000;
	background-color: #FFF;
	font-family: papyrus, georgia, verdana, arial, sans-serif;
  font-size: 3.5em;
  padding: 0 .4em .1em 0;
  }		

		
#footer {
	width: 100%;
  border-top: 1px solid #000; 
	border-bottom: 1px solid #000;
  text-align: left;
  float: left;	
	padding-left: 1em;
	padding-bottom: 0.4em;
  color: #000;
  background-color: #FFF;
	margin-top: 2em;
	font-family: arial, sans-serif;
	font-size: 80%;
	display:inline;
  clear: both;
  
  }	


.h1, .h2, .h3, .h4, .h5, .h6 {
  page-break-after: avoid;
	}

#pagetitle {
	text-align:left;
	padding:1em 0 0 1em;	
  }
	 
hr { 
  height:0px; 
  border:0px; 
  border-top:1px solid #000;
  }	 

.dropcap {
  float: left; 
  color: #000;
	background-color: #FFF;
	font-family: papyrus, georgia, verdana, arial, sans-serif;
  font-size: 2.5em;
  padding: 0 .2em 0 0; 
  }		
	
.noprint  {
  display: none;
  }
	  
.ada {
  display: none;
  }	

.nametag {
    display: none; 
		}	
	                            	
.printurls a:link:after, .printurls a:visited:after {
   font-size: 80%;
   content: " (" attr(href) ") ";
   }

#bread {
   display:none;
	 }

	
}



/* mobile styles */
@media handheld {

	html, body {
		font: 12px/15px sans-serif;
		background: #fff;
		padding: 3px;
		color: #000;
		margin: 0;
		}
	#sidebar, #footer {
		display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	#content img { 
		max-width: 250px;
		}
	.center {
		width: 100% !important;
		text-align: center;
		}
	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
		}
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
		}

}
/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
		}

}