body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.2;	
	padding: 0px;
	margin: 0 auto;
	max-width: 1024px;
	background:url(../buttons/cathedral-paler-short.jpg) repeat-y center;
   }
}

a{
	color: #006699;
	text-decoration: none;
	border: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p{
 font-family: Verdana,Arial,sans-serif;
 font-size: 90%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

.imagefloatleft{
    float:left;
	}
	
.imagefloatright{
    float:right;
	}
    

/*********** Banner ***************/

#banner{
    margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color:#990000;
	border-bottom: 2px solid #FFFFFF;
}

#banner img{
   padding: 25px 40px 20px 30px;
   border:none;
   }

#banner p{
	max-width:130px;
	font-style:italic;
	font-size:80%;
	color:#CCCCCC;
	padding-left:50px;
}

#banner table{
    width:100%;
	margin:0px;
	padding:0px;
	}

/***********End of Banner ***********************/

/*********** Banner not on home page ***************/

#banner-general {
    margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color:#990000;
	border-bottom: 2px solid #FFFFFF;
	max-height: 140px;
}

#banner-general img{
   padding: 20px 20px 15px 25px;
   border:none;
   }

#banner-general p{
	font-style: normal;
	font-size:200%;
	font-weight:400;
	color: #FFFFFF;
	padding: 0px 0px 10px 20px;
}

#banner-general table{
    width:100%;
	margin:0px;
	padding:0px;
	}
	
#banner-general tr{
    vertical-align:bottom;
	}

/***********End of Banner ***********************/

/************* #top-links **************/

#top-links{
width: 100%;
text-align:center;
padding: 0px 0px 5px 0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #cccccc;
background-color:#FFFFFF;
}

#top-links a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/************* end of top links ************/

/************* #bottom-links **************/

#bottom-links{
width: 100%;
clear:both;
text-align:center;
line-height:1.5;
padding: 0px 0px 0px 0px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #cccccc;
background-color:#FFCCCC;
}

#bottom-links img{
   position:relative;
	top:4px;
   padding: 0px 10px 0px 0px;
   }

#bottom-links a {
	padding: 0 4px 0 0;
}


#bottom-links {
	font-size: 80%;
	padding: 0 4px 4px 0;
}

/************* end of bottom links ************/

/************* content ************************/

#content {
    padding:0px 0px 10px 50px;
	border-top: 1px solid #990000;
	}

#content img {
    padding: 20px 20px 5px 20px;
	float:left;
	}
	
#content h1 {
    font-size:150%;
	padding:15px 0px 15px 300px;
	}

#content h2 {
    font-size:110%;
	padding:20px 0px 0px 300px;
	}
	
#content h3 {
    font-size:100%;
	padding:5px 0px 0px 300px;
	}
	
#content p {
    font-size:80%;
	padding:0px 0px 0px 300px;
	line-height:90%;
	}
	
#content .time {
    font-size:95%;
	font-weight:600;
	padding:0px 0px 0px 300px;
	}
	
#content .place {
    font-size:100%;
	padding:0px 0px 0px 350px;
	}
	
#content .details {
    font-size:100%;
	padding-left:350px;
	line-height: 130%;
	}	
#content .extra-info {
    font-size:90%;
	padding:0px 0px 0px 350px;
	}
	
#content .tickets {
    font-size:100%;
	font-weight:600;
	padding:10px 0px 0px 300px;
	}	
	
/************** right-hand stuff ************/

#right-hand-stuff {
   float:right;
   max-width: 250px;
   margin-top:10px;
   margin-right:10px;
   margin-bottom:10px;
   padding: 15px 10px 0px 10px;
   background-color:#FFFFFF;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   }
  
#right-hand-stuff p{
   padding: 0px 0px 5px 10px;
   font-size:70%;
   line-height:1.25;
   } 
   
#right-hand-stuff img{
   padding: 0px 0px 10px 0px;
   }

/************** end of right-hand stuff ************/

#main {
   padding-top:40px;
   }
   
   
/************* end of content ************************/
   
/************ Concert events *************/

#concerts {
   	border-top: 1px solid #990000;
	}

#event {
   margin-top:20px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:20px;
   background-color:#FFFFFF;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:10px;
   }

#event td{
   vertical-align:top;
   padding: 10px 10px 20px 10px;
   }
   
#event img{
   padding:0px;
   }

#event .soloist{
   padding-right:5px;
   }
   
#event .time {
    font-size:90%;
	font-weight:600;
	}
	
#event .place {
    font-size:100%;
	padding:0px 0px 0px 00px;
	}
	
#event .concert {
    font-size:150%;
	font-weight:500;
	padding:15px 0px 0px 0px;
	}

#event p {
    font-size:80%;
	padding:0px 0px 0px 0px;
	line-height:110%;
	}
	
#event .details {
    font-size:100%;
	font-weight:500;
	line-height:1.3;
	}	
	
#event .extra-info {
    font-size:110%;
	line-height:1.5;
	}
	
#event .tickets {
    font-size:80%;
	font-weight:600;
	padding:20px 0px 0px 0px;
	line-height:1.0;
	}

#event .ticket-price {
    font-size:70%;
	font-weight:500;
	padding:0px 0px 0px 30px;
	line-height:1.2;
	}
	
#event .ticket-from {
    font-size:70%;
	font-weight:500;
	padding:0px 0px 0px 0px;
	line-height:1.7;
	}
	
#event .music {
    line-height:1.5;
	}
	
#event li {
    font-size:80%;
	padding:0px 0px 0px 0px;
	line-height:1.5;
	}
	
/************ End of Concert events ********/
		
/************ Reviews ****************/

#reviews {
   border-top: 1px solid #990000;
   }

#review {
   margin-top:20px;
   margin-left:80px;
   margin-right:80px;
   margin-bottom:20px;
   background-color:#FFFFFF;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:10px;
   }

#review td{
   vertical-align:top;
   padding: 10px 10px 20px 10px;
   }
   
#review img{
   padding: 0px 0px 10px 0px;
   }

#review .img-right{
   float:right;
   padding: 0px 0px 10px 10px;
   }
   
#review .time {
    font-size:90%;
	font-weight:100;
	}
   
#review .place {
    font-size:80%;
	padding:0px 0px 0px 0px;
	}
	
#review .concert {
    font-size:150%;
	font-weight:500;
	padding:0px 0px 0px 0px;
	}

#review .extra-info {
    font-size:100%;
	line-height:1.5;
	}

#review p {
    font-size:80%;
	padding:0px 0px 0px 0px;
	line-height:1.5;
	}
	
#review .performers {
    padding: 0px 0px 0px 15px;
	font-size:70%;
	font-weight:100;
	line-height:1.25;
	}	
	
#review .music {
    font-size:60%;
	line-height:1.25;
	}
	
#review ul{
    list-style-type: square;
	}
	
#review li {
    font-size:80%;
	padding:0px 0px 10px 0px;
	line-height:1.3;
	}
	
#review .review-cont {
    font-size:80%;
	padding:0px 0px 10px 0px;
	list-style-type: none;
	line-height:1.3;
	}
	
#review .review-text {
    font-size:80%;
	padding:0px 0px 10px 0px;
	line-height:1.3;
	}

/************ End of reviews **********/

/********* Choral links *****/

#links {
    border-top: 1px solid #990000;
	}

#choral-links {
    margin: 0 auto;
    max-width:700px;
	}


/******* end of choral links *****/

/******* Recordings *********/

#recordings {
  	border-top: 1px solid #990000;
	}

/******* End of Recordings ******/

/********* Conductor *****/

#conductor {
   border-top: 1px solid #990000;
   }

#conductor .picture{
   float: left;
   margin:20px;
   padding:10px;
   background-color:#FFFFFF;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   }
   
.conductor-caption {
   font-size:90%;
   }
	
#conductor table {
    margin-top:20px;
   margin-left:300px;
   margin-right:20px;
   margin-bottom:20px;
    background-color:#FFFFFF; 
	border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:10px;
	}

#biog td{
   vertical-align:top;
   padding: 10px 10px 20px 10px;
   }
   
#biog img{
   padding:0px;
   }

#biog p {
    font-size:80%;
	padding:0px 0px 0px 0px;
	line-height:1.3;
	}


/******* end of Conductor *****/


/******** The Choir **********/

#choir {border-top: 1px solid #990000;
   }

#choir .picture {
   margin-top:20px;
   margin-left:140px;
   margin-right:140px;
   margin-bottom:10px;
   padding:10px 10px 0px 10px;
   background-color:#FFFFFF;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   }
   
.choir-caption {
   font-size:90%;
   text-align:center;
   line-height:1.0;
   }
	
#choir-section table {
    margin-top:20px;
   margin-left:140px;
   margin-right:140px;
   margin-bottom:20px;
    background-color:#FFFFFF; 
	border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:10px;
	}

#choir-section td{
   vertical-align:top;
   padding: 10px 10px 20px 10px;
   }
   
#choir-section img{
   padding:0px;
   }

#choir-section p {
    font-size:80%;
	padding:0px 0px 0px 0px;
	line-height:1.3;
	}
	
#choir-section ul{
    list-style-type: square;
	}
	
#choir-section li {
    font-size:80%;
	padding:0px 50px 3px 0px;
	line-height:1.3;
	}

#choir-section ul ul {
    list-style-type:disc;
	}

/******** End of The Choir **********/


/******* Singers ************/

.heading {
   width:170px;
   }

.voice {
   width:150px;
   line-height:1.5;
   font-style:italic;
   }
   
.present-names {
   /* width: 250px; */
   line-height:1.5;
   }

.names {
   width: 150px;
   }
   
.activity {
   
   }

/******* End of Singers *********/

/******** Photographs ********/

#photographs {
  	border-top: 1px solid #990000;
	}
	
#photographs td {
   width:170px;
   padding:2px 2px 2px 2px;
   vertical-align:top;
   background-color:#FFFFFF;
   }

#photographs img {
   padding: 0px 0px 5px 0px;
   border: 0px;
   }
   
#photographs p {
   font-size:70%;
   text-align:center;
   padding: 0px 10px 0px 10px;
   line-height:1.3;
   }
   
 #photographs h1 {
   margin:15px 15px 0px 15px;
   padding:0px 0px 0px 20px;
   background-color:#FFFFFF;
   border-top: 1px solid #990000;
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   }
   

/******** End of Photographs *********/

/******** Friends ********/

#friends {
   border-top: 1px solid #990000;
  } 
  
#friends table {
   margin-top:40px;
   margin-left:80px;
   margin-right:80px;
   margin-bottom:20px;
   background-color:#FFFFFF; 
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:10px;
	}
	
#friends td {
   vertical-align:top;
   font-size:90%;
   line-height:1.3;
   }

/******** End of Friends ***/

/******** Contact ********/

#contact {
   border-top: 1px solid #990000;
  }
 
#contact table {
   margin-top:40px;
   margin-left:100px;
   margin-right:100px;
   margin-bottom:20px;
   background-color:#FFFFFF; 
   border-left: 1px solid #990000;
   border-right: 1px solid #990000;
   border-bottom: 1px solid #990000;
   border-top: 1px solid #990000;
   padding:20px;
   width:75%;
	}
	
#contact td {
   vertical-align:top;
   font-size:100%;
   line-height:1.5;
   }
   
#contact ul{
   margin-left:60px;
   }

#contact li {
   line-height:1.5;
   padding-bottom:20px;
   }

/******** End of Friends ***/