body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	text-align: center; 
	color: #555; 
	font: 100% Arial, Helvetica, Verdana, sans-serif; 
	background: #fff; 
	}

#logo img, #topnav img, #cdroll img {
	border: 0;
	display: block;
	}

img {
	border: 0;
	display: inline;
	}

table {
	border-collapse: collapse;
	}


/* Wrapper */

#wrapper {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 775px;
	text-align: left;
	background: #fff;
	font-size: 75%;
	}
	

/* Header */

#header {
	height: 70px;
	color: #555;
	background: #fff;  /*#dbdad6; #8a0303; #a50133;*/
	margin: 0 auto;
	padding: 0;
	border: 0;
	}

#logo { 
	position: relative; 
	float: left;
	top: 5px; 
	background: transparent;
	height: 60px; 
	width: 70px; 
	padding: 0; 
	margin: 0; 
	}

#topnav { 
	position: relative;
	float: right; 
	top: 43px; 
	left: 0;
	background: #fff;
	height: 23px; 
	width: 500px; 
	padding: 0; 
	margin: 0; 
	}

#topnav ul#menu	{
	height: 23px;
	width: 500px;
	background: transparent url(../images/nav0.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

#topnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 23px;
	display: block;
	}

#topnav ul#menu li a {
	text-indent: -1999px;
	text-decoration: none;
	overflow: hidden;
	}
	
#aboutmenu {left: 0; width: 83px;}
#concertmenu {left: 83px; width: 82px;}
#recmenu {left: 166px; width: 83px;}
#prommenu {left: 250px; width: 82px;}
#workmenu {left: 333px; width: 82px;}
#friendmenu {left: 416px; width: 83px;}

#aboutmenu a:hover {background: transparent url(../images/nav0.gif) 0 -23px no-repeat;}
#concertmenu a:hover {background: transparent url(../images/nav0.gif) -83px -23px no-repeat;}
#recmenu a:hover {background: transparent url(../images/nav0.gif) -166px -23px no-repeat;}
#prommenu a:hover {background: transparent url(../images/nav0.gif) -250px -23px no-repeat;}
#workmenu a:hover {background: transparent url(../images/nav0.gif) -333px -23px no-repeat;}
#friendmenu a:hover {background: transparent url(../images/nav0.gif) -416px -23px no-repeat;}

#subnav { 
	position: relative;
	float: left; 
	top: 48px; 
	background: #fff; /*#eae8e3;*/ 
	height: 20px; 
	width: 175px;
	padding: 0; 
	margin: 0; 
	}

#subnav ul {
	margin: 0;
	padding: 0;
	font-size: 80%;
	display: inline;
	} 

#subnav ul li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: inline;
	}
	
#header p {
	font-size: 12px;
	text-align: right;
	padding: 2px 10px 0 10px;
	margin: 0;
	line-height: normal;
	}

#subhead {
	height: 30px;
	color: #ffe;
	background: #fff; /*#be0e2e;*/
	margin: 0 auto;
	padding: 0;
	border: 0;
	}

	
	/* Inner layout */

#content {
	margin: 0;
	padding: 0;
	}
	
#main { 
	width: 560px; 
	float: left; 
	margin: 0;
	padding: 0; 
	}

#pic { 
	width: 560px; 
	float: left; 
	margin: 0;
	padding: 0; 
	}

#concerts {
	float: left;
	width: 275px;
	border: 1px solid #b5b6b6;
	margin: 10px 0 10px 0;
	background: #fff;
	padding: 0 0 5px 0;
/* The ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 273px;
	}
/* Be nice to Opera 5 rule */
body>#concerts {width: 275px;}

#news {
	float: right;
	width: 275px;
	border: 1px solid #b5b6b6;
	background: #fff;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
/* The ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 273px;
	}
/* Be nice to Opera 5 rule */
body>#news {width: 275px;}

#title {
	width: 273px;
	border-bottom: 1px solid #b5b6b6;
	margin: 0 0 8px 0;
	background: #eae8e3;
	padding: 0;
	}

#strap {
	position: relative;
	top: 13px;
	width: 520px;
	border-top: 1px solid #b5b6b6;
	border-bottom: 1px solid #b5b6b6;
	background: #eae8e3;
	clear: both;
	}

#bigbox {
	float: left;
	width: 560px;
	border: 1px solid #b5b6b6;
	margin: 10px 0 10px 0;
	background: #fff;
	padding: 0 0 5px 0;
/* The ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 558px;
	}
/* Be nice to Opera 5 rule */
body>#concerts {width: 560px;}

#pullquote {
	margin: 10px 0 4px 10px; 
	padding: 0 0 0 20px; 
	font: 130% Georgia, "Times New Roman", Times, serif; 
	line-height: 1.5em; 
	background: url(../images/66.gif) no-repeat left top;
	}

.pullout {
	padding: 5px 20px 0 20px; 
	float: right; 
	margin-top: -30px; 
	background: url(../images/99.gif) no-repeat right bottom;
	}

#quote {
	margin: 20px 30px 20px 0; 
	padding: 10px 10px 0 0;
	line-height: 1.5em; 
	border-top: 1px solid #b5b6b6;
	border-bottom: 1px solid #b5b6b6;
	}

#sidebar { 
	background-color: #fff; 
	width: 200px; 
	float: right; 
	margin: 0; 
	padding: 0;
	}

#sidebox {
	width: 200px;
	border: 1px solid #b5b6b6;
	margin: 10px 0 20px 0;
	background: #fff;
	padding: 0 0 5px 0;
/* The ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 198px;
	}
/* Be nice to Opera 5 rule */
body>#concerts {width: 200px;}}

#sidetext {
	margin: 0; 
	padding: 0;
	}

#sidepic {
	width: 200px;
	height: 150px;
	background-color: #fff; /*#eae8e3;*/
	padding: 0;
	}

#recs1 {
	width: 200px;
	background-color: #fff;
	margin-bottom: 1px;
	padding: 0;
	}

#recs1 ul#cdmenu1 {
	height: 70px;
	width: 200px;
	background: transparent url(../images/recs1.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

#recs1 ul#cdmenu1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#cdmenu1 li, ul#cdmenu1 a {
	height: 70px;
	display: block;
	}

#recs1 ul#cdmenu1 li a {
	text-indent: -1999px;
	text-decoration: none;
	overflow: hidden;
	}

#recs2 {
	width: 200px;
	background-color: #fff;
	padding: 0;
	}

#recs2 ul#cdmenu2 {
	height: 70px;
	width: 200px;
	background: transparent url(../images/recs2.jpg) top left no-repeat;
	margin-bottom: 1px;
	padding: 0;
	position: relative;
	}

#recs2 ul#cdmenu2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#cdmenu2 li, ul#cdmenu2 a {
	height: 70px;
	display: block;
	}

#recs2 ul#cdmenu2 li a {
	text-indent: -1999px;
	text-decoration: none;
	overflow: hidden;
	}

#recs3 {
	width: 200px;
	background-color: #fff;
	padding: 0;
	}

#recs3 ul#cdmenu3 {
	height: 70px;
	width: 200px;
	background: transparent url(../images/recs3.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

#recs3 ul#cdmenu3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#cdmenu3 li, ul#cdmenu3 a {
	height: 70px;
	display: block;
	}

#recs3 ul#cdmenu3 li a {
	text-indent: -1999px;
	text-decoration: none;
	overflow: hidden;
	}
	
#byrd {left: 0; width: 67px;}
#cornysh {left: 67px; width: 66px;}
#fayrfax {left: 134px; width: 65px;}
#lassus {left: 0; width: 67px;}
#ludford {left: 67px; width: 66px;}
#merbecke {left: 134px; width: 65px;}
#palestrina {left: 0; width: 67px;}
#tallis {left: 67px; width: 66px;}
#victoria {left: 134px; width: 65px;}


#byrd a:hover {background: transparent url(../images/recs1.jpg) 0 -70px no-repeat;}
#cornysh a:hover {background: transparent url(../images/recs1.jpg) -67px -70px no-repeat;}
#fayrfax a:hover {background: transparent url(../images/recs1.jpg) -134px -70px no-repeat;}
#lassus a:hover {background: transparent url(../images/recs2.jpg) 0 -70px no-repeat;}
#ludford a:hover {background: transparent url(../images/recs2.jpg) -67px -70px no-repeat;}
#merbecke a:hover {background: transparent url(../images/recs2.jpg) -134px -70px no-repeat;}
#palestrina a:hover {background: transparent url(../images/recs3.jpg) 0 -70px no-repeat;}
#tallis a:hover {background: transparent url(../images/recs3.jpg) -67px -70px no-repeat;}
#victoria a:hover {background: transparent url(../images/recs3.jpg) -134px -70px no-repeat;}

#cdroll { 
	display: block;
	background: #fff; 
	width: 200px;
	height: 200px;
	}

#cdroll a {
	display: block;
	width: 200px;
	height: 200px;
	background: url(../images/cd_byrd13.jpg) 0 0 no-repeat;
	}
#cdroll a:hover {
	background-position: 0 -200px;
	}

	
	/* Bottom layout */

#footer { 
	clear: both;
	height: 60px;
	margin: 0; 
	padding: 0 10px; 
	text-align: left; 
	background-color: #ddd; 
	border-top: 0 solid #f9f9f9;
	}
	
#footer p {
	text-align: left;
	margin: 0;
	padding: 10px 0;
	font-size: 80%;
	background-color: transparent;
	color: #999;
	}

#navsmall {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 80%;
	background-color: transparent;
	}

#navsmall ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 

#navsmall ul li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: inline;
	}


	/* Default links 	*/

a:link, a:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #be0e2e;
	background: transparent; 
	}

a:hover {
	text-decoration: underline;
	color: #be0e2e; /*#e74d5d*/
	background: transparent; 
	}

a:active {
	text-decoration: none;
	color: #be0e2e;
	background: transparent;  
	}

	
	/* Typography */

p {
	margin: 0 10px; /*5px 10px 5px 10px;*/
	padding: 5px 0;
	line-height: 1.4em;
	}

.topcopy {
	margin: 10px 0;
	padding: 0;
	}

.midcopy {
	margin: 0;
	padding: 5px 0;
	}

.bodycopy {
	margin: 10px 10px 0 10px;
	padding: 0;
	}

.firstcopy {
	margin: 10px 30px 10px 0;
	padding: 0;
	}

.boxcopy {
	margin: 0 10px;
	padding: 0;
	}

.tabcopy {
	margin: 0 0 10px 10px;
	padding: 0;
	}

.strapcopy {
	margin: 0 10px;
	padding: 10px 0px;
	}

.attrib {
	margin: 0 0 10px 10px;
	padding: 0;
	font-size: 85%;
	}
	
.sidecopy1 {
	margin: 5px 0;
	}
	
.sidecopy2 {
	margin: 0 10px;
	padding: 10px;
	}

.lastcopy {
	margin: 0 10px;
	padding: 0;
	}

.boxline {
	margin: 0 10px;
	padding: 0;
	}

.boxline2 {
	margin: 5px 0 10px 0;
	padding: 0;
	}

.tablehead {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 130%;
	color: #808183;
	font-weight: bold;
	}

.revline {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #808183;
	}

.small {
	margin: 0;
	padding: 0;
	font-size: 85%;
	}

.sidesmall {
	margin: 0 10px 0 0;
	padding: 5px 0;
	font-size: 85%;
	}
	
.indent {
	margin: 5px 10px 5px 9px;
	padding: 0;
	text-indent: -9px;
	font-size: 90%;
	line-height: 1.1em;
	}

h2, h3, h4, h5	{
	margin: 25px 0 0 0;
	padding: 0;
	}

h2	{
	font-size: large;
	}

ul	{
	margin: 0; /* 0 0 25px 0 */
	}

li	{
	line-height: 160%; /* 1.4em */
	}

/*#sidebar ul 	{
	padding-left: 10px;
	padding-top: 0;
	}

#sidebar ul li {
	list-style: disc inside;
	vertical-align: top;
	padding: 0;
	margin: 0;
	}*/

ul.workshops {
	list-style: disc url(../images/arrow.gif) inside;
	padding: 0 0 0 2em;
	margin: 0;
	}

ul.sidelist {
	list-style: disc url(../images/arrow.gif) inside;
	padding: 0;
	margin: 0 10px 0 23px;
	text-indent: -13px;
	}

li.sidelist {
	padding: 0;
	margin: 0 0 10px 0;
	line-height: normal;
	}

input.button1 { 
	cursor: pointer;
	color: #fff; 
	background: #48a842;
	border: solid 1px #0aa245;
	margin: 2px; /* expression('3px'); (IE hack) */
	}

input.button2 { 
	cursor: pointer;
	color: #fff; 
	background: #be2e0e;
	border: solid 1px #c4122f;
	margin: 2px 2px 2px 0; /* expression('3px'); (IE hack) */
	}
	
input.input {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	border: 1px solid #b5b6b6;
	padding-bottom: 1px;
	margin: 3px 3px 3px 1px;
	}
	
textarea.input {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	border: 1px solid #b5b6b6;
	padding-bottom: 1px;
	margin: 3px 3px 3px 1px;
	}