* {font-family:Georgia, "Times New Roman", Times, serif;}

body  {
 padding: 15px; 
 margin: 0;
	background-color:#000000;
 background: url(Site/images/bg.gif);
 background-repeat:repeat;
 background-attachment: fixed;
 font-size: 10pt;}

#content {
 width: 786px;
 background-color: #f5f5ff;
 background-image:url(Site/images/bgpattern.gif);
 background-repeat:repeat;
 border: 5px double #771000;
 margin: auto;
 padding: 0 0 20px 0;
 }

p, h2, h3, h4, h5  {
 padding: 12px 12px 0 12px;
 margin: 0;
	clear:none;}

h1 {margin:10px auto;}
	
h6 /*h6 should really only be used on the main page, or in similar situations*/
  {
		margin:0px;
		padding:24px 12px 0 12px;
		font-size:100%;
		}

hr  {color: #000000; 
 height: 1px;
 width: 75%}
	
a {text-decoration: none; font-weight:bold;}

a:link, a:visited, a:active {color: #800000;}

a:hover {
 color: #800000;
 border: 1px dotted;
 border-width: 0 0 1px 0;}

#navDiv{
 border: double #000;
 border-width:3px 0;
 background-color:#050577;
 padding:2px 0 15px 0;
 margin-top:-3px;
}

#nav {
 list-style: none;
 color: #ffffff;
 font-weight: bold;
 margin: -3px 0 10px 0;
 display:block;
 text-align:center;
 padding-left:20px;
 }

#nav li  {
 position:relative;
 float:left;
 margin:-1px 3px;
 padding:5px 5px 10px 5px;
 text-align: center; 
 }

#nav li ul  {
 display: none;
 position: absolute;
 top: 2.5em;
 left: -10px;
 font-weight: normal;
 background: url(Site/images/nav.gif) bottom left no-repeat;
 padding: 0.5em 0 1em 0;
 border-right: 1px solid #000000;
 margin: -4px 0 0 0;
 }

#nav li>ul  {
 top: 25px;
 left: 0;
	z-index:1000;
	}

#nav li li  {
 display: block;
 float: none;
 background-color: transparent;
 border: 0;
 padding: 5px 0}

/*#nav li:hover ul{display: block;}*/

#nav a {
 color: #fffdfd;
 font-weight: bold;
 text-decoration: none;}

#nav a:hover {color: #d4af37;
 text-decoration: none;}

#nav li li a {
 display: block;
 color: #050577;
 padding: 2px 8px;
 }

#nav li li a:hover {border:none;}


.page {padding: 0 12px 0 12px;}

.section {
 font-family: arial black, sans-serif; 
 font-size: 12pt; 
 color: #FFFFFF;
 background: url(Site/images/sectionbg.jpg);
 padding: 0 0 0 2px;
 margin: 12px 12px -12px 12px;}

.footer {
 font-weight: bold;
 font-size: 9pt;
 text-align:center;
 color:#fff;
 }
 
.footer a{color:#f00;}

.announcement  {color: #800000; font-weight: bold;}

.cap {font-size: 8pt;}

.small {font-size: 9pt;}
 
.justify {text-align: justify;}

.light {
 color: #000000; 
 vertical-align: top; 
 width: 350px;}

.dark {background: #2E2E2E; 
 color: #FFFFFF; 
 vertical-align: top; 
 width: 350px}

.light img, .dark img {width: 150px; float: right; border: 1px solid; margin: 0 5px 0 3px}

.boyname {font-family: arial black;
 padding: 5px}

.bioinfo {color: #000000;
 margin: 10px 1px 6px 1px; 
 padding: 6px; 
 background-color: #C0C0C0}
.light .bioinfo {border: 1px solid #000000;}
.dark .bioinfo {border: 1px solid #FFFFFF;}
 
.boyblurb {padding: 0 8px 12px 8px}

.albumdescription {color: #800000}

.info {font-size: 8pt; color: #8e8c82;}

img.mast {border: 0;}

img.history {border: 1px solid #000000;}

img.alumni {width: 120px;
 border: 1px solid #000000;}

table  {border-collapse: collapse;}

td  {vertical-align: top;}

.title {font-family: arial black; 
 font-size: 12pt; 
 color: #FFFFFF;
 background: url(Site/images/sectionbg.jpg); 
 padding: 0;
 }

.subtitle {font-size: 9pt;
              padding-top:0px;}

.perflist {width: 320px;
 margin: 12px;
 background: #C0C0C0;
 color: #000000;}

.perf {height: 12px;
 border: 1px solid #000000;
 border-width: 0 0 1px 0;
                padding: 2px;
font-weight:bold;}

.perfbot {height: 12px;
 border: none;
                padding: 2px;
font-weight:bold}

.year {padding: 50px 0 0 0;}

.concertlist {
 background-color: #FFFFFF;
 padding: 5px; 
 margin: 12px auto 0 auto;
 width:95%;
 border:1px solid #000000;
 border-top:none;
 }
 
 .concertlist td{padding:0 4px;}
	
	.concertlist .odd td{border:none;}
		
	.concertlist .even td{border:none; background-color: #CCCCCC;}

.confut td {color: #000000;
 height: 24px;
 border: 1px solid #000000;
 border-width: 0 0 1px 0;
 background-color: #FFFFFF;
 padding: 2px;
 vertical-align: middle}

.conpas td {color: #808080;
 height: 24px;
 border: 1px solid #000000;
 border-width: 0 0 1px 0;
 background-color: #FFFFFF;
 padding: 2px;
 vertical-align: middle}




.picindex {width: 320px;
 margin: 12px;
 background: #C0C0C0;
 color: #000000;}

.dat {height: 22px;
 vertical-align: middle;
 font-family: arial narrow, sans-serif;
 padding: 0 0 0 4px;}

.cat {height: 22px;
 width: 225px;
 vertical-align: middle;
 font-weight: bold;}

.blank {background: #FFFFFF;}




.scroll {height: 360px; 
 width: 140px;
 overflow: auto;
 border: 1px solid #000000; 
 background-color: #FFFFFF; 
 padding: 0 8px;}

.scroll img {width: 100px;}

.scroll a:hover {border: 0}

.caption {margin: -12px 0 0 0}

.picture {text-align: center}

 .picture img {max-width: 480px;}
 
.center
{
text-align:center;
margin-left: auto;
margin-right: auto;
display:block;
}

#mainRightCol {
 float:right;
 width:370px;
 padding-left:10px;
 }

table.pagetable {width:100%;}

table.pagetable td {padding:5px;}

#cart {
	position:relative;
 margin:2px 2px 2px 0;
	z-index:100;
 }

#cart form{
 position:absolute;
	right:2px;
 padding:5px 8px;
	background-color:#ffffff;
 border:2px solid #050577;
	}

#cart p{padding:0;}

img.latestCD{
 border: solid;
 border-width: 1px;
 margin-left:20px;
 }

.right {float:right; padding:5px;}
.left {float:left; padding:5px;}

.about, .hist {clear:none;}

#alumProfile{
 background-color: #f5f5ff;
 background-image:url(Site/images/bgpattern.gif);
 background-repeat:repeat;
 border: 5px double #771000;
 margin: auto;
 padding: 0;
 }
 
.border {border:1px solid #000000;}

table.border td{border:1px solid #000000;}

.clear {clear:both;}

hr.hidden {clear:both; visibility:hidden;}

.storeOffer {
 width:400px;
 margin:10px;
 border:2px solid #11aa00;
 background-color:#33ff00;
 padding-bottom:15px;
 }
 
table#offer {
 text-align:right;
 margin: 12px 12px 0 12px;
 }
 
table#offer td {
 padding:3px;
 text-align:center;
 } 
 
table#offer img {border:1px solid #000;}
 
table#offer .plus {border:none; margin-top:10px;}

.tracksListing {
 float:right;
 width:350px;
 margin:10px 30px;
 clear:right;
 }
 
#albumsNav {

 list-style:square;
 }
 
#albumsNav li {padding:0px;}

#albumImg{
 border:1px solid #000000;
 margin:5px 20px;
 }
	
.bgstandout{padding:2px; margin:10px;}
	
.bgstandout li{
 list-style:circle;
	margin-left:3px;
	padding:5px;
	}
	
  .blue {
  	background-color: #C1E3FF;
  	border:3px solid #009;
  	}
			.blue li {list-style-image:url(Site/images/bullet_red.gif);}
	
  	.red {
  	background-color: #fbb;
  	border:3px solid #900;
  	}
			.red li {list-style-image:url(Site/images/bullet_yellow.gif);}

.bgstandout p{padding:0 5px 10px;}
	
.padtop {padding-top:10px;}
	
div.flash {
	 background-color:#fff;
	 text-align:center;
		border-bottom:1px dashed #771000;
		}