/* Cantabile 1.07*/
/* Henry Tickner 16 May 2011*/

html,body {
	margin:0;
	padding:0;
	}
body {
	background-color: #FEF1AE;
	font-family: Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
	font-size: 90%;
	color: black;
	}
h1 {
	top: 1px;
	text-align: left;
	font-size: 1%;
	color: #FEF1AE;
	}
h2 {
	top: 0;
	margin: 0;
	color: #8D9A94;
	font-weight: bolder;
	font-size: 165%;
	text-align: left;
	height: 50px;
	padding: 10px 0 0 66px;
	background: url(../pics/H2TrebleClef.gif) 0 0 no-repeat;
	}
h3 {
	top: 0;
	margin: 0;
	color: #8D9A94;
	font-weight: normal;
	font-size: 165%;
	text-align: left;
	height: 50px;
	padding: 10px 0 0 77px;
	background: url(../pics/H3BassClef.gif) 0 0 no-repeat;
	}
div#Container {
	width:792px;
	margin:0 auto;
	background-color: white;
	background: url(../pics/CAsidebarBack.gif) left repeat-y;
	}
div#PageHeader {
	position:relative;
	width: 792px;
	height: 254px;
	background: url(../pics/CAheader792x254.gif) top no-repeat;
	}
div#Content {
	float: right;
	width: 594px;
	background: url(../pics/ContentStave.gif) 0 15px repeat-x;
	background-color: #FFFFFF;
	}
#Content p {
	margin: 0 33px 1em 66px;
	line-height: 140%;
	}

#Content p.noscript {
	/*border: solid #8d9a94 1px;*/
	width: 462px;
/*	text-align: justify;*/
	background-color: #fef1ae;
	text-decoration: none;
	padding: 0 1em;
	}

#Content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 140%;
	}
#Content li {
	background: url(../pics/BulletQuaver.gif) no-repeat 44px 0;
	padding: 0 33px 1.25em 66px;
	}
#Content li.continued {
	background: none;
	/*padding: 0 33px 1.25em 66px;*/
	}
div#Sidebar {
	position: fixed;
	top: 242px;
	width: 132px;
	height: 100px;
	}
.sidebarXul{
	background: url(../pics/CAsidebarTop.gif) 0 0 no-repeat;
	padding: 0 0 0 66px;
	margin: 0;
	height: 27px;
	color: white;
	}
.sidebarXul2{
	padding: 0 0 0 66px;
	margin: 0;
	height: 17px;
	background-color: white;
	}
img.social {
	border: 0;
	opacity: .7;
}
img.social:hover {
	border: 0;
	opacity: 1;
}
a.social:link {
	text-decoration: none !important;
	background-color: white !important;
	border: none !important;
}
a.social:visited {
	text-decoration: none !important;
	background-color: white !important;
	border: none !important;
}
a.social:hover {
	text-decoration: none !important;
	background-color: white !important;
	border: none !important;
}
a.social:active {
	text-decoration: none !important;
	background-color: white !important;
	border: none !important;
}
#nav {
	background-color: white;
	background: url(../pics/CAsidebarBottom.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 28px 0;
	list-style: none;
	font-size: 90%;
	color: white;
 	width: 124px;
	}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
	}
#nav li {
	margin: 0;
	}
#nav li a {
	display: block;
	padding: 5px 0 5px 5px;
	background-color: #FBC4AF;
	color: #fff;
	text-decoration: none;
 	width: 100%;
	border: 2px solid white;
	border-top: 0;
	border-right: 0;
	border-left: 66px solid white;
	}
#nav a:hover {
	background-color: #F7A7B0;
	}
#nav a:active, #nav a.this {
	color: black;
	}
#nav a.level2{
/*	text-align: center;*/
text-indent: 1em;
}
div#PageFooter {
	clear: both;
	width: 792px;
	height: 110px;
	background: #ffffff url(../pics/CAfooter792x110.gif) top no-repeat;
	}
#PageFooter p {
	padding: 44px 0 0 264px;
   	font-size: 80%;
	color: #8D9A94;
	}
#PageFooter a {
   	text-decoration: none;
	color: #8D9A94;
   	border-top: 1px dotted #FBC4AF;
   	border-bottom: 1px dotted #FBC4AF;
	}
#PageFooter a:hover {
	border-top: 1px solid #F7A7B0;
	border-bottom: 1px solid #F7A7B0;
	}
#PageFooter a:active {
	border-top: 1px solid #F7A7B0;
	border-bottom: 1px solid #F7A7B0;
	color: #000000;
	}

a:link {
	color: #8D9A94;
	text-decoration: none;
	border-bottom: 1px dotted #8D9A94;
	}
a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #8D9A94;
	}
a:hover {
	color: #8D9A94;
	text-decoration: none;
	border-bottom: 1px solid #8D9A94;
	}
a:active {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	}
a.external
{
 background: url(../pics/link_icon.gif) center right no-repeat;
 padding-right: 15px;
}
a.PDF
{
 background: url(../pics/link_iconPDF.gif) center right no-repeat;
 padding-right: 15px;
}

.date {
	padding-right: 15px;
	background: url(../pics/BulletQuaverSmall.gif) right 2px no-repeat;
	}

#listacross {
	margin: 0 33px 1em 66px;
	line-height: 140%;
	}
#listacross ul {
	margin: 0;
	/*background: url(../pics/BulletQuaver.gif) no-repeat 44px 0;*/
		padding: 0;
	}
#listacross li {
	margin: 0;
	display: inline;
	background: url(../pics/BulletCrotchetRest.gif) no-repeat 0;
	padding: 0 0 0 15px;
	}
#listacross ul > li:first-child {
	background: none;
	padding: 0;
	}
table.repertoire {
	margin: 0 1em 1em 66px;
	border-collapse: collapse;
	border: 0;
	width: 462px;
}
.repertoire tr:hover {
	background-color: #FEF1AE;
	/*color: #333*/
}
.repertoire td {
	text-align: left;
	vertical-align: top;
}
.repertoire td:first-child {
	text-align: right;
	padding-right: 1em;
}