body {
		font-size: 13px;
		line-height: 16px;
		font-family: 'Cabin', sans-serif;
		background-color: white;
		margin:0px 0px 5px 5px;
		color:#1e1e1e;		
		}
#logo
{
		float: left;
		margin-left:5px;
		margin-top:5px;
		height:55px;
		width:428px;
		border:0px solid #1e1e1e;
		clear:both; 

		}

#frame {
		text-align: left;
		margin-top: 5px;
		margin-right: auto;
		margin-left: auto;
		padding: 0px;
		width: 1000px;	
		border:0px solid #1e1e1e;
		clear:both; 

		}

#splashleft {
		float: right;
		margin-right:20px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/learn-rev.gif) no-repeat;		
		border:0px solid #1e1e1e;
		}
#splashleft a {display: block; text-decoration: none;}
#splashleft a:hover {visibility: visible; text-decoration: none;}
#splashleft a:hover img {visibility: hidden; text-decoration: none;}


#splashcenter {
		float: right;
		margin-right:20px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/looklisten-rev.gif) no-repeat;		
		border:0px solid #1e1e1e;
		}
#splashcenter a {display: block; text-decoration: none;}
#splashcenter a:hover {visibility: visible; text-decoration: none;}
#splashcenter a:hover img {visibility: hidden; text-decoration: none;}
	
#splashright {
		float: right;
		margin-right:25px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/acquire-rev.gif) no-repeat;				
		border:0px solid #1e1e1e;
		}
#splashright a {display: block; text-decoration: none;}
#splashright a:hover {visibility: visible; text-decoration: none;}
#splashright a:hover img {visibility: hidden; text-decoration: none;}

#splashnb {
		float: right;
		margin-right:5px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/notebook-rev.gif) no-repeat;		
		border:0px solid #1e1e1e;
		clear:both; 
		
		}
#splashnb a {display: block; text-decoration: none;}
#splashnb a:hover {visibility: visible; text-decoration: none;}
#splashnb a:hover img {visibility: hidden; text-decoration: none;}

#learnbanner {
		float: left;
		margin-left:5px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/learn-rev.gif) no-repeat;			
		border:0px solid #1e1e1e;
		}
#learnbanner a {display: block; text-decoration: none;}
#learnbanner a:hover {visibility: visible; text-decoration: none; border:1px solid #1e1e1e;}
#learnbanner a:hover img {visibility: hidden; text-decoration: none; border:1px solid #1e1e1e;}
		
#lookbanner {
		float: left;
		margin-left:20px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/looklisten-rev.gif) no-repeat;				
		border:0px solid #1e1e1e;
		}

#lookbanner a {display: block; text-decoration: none;}
#lookbanner a:hover {visibility: visible; text-decoration: none; border:1px solid #1e1e1e;}
#lookbanner a:hover img {visibility: hidden; text-decoration: none; border:1px solid #1e1e1e;}


#acquirebanner {
		float: left;
		margin-left:20px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/acquire-rev.gif) no-repeat;				
		border:0px solid #1e1e1e;
		}		
#acquirebanner a {display: block; text-decoration: none;}
#acquirebanner a:hover {visibility: visible; text-decoration: none; border:1px solid #1e1e1e;}
#acquirebanner a:hover img {visibility: hidden; text-decoration: none; border:1px solid #1e1e1e;}

#nbbanner {
		float: left;
		margin-left:20px;
		margin-top:5px;
		height:455px;
		width:50px;
		background:url(./img/notebook-rev.gif) no-repeat;			
		border:0px solid #1e1e1e;
		}	

#nbbanner a {display: block; text-decoration: none;}
#nbbanner a:hover {visibility: visible; text-decoration: none; border:1px solid #1e1e1e;}
#nbbanner a:hover img {visibility: hidden; text-decoration: none; border:1px solid #1e1e1e;}

#learncontent {
		float: left;
		margin-left:5px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		height:auto;
		width:643px;
		background:#FFFFFF;
		overflow: hidden;
		color:#1e1e1e;						
		border:0px solid #1e1e1e;
		display: inline;
		}

#learncontent a:link {color: #b22222; text-decoration: none;}
#learncontent a:active {color: #b22222; text-decoration: none;}
#learncontent a:visited {color: #b22222; text-decoration: none;}
#learncontent a:hover {color: #b22222; text-decoration: underline;}
#learncontent a.title:link {color: #b22222; text-decoration: none;}
#learncontent a.title:active {color: #b22222; text-decoration: none;}
#learncontent a.title:visited {color: #b22222; text-decoration: none;}
#learncontent a.title:hover {color: #b22222; text-decoration: underline;}

#learncontent a:link img {color: #b22222; text-decoration: none; border:none;}
#learncontent a:active img {color: #b22222; text-decoration: none;border:none;}
#learncontent a:visited img {color: #b22222; text-decoration: none; border:none;}
#learncontent a:hover img {color: #b22222; text-decoration: underline; border:none;} 

#learncontent img {display:inline;}


#learnleftfloat {
		float: left;
		margin-left:5px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		width:135px;
		height:auto;
		background:#FFFFFF;
		color:#1e1e1e;		
		border:0px solid #1e1e1e;
		clear:both; 
		}


#learnleftfloat a:link {color: #b22222; text-decoration: none;}
#learnleftfloat a:active {color: #b22222; text-decoration: none;}
#learnleftfloat a:visited {color: #b22222; text-decoration: none;}
#learnleftfloat a:hover {color: #b22222; text-decoration: underline;}

#learnleftfloat a:link img {color: #b22222; text-decoration: none; border:none;}
#learnleftfloat a:active img {color: #b22222; text-decoration: none;border:none;}
#learnleftfloat a:visited img {color: #b22222; text-decoration: none; border:none;}
#learnleftfloat a:hover img {color: #b22222; text-decoration: underline; border:none;} 

/*
div#cdlinks a span {display: none;}
#cdlinks a:hover {color: #DDDDDD; text-decoration: none;}
div#cdlinks a:hover span {display: block;
   float:left; margin-left:4px;
		margin-top:5px;
		width:450px;
		height:auto;
   color: #DDDDDD; text-decoration: none; background: #b22222;
   font-size: 12px; text-align: left;}
*/

/*   
   #lookimage {
		float: left;
		margin-left:575px;
		margin-top:5px;
		padding-right:30px;
		padding-left:5px;
		height:87px;
		width:722px;
		background:#FFFFFF;
		border:1px solid #1e1e1e;
		}		
*/

#lookcontent {
		float: left;
		margin-left:5px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0x;
		height:auto;
		width:643px;
		background:#FFFFFF;
		overflow: hidden;
		color:#1e1e1e;				
		border:0px solid #1e1e1e;
		}		



#lookleftfloat {
		float: left;
		margin-left:20px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		width:135px;
		height:auto;
		background:#FFFFFF;
		border:0px solid #1e1e1e;
		}

#lookleftfloat a:link {color: #557766; text-decoration: none;}
#lookleftfloat a:active {color: #557766; text-decoration: none;}
#lookleftfloat a:visited {color: #557766; text-decoration: none;}
#lookleftfloat a:hover {color: #557766; text-decoration: underline;}

#lookleftfloat p {font-size:12px; margin-top:5px; margin-bottom:7px; margin-left: 6px; line-height:13px; font-style: italic; text-align:left; }


#acquirecontent {
		float: left;
		margin-left:5px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		height:auto;
		width:643px;
		background:#FFFFFF;
		overflow: hidden;			
		border:0px solid #1e1e1e;
		}		

#acquirecontent a:link {color: #994400; text-decoration: none;}
#acquirecontent a:active {color: #994400; text-decoration: none;}
#acquirecontent a:visited {color: #994400; text-decoration: none;}
#acquirecontent a:hover {color: #994400; text-decoration: underline;}
#acquirecontent a.title:link {color: #994400; text-decoration: none;}
#acquirecontent a.title:active {color: #994400; text-decoration: none;}
#acquirecontent a.title:visited {color: #994400; text-decoration: none;}
#acquirecontent a.title:hover {color: #994400; text-decoration: underline;}

#acquireleftfloat {
		float: left;
		margin-left:21px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		width:135px;
		height:auto;
		background:#FFFFFF;
		border:0px solid #1e1e1e;
		}		

/*
#acquireleftfloat h2 {margin-left: 20px;}
*/

#acquireleftfloat a:link {color: #994400; text-decoration: none;}
#acquireleftfloat a:active {color: #994400; text-decoration: none;}
#acquireleftfloat a:visited {color: #994400; text-decoration: none;}
#acquireleftfloat a:hover {color: #994400; text-decoration: underline;}


#nbcontent {
		float: left;
		margin-left:5px;
		margin-top:5px;
		padding-right:0px;
		padding-left:0px;
		height:auto;
		width:643px;
		background:#FFFFFF;
		overflow: hidden;
		color:#1e1e1e;				
		border:0px solid #1e1e1e;
		}		

#nbcontent a:link {color: #CCAA00; text-decoration: none;}
#nbcontent a:active {color: #CCAA00; text-decoration: none;}
#nbcontent a:visited {color: #CCAA00; text-decoration: none;}
#nbcontent a:hover {color: #CCAA00; text-decoration: underline;}
#nbcontent a.title:link {color: #CCAA00; text-decoration: none;}
#nbcontent a.title:active {color: #CCAA00; text-decoration: none;}
#nbcontent a.title:visited {color: #CCAA00; text-decoration: none;}
#nbcontent a.title:hover {color: #CCAA00; text-decoration: underline;}

#nbleftfloat {
		float: left;
		margin-left:20px;
		margin-top:9px;
		width:135px;
		height:auto;
		background:#FFFFFF;
		color:#1e1e1e;				
		border:0px solid #1e1e1e;

		}		

#nbleftfloat a:link {color: #CCAA00; text-decoration: none;}
#nbleftfloat a:active {color: #CCAA00; text-decoration: none;}
#nbleftfloat a:visited {color: #CCAA00; text-decoration: none;}
#nbleftfloat a:hover {color: #CCAA00; text-decoration: underline;}



#performances {
		float: left;
		margin-left:5px;
		margin-top:0px;
		width:635px;
		height:auto;
/*
		background:#53420A;
*/
		}

#gallery {
		float: left;
		margin-top:15px;
		margin-left:5px;
		width:635px;
		height:auto;
/*
		background:#53420A;
*/

		}

#gallery p {font-size: 13px; text-align:left; margin-left: 5px; margin-right:0px; margin-top: 7px; text-align: justify}

img {border-style:solid; border-color:#1e1e1e;}

a:link {color: #557766; text-decoration:none; }
a:visited {color: #557766; text-decoration:none;}
a:active {color: #557766; text-decoration:none;}
a:hover {color: #557766; text-decoration:underline;}
a.title:link {color: #557766; text-decoration:none; font-style:italic;}
a.title:visited {color: #557766; text-decoration:none; font-style:italic;}
a.title:active {color: #557766; text-decoration:none; font-style:italic;}
a.title:hover {color: #557766; text-decoration:underline; font-style:italic;}

h1 {font-weight: bold; font-size: 18px; margin-left: 5px; line-height:24px; text-align:left; margin-top:5px; }
h2 {font-weight: bold; font-size: 14px; margin-top:4px; margin-left: 0px; line-height:24px }
h3 {font-weight: bold; font-size: 14px; margin-top:0px; margin-left: 5px; line-height:normal; text-align:left  }
p {font-size: 13px; text-align:left; margin-left: 5px; margin-right:0px; margin-top: 7px; text-align: justify}
ul {margin-left: 5px; margin-right: 0px; margin-bottom: 0px; text-align:left; line-height:15px}
li {margin-left: 0px; margin-right: 0px; margin-bottom: 3px;text-align:left; line-height:15px}
table {border:0px; margin-left: 5px; width:635px }
caption { font-weight: bold; font-size: 16px; margin-top:4px; margin-left: 0px; line-height:24px }
tr {align:center; valign:top}
th { colspan:2px; border-right: 0px; border-bottom: 2px solid #CCCCCC; vertical-align: middle }
td {text-align: left; line-height: 16px;}
hr {margin-left:5px; margin-right:5px; color:#DDDDDD;}	

audio {
background-color: #DDDDDD;
}

.instrumentation {text-align:justify; margin-left: 5px; margin-top: 7px; font-style: italic; font-size:12px; line-height:normal}
.mvts {font-style: italic; font-size: 11px; line-height: 12px; text-align:justify;}
.small {font-size: 10px; line-height: 12px; text-align:center;}
.bannerindent { font-size: 13px; margin-top:4px; margin-left: 6px; line-height:16px; }
perfcaption { font-weight: bold; font-size: 14px; margin-top:4px; margin-left: 0px; line-height:18px }
.perftd {background-color:#82A064; font-size:12px; text-align: left; line-height: 16px;}
.tabletext {font-size:13px; line-height:16px;}
.tableheader {font-size:13px; font-weight: bold; }
.tabletext-title {font-size:13px; font-style: italic; font-weight: bold; line-height:16px;}
.tabletext-comment {font-size:13px; font-style: italic; line-height:16px;}
.tabletext-sm {font-size:11px; line-height:12px;}
.divider {font-size:1px; line-height:1px; background: #b22222;}
.perfheader2 {font-weight: bold; font-size: 18px; margin-left: 10px; padding-top: 20px; padding-bottom: 20px; line-height:28px; text-align:left }
.catindent { margin-left: 20px; text-align: left; }
.list {font-size: 13px; text-align:justify; margin-left: 5px; margin-right:0px; margin-top: 18px}
.subgenre {font-weight: bold; font-size: 14px; margin-top:0px; margin-left: 0px; line-height:normal; text-align:left  }
.centered {text-align:center;}
.imgp {font-size: 1px; text-align:center; margin-left: 5px; margin-right:0px; margin-top: -12px; line-height:normal;}
.imgp2 {font-size: 1px; text-align:center; margin-left: 5px; margin-right:0px; margin-top: -5px; line-height:normal;}
.photos {font-size: 13px; text-align: left; margin-left: 165px; margin-right:100px; margin-top: 7px}
.gallery {font-weight: bold; font-size: 18px; margin-left: 5px; line-height:normal; margin-bottom:-12px; text-align:left }
.underh1 {text-align:justify; margin-left: 165px; margin-top: 0px; font-style: italic; font-size:12px; line-height:normal}
.small_perf {font-size: 11px; line-height: normal; margin-bottom:5px; margin-top:15px;  text-align:left;}
.perf_per_piece {font-size: 11px; line-height: normal; margin-bottom:4px; text-align:left;}
.lookheader {text-align:left; margin-left: 0px; margin-right:0px; margin-top: 7px; margin-bottom: 10px;}
.emph_w_margin {margin-bottom:20px; font-weight: bold;}
.player {background-color: #FFFFFF;}
.instrumentationcentered {text-align:center; margin-left: 5px; margin-top: 7px; font-style: italic; font-size:12px; line-height:normal}

.datefield{ /*CSS for date field in general*/
font-size: 90%;
}

#nblinks h2 {font-weight: bold; font-size: 13px; margin-top:3px; margin-left: 0px; line-height:12px }
#nblinks a:link {color: #CCAA00; text-decoration: none;}
#nblinks a:active {color: #CCAA00; text-decoration: none;}
#nblinks a:visited {color: #CCAA00; text-decoration: none;}
#nblinks a:hover {color: #CCAA00; text-decoration: underline;}


#recent div{ /*CSS specific to demo 2*/

}

#recent .titlefield{
font-weight: bold; font-size: 15px; margin-top:0px; margin-bottom: 10px; line-height:18px}