div#test
{
	padding: 0.2cm;
	margin: 0.2cm;
	border-bottom: 2px dotted red;
	font-size:300%;
	background: #D5EAFF;
	color: #FF0000;
}

img {
border: 0px none;
}

body
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background: #D5EAFF;
	color: #000080;
	text-align: center;
	
}

div.logo
{
	background: #56AAFD;
	color: #000080;
	font-weight: bold;
	padding: 1em;

}

div.logo span.lammas
{
	font-size: 200%;
	padding: 1em;
	vertical-align: middle;
}

div.navbar
{
	background: #9FCEFC;
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1em;
	line-height: 1.5;
}

div.lowbar
{
	background: #D5EAFF;
	color: #56AAFD;
	font-family: Arial, Helvetica, sans-serif;
	padding:1em;
	line-height: 1.5;
}

div.lowbar a:link, div.lowbar a:visited, div.lowbar a:active
{
	text-decoration: none;
	background: #D5EAFF;
	color: #56AAFD;
}

div.navbar b, div.lowbar b
{
	display: none;
}

div.navbar a, div.lowbar a
{
	margin: 20px;
	padding:3px;
}

div.navbar span.current
{
	background: #56AAFD;
	color: #000080;
	margin: 20px;
	padding:3px;
}

div.navbar a:link, div.navbar a:visited, div.navbar a:active
{
	text-decoration: none;
	background: #9FCEFC;
	color: #000080;
}

div.navbar a:hover, div.lowbar a:hover
{
	background-color: #000080;
	color: #9FCEFC;
	text-decoration: underline;
}

div.navbar a.home, div.lowbar a.genre
{
	font-weight: bold;
}

div#top
{
	margin: 1cm;
}

span.cdid
{
	font-size: 70%;
	margin: 0;
}

div#top p#cdtitle
{
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
}

div#top p#subtitle
{
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
}

div#top p#performer
{
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
}

div#top p#director, div#top p#organist
{
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
}

p.largetext
{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 200%;
	font-weight: bold;
}

div#tracks
{
	text-align: center;
}

span.trackname, span#playingtime
{
	

}

span.composer
{
	font-weight: bold;
}

a.listen
{
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 80%;
	background: #D5EAFF;
	color: #FF0000;
	font-weight: bold;
}

div#main, div.special
{
	text-align: left;
	margin: 1cm;
}



div#main h1.review
{
	margin: 0 -0.5cm;
	padding: 0 0.5cm;
	border: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: bold;
	background: #9FCEFC;
	color: #000080; 
}



div#main h1
{
	margin: 1.5em 0 0.5em 0;
	border-bottom: 4px solid;
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	font-weight: bold;
}

div#main h2
{
	margin: 1em 0 0.5em 0;
	border-bottom: 2px solid;
	font-size: 110%;
	font-weight: bold;
}

div#main p.staff, div#main p.reviewtext, p.smalltext
{
	font-size: 90%;
}

div#main p.reviewstar
{
	background: #D5EAFF;
	color: #FF0000;
	font-weight: bold;
}

div#details
{
	margin: 2em 0 0 0;
	padding: 0.5em 0 0 0;
	border-top: 1px dotted; 
}

table#indextable
{
	width: 100%;
	text-align: left;
	vertical-align: center;
	border: none;
	text-align: left;
	vertical-align: center;
}
table#indextable td.indcol1, table#indextable td.indcol2
{
	padding:0.5em 0;
	width: 35%;
	vertical-align: top;
}
table#indextable td.indcol3
{
	text-align: center;
	vertical-align: top;
	padding: 0.5em 1em;
}

a.red{color:red;}

table.pictable, table.specialtable
{
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0 0 2em 0;
}

table.pictable td.column1, table.specialtable td.column1
{
	width:35%;
}

table.pictable td.column2, table.specialtable td.column2
{
	width:65%;
}

table.linktable
{
	width:100%
	text-align:center;
	vertical-align: middle;
}

table.linktable td
{
	padding: 2em;
}

table.tracktable
{
	width:90%;
	text-align:center;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 70%;
}

table.tracktable td.column1, table.tracktable td.column2
{
	width:50%;
	vertical-align: top;
}
table#reviewselect, table#reviewselect a:link, table#reviewselect a:visited, table#reviewselect a:active
{
	width:85%;
	font-size:85%;
	text-align:left;
	text-decoration:none;
	background: #D5EAFF;
	color: #000080;
}

table#reviewselect a:hover
{
	width:85%;
	font-size:85%;
	text-align:left;
	text-decoration:none;
	background: #000080;
	color: #D5EAFF;
}

table#reviewselect tr#titlerow
{
	font-weight: bold;
	font-size:120%;
}

table.indextable
{
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #000080;
}

table.indextable td.column1
{
	width:25%;
}

table.indextable td
{
	border-bottom: 2px solid;
}

a.cdlink, a.cdlink:visited, a.cdlink:active

{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration:none;
	font-weight: bold;
	font-size: 130%;
	background: #D5EAFF;
	color: #000080;
	padding: 0 4px;
}

a.cdlink:hover

{
	background:#000080;
	color: #D5EAFF;
}

p.choir
{
	font-weight: bold;
	font-size: 80%;
}

p.conductor
{
		font-size: 80%;
}

p.redtext
{
	background: #D5EAFF;
	color: #FF0000;
	font-weight: bold;
}
p.right
{
	text-align: right;
	margin: -1.2em -0.5cm 0.5cm -0.5cm;

}

p.right a:link, p.right a:visited, p.right a:active
{
	font-size: 50%
	font-variant: small-caps;
	text-decoration: none;
	background: #9FCEFC;
	color: #000080;
}

p.right a:hover
{
 	background: #000080;
	color: #9FCEFC;
}

table.soundcliptable a.cdlink
{
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	text-decoration:none;
	font-weight: bold;
	font-size: 100%;
	background: #D5EAFF;
	color: #000080;
	padding: 0 4px;
}

table.soundcliptable span.trackname, table.soundcliptable span.composer
{
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 70%;
}

table.soundcliptable span.composer
{
	font-style:bold;
}

table.soundcliptable p.choir, table.soundcliptable p.conductor
{
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: 70%;
}

a.real_logo
{
float:right;
}