/**************** Generic Selectors ****************/ 

html, body { 
	font-family: times, serif;
	color: #000000; 
	margin: 0px;
	padding: 0px;
	background-color: #CED6DE;
	}
	

table { 
	margin: 0px;
	padding: 0px;
	}

	
h1 {				/** Used only for Search Engines **/ 
	height: 1px;
	width: 1px;
	display: none;
	}

h3 {				/** page headings **/ 
	font-size: 1.4em;
	color: #336699;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}	

h4 {				/** choral voicing headings **/ 
	font-size: 1.2em;
	color: #000080;
	letter-spacing: 0.05em;
	}	

h5 {				/** headings on Difficulty and Theme pages**/ 
	font-size: 1.2em;
	color: #000080;
	letter-spacing: 0.05em;
	padding: 0px 0px 5px 0px; /*top right bottom left*/ 
	margin: 10px 0px 5px 0px; /*top right bottom left*/ 
	}	

dl { 				/**choral work by theme page**/ 
	}
	
dd {
	padding-left: 10px;
	line-height: 1.3em;
	}

dt {
	font-weight: bold;
	margin-left: 20px;
	}
	
	
li { 				/** For main navigation **/ 
	list-style-type: none;
	text-align: left;
	padding: 0px 0px 5px 0px; /*top right bottom left*/ 
	} 
	
ul {				/**Not used yet**/ 
	}

/**************** Pseudo classes ****************/ 
	
a:link { 
	color: #11148D; 	
} 

a:visited { 
	color: #11148D; 
	padding-bottom: 0px; 
} 

a:hover { 
	color: #880000; 
} 
	
a:active { 
	color: #880000; 
} 

/************************* WORKS ID's *************************/ 

	h2 {				/** Individual Work Title **/
		font-size: 1.3em;
		letter-spacing: 0.03em;}	
		
	#poet { 			
		font-size: 0.7em;
		letter-spacing: 0em;
		font-weight: bold;}
	
	#instrumentation { 			
		font-size: 0.7em;
		letter-spacing: 0em;
		font-weight: bold;}
		
	#info { 			
		color: #000000;
		padding: 15px 0px 10px 0px;
		border-bottom: 4px double #CED6DE; }
		
	#info_catalog { 
		display: block;
		letter-spacing: 0.03em;
		font-weight: bold;
		padding: 0px 0px 0px 20px; }
		
	#info_awards { 		/** for awards and commission info **/	
		display: block;
		font-size: 0.7em;
		font-weight: bold;
		color: #880000;
		letter-spacing: 0.05em;
		padding: 10px 0px 0px 20px;
		text-transform: uppercase; }
	
	#info_awards a { 
		font-weight: normal;
		text-decoration: none; }
		
	#info_awards a:hover { 
		text-decoration: underline; 
		color: #11148D }
	
	#info_reviews { 		
		display: block;
		width: 80%;
		font-size: 0.9em;
		font-style: italic;
		padding: 10px 0px 0px 20px; }
	
	#recording {
		padding: 10px 0px;
		border-bottom: 4px double #CED6DE; }	
		
	#recording_performers {
		display: block;
		padding-top: 5px;
		font-size: 0.8em; }
			
	#recording_availability {
		display: block; 
		min-height: 75px;
		background-image: url(images/cd_cover_medium.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		font-family: sans-serif;
		font-size: 0.7em;
		font-weight: bold;
		padding: 20px 0px 0px 90px; }	
	
	#poem { 			
		font-size: 0.9em;
		padding: 10px 0px;
		border-bottom: 4px double #CED6DE; }	
	
	#poem_title { 			
		font-weight: bold; 
		text-transform: uppercase; }	
		
	#poem_author { 	
		display: block;
		font-style: italic;
		padding: 5px 0px 0px 0px;}	
		
	#poem_credit { 			
		font-size: 0.7em;
		font-family: sans-serif;
		padding: 10px 0px; }	
		
	#score { 		
		padding: 10px 0px;
		border-bottom: 4px double #CED6DE; }
		
	#score_title {
		display: block;
		padding: 10px 0px;
		font-weight: bold; }	
				
	#score_directions {
		font-family: sans-serif;
		font-size: 0.8em;
		padding: 10px 0px; }	
			
	#rental {
		font-family: sans-serif;
		font-size: 0.8em;
		font-style: italic;
		text-align: right; }	
				
	#choir_type { 		/** for chorus by difficulty info, and four seasons on theme page **/
		font-weight: bold;
		color: #880000;
		letter-spacing: 0.05em;
		text-transform: uppercase; }
	
	#smalltext { 			
		font-size: 0.8em;
		padding: 0px 0px 0px 0px; /*top right bottom left*/ 
		margin: 0px 0px 0px 10px;} /*top right bottom left*/ 

	#difficulty { 			/** for chorus by difficulty sub-headings **/	
		display: block;
		font-weight: bold;
		letter-spacing: 0.05em;
		margin: 15px 0px 0px 0px; }
		

		
/************************* PAGE ID's *************************/ 

#header { 
	position: relative;
	height: 116px;
	width: 100%;
	margin: 0px 0px 0px 0px; /*top right bottom left*/ 
	padding: 0px 0px 0px 0px; /*top right bottom left*/ 
	background-image: url(images/top.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#name { 
	height: 116px;
	margin: 0px 0px 0px 0px; /*top right bottom left*/ 
	padding: 0px 0px 0px 10px; /*top right bottom left*/ 
	border-bottom: 2px solid white;
	background-image: url(images/bkgd.jpg);
	background-position: 0 0;
	background-repeat: repeat;
}

#footer {
	position: relative;
}
       
#footer a {
	display: inline; 
	letter-spacing: 0.11em;
	font: bold 1em times, serif;
	padding: 2px 3px 2px 3px; /*top right bottom left*/ 
	margin: 0 0 2px; 
	border: 0px; 
	width: 15em; 
	text-decoration: none;
	color: #336699;
}
	
#footer a:hover {
	color: #000080;
	background-color: #E8EBF0;
	} 

#footer a:active {
	color: #880000;
	} 
	
#credit {
	font-family: sans-serif;
}
	
#credit a {
	text-decoration: none;
	color: #000000;
}
	
#credit a:hover {
	color: #000000;
	text-decoration: underline;
	} 

#credit a:active {
	color: #000080;
	} 
	

/************************* CONTENT ID's *************************/ 

#difficulty-level {
	position: absolute;
	top: 0px;
	right: 3px;
	width: 120px;
	font-size: 8pt;
	font-family: sans-serif;
	background-color: #DBDBDB;
	margin: 3px; /*top right bottom left*/ 
	padding: 5px; /*top right bottom left*/ 
}

#content {
	position: relative;	
	min-height: 650px;
	color: #000000; 
	font-family: times, serif;
	padding: 15px;
	margin: 0px 0px 0px 175px; /*top right bottom left*/ 
	border-left: 6px double #336699; 
	border-bottom: 2px solid #336699;
	background-color: #FFEEDD;
	}
		
#content h3 { 				/** Used under each page title**/ 
	margin-bottom: 0.05em;
	}
  	
#choral-nav {
	padding: 0px 0px 0px 0px; /*top right bottom left*/ 
	margin: 2px 2px 2px 5px; 
}
#choral-nav a:link {
	display: inline; 
	letter-spacing: 0.03em;
	text-align: left; 
	font-weight: bold;
	padding: 1px 9px 1px 9px; /*top right bottom left*/ 
	border: 1px solid #FFFFFF;
	background-color: #336699;
	text-decoration: none;
	color: #F7CAB1;
}
	
#choral-nav a:visited {
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #F7CAB1;
	width: 9em; 
	padding: 1px 9px 1px 9px; /*top right bottom left*/ 
	background-color: #336699;
	text-decoration: none;
	border: 1px solid #FFFFFF;
} 	

#choral-nav a:hover {
	color: #F7CAB1;
	padding: 1px 9px 1px 9px; /*top right bottom left*/ 
	background-color: #64819C; 
	border: 1px solid #FFFFFF;
} 	

#choral-nav a:active {
	color: #F0A074;
	background-color: #FFFFF0;
} 

	
/************************* LEFT-HAND SIDE-BAR *************************/ 
#navlist-page {
	position: absolute;
	top: 118px;
	left: 3px;
	width: 198px;
	margin: 0px 0px 0px 10px; /*top right bottom left*/ 
	padding: 20px 0px 20px 0px; /*top right bottom left*/ 
}
       
#navlist-page a {
	display: block; 
	text-align: left; 
	letter-spacing: 0.15em;
	font: bold 1em times, serif;
	border: 0px; 
	width: 15em; 
	text-decoration: none;
	color: #336699;
}
	
#navlist-page a:hover {
	color: #000080;
	background-color: #E8EBF0;
	} 

#navlist-page a:active {
	color: #880000;
	} 
	
#works {
	padding: 0px 0px 0px 15px; /*top right bottom left*/ 
	margin: 2px 2px 4px 10px; 
}
#works a:link {
	letter-spacing: 0.03em;
	font-weight: normal;
	text-align: left; 
	padding: 1px 0px 0px 10px; /*top right bottom left*/ 
	margin: 4px 0px 4px 10px; /*top right bottom left*/ 
	border: 1px solid #64819C;
	background-color: #B2C0CE; 
	text-decoration: none;
	color: #000080;
	display: block; 
}
	
#works a:visited {
	letter-spacing: 0.03em;
	font-weight: normal;
	color: #000080;
	width: 9em; 
	padding: 1px 0px 0px 10px; /*top right bottom left*/ 
	margin: 4px 0px 4px 10px; /*top right bottom left*/ 
	background-color: #B2C0CE;
	border: 1px solid #64819C;
} 	

#works a:hover {
	color: #000080;
	padding: 1px 0px 0px 10px; /*top right bottom left*/ 
	margin: 4px 0px 4px 10px; /*top right bottom left*/ 
	background-color: #E8EBF0;
	border: 1px solid #FFFFFF;
} 	

#works a:active {
	color: #B2C0CE;
	background-color: #336699;
	border: 1px solid #FFFFFF;
} 

#works-list {
	padding-left: 20px;
	line-height: 2em;
} 

	
#order {	
	position: relative;
	top: 10px;
	left: 0px;
	padding: 4px;
	background: none;
	display: block;
	width: 130px;
}

#order a {
	color: #333399;
	background-color: #FFEEDD;
	text-align: center; 
	font-family: sans-serif;
	font-size: 1em;
	letter-spacing: 0em;
	font-weight: normal;
	text-decoration: none;
	padding: 4px;
	border: 3px double #336699; 
	display: block;
	width: 130px;
}
		
#order a:hover {
	color: #000066; 
	background-color: #CCCCCC;
}

   
#perf_report {	
	position: relative;
	top: 20px;
	left: 0px;
	padding: 4px;
	background: none;
	display: block;
	width: 130px;
}

#perf_report a {
	background-color: #FFEEDD;
	color: #333399;
	text-align: center; 
	font-family: sans-serif;
	font-size: 1em;
	letter-spacing: 0em;
	font-weight: normal;
	text-decoration: none;
	padding: 4px;
	border: 3px double #336699; 
	display: block;
	width: 130px;
}
		
#perf_report a:hover {
	color: #000066; 
	background-color: #CCCCCC;
}
   
#ad {	
	position: relative;
	top: 30px;
	left: 0px;
	padding: 4px;
	background: none;
	display: block;
	width: 130px;
}

#ad a {
	background-color: #FFFFFF;
	color: #880000;
	text-align: center; 
	font-family: sans-serif;
	font-size: 0.7em;
	letter-spacing: 0em;
	font-weight: normal;
	text-decoration: none;
	padding: 4px;
	border: 3px double #336699; 
	display: block;
	width: 130px;
}
		
#ad a:hover {
	color: #000066; 
	background-color: #CCCCCC;
} 

#pay_invoice_button {	
	position: relative;
	top: 38px;
	left: 15px;
	padding: 4px;
	background: none;
	width: 110px;
	height: 23px;
}

#pay_invoice_button a {	
	text-decoration: none;
	width: 110px;
	height: 23px;
}
	
#pay_invoice_button a:hover {
	border: 1px black solid;
	width: 110px;
	height: 23px;
}