body {
	color: black;
	background-color: #f0ecdf;
	font-size: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:10px;
	padding:0px;
	width: 100%;
	text-align: center;
}

/* Start of general link */
A:link, A:visited { 
	color: #0080AA; 
	font-weight: bold;
	text-decoration: none;
  	}

A:hover, A:active { 
	color: #0080AA; 
	font-weight: bold;
	text-decoration: underline;
	} 

/* End of general link */

#maincontainer {
	background-color:#fff;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../imgs/bg_shadow_MID.png);
	background-repeat: repeat-y;}

#containertop {
	background-image: url(../imgs/bg_shadow_top.png);
	background-repeat: no-repeat;
	width: 746px;
	height: 230px;
	padding: 0 30px 0 14px;
}
* html #containertop   { /* This is the Tan hack */
	width: 790px;
	w\idth: 746px;
    }


#containermid {
	background-image: url(../imgs/bg_shadow_MID.png);
	background-repeat: repeat-y;
	width: 760px;
	padding: 0 0 0 30px;
	height: 100%;
}
* html #containermid   { /* This is the Tan hack */
	width: 790px;
	w\idth: 760px;
    }

#containerbot {
	background-image: url(../imgs/footer.png);
	background-repeat: no-repeat;
	width: 790px;
	height: 60px;
	background-position: bottom;
	padding: 0;
	clear: both;
	font-size: 80%;
}


	
#header{
	padding: 0;
	margin: 0;
	height: 230px;

}

#leftnav {
	float: left;
	width: 171px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}



#content {
	margin: 0 50px 0 200px;
	padding: 0;
	background-color: #fff;
	text-align: left;
	font-size: 80%;	
}

#content p{
	margin: 0;
	padding: 0;
	}

/* photos */
#phome {
	width: 332px;
	height: 225px;
	margin: 5px 0 0 0;
	float: left;
}
* html #phome   { /* This is the Tan hack */
	height: 225px;
	he\ight: 229px;
    }
	
#pabout{
	background-image: url(../imgs/p_about.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #pabout   { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }

#pconductor {
	background-image: url(../imgs/p_conductor.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
    margin: 5px 0 0 0;
}
* html #pconductor { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }
	
#pmembers {
	background-image: url(../imgs/p_members.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #pmembers    { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }
	
#pconcerts {
	background-image: url(../imgs/p_concerts.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #pconcerts    { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }

#porchestras {
	background-image: url(../imgs/p_orchestras.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #porchestras    { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }
	
#pjoin {
	background-image: url(../imgs/p_photo.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #pjoin     { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }
	
#pcontact {
	background-image: url(../imgs/p_contact.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 225px;
	float: left;
	margin: 5px 0 0 0;
}
* html #pcontact     { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }


#logo {
	background-image: url(../imgs/logo.gif);
	background-repeat: no-repeat;
	width: 173px;
	height: 225px;
	float:right;
	margin: 5px 0 0 0;
}
* html #logo    { /* This is the Tan hack */
	height: 225px;
	he\ight: 230px;
    }
	
#tagline {
	background-image: url(../imgs/home_tagline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	425px;
	height:	70px;
	}

#titleaboutus {
	background-image: url(../imgs/t_aboutus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	98px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titleconcerts {
	background-image: url(../imgs/t_concerts.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	98px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titleorchestras {
	background-image: url(../imgs/t_orchestras.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	118px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titleconductors {
	background-image: url(../imgs/t_conductors.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	123px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlemembers {
	background-image: url(../imgs/t_members.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	123px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlemevents {
	background-image: url(../imgs/t_m_events.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	201px;
	height:	46px;
	padding: 0 0 7px 0;
	}
		
#titlemnoticeboard {
	background-image: url(../imgs/t_m_noticeboard.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	250px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlemphotos {
	background-image: url(../imgs/t_m_photos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	250px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlerehearsals {
	background-image: url(../imgs/t_m_rehearsals.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	235px;
	height:	46px;
	padding: 0 0 7px 0;
	}
	
#titlejoin {
	background-image: url(../imgs/t_join.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	154px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlecontactus {
	background-image: url(../imgs/t_contactus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	123px;
	height:	46px;
	padding: 0 0 7px 0;
	}

#titlebackground {
	background-image: url(../imgs/t_a_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	251px;
	height:	46px;
	padding: 0 0 7px 0;
	}
	
#titleorganisation{
	background-image: url(../imgs/t_a_organisation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	251px;
	height:	46px;
	padding: 0 0 7px 0;
	}
	
#titlesupporters {
	background-image: url(../imgs/t_a_supporters.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	251px;
	height:	46px;
	padding: 0 0 7px 0;
	}
	
#titlelinks {
	background-image: url(../imgs/t_a_links.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:	251px;
	height:	46px;
	padding: 0 0 7px 0;
	}
	
#footerlinks {
	margin: 0 50px 0 200px;
	padding: 0;
	text-align: left;
	font-size: 80%;	
}

.clearboth {
	clear:both;}


#panelcontainer {
	width: 487px;
	}
	
#paneltop {
	background-image: url(../imgs/toppanel.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 487px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

#panelbg {
	background-image: url(../imgs/panelbg.gif);
	background-repeat: repeat-y;
	width: 487px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 140px;
}

#panelbot {
	background-image: url(../imgs/botpanel.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 487px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

#panel25 {
	float:left;
	width:154px;
	height:134px;
	background-image:url(../imgs/25thanniversary.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
 }
 
#paneltext {
 	width: 190px;
 	color:#FFFFFF;
	float: left;
	padding: 0 5px 0 20px;}


#book {
	width: 87px;
	color:#FFFFFF;
	background-image:url(../imgs/book.gif);
	background-repeat: no-repeat;
	height: 122px;
	float: left;
	padding: 0 10px 0 10px;
}

.photoportrait {
	float:left;
	padding: 10px 10px 10px 0;
	height:157px;
	}

.photolandscape{
	float:left;
	padding: 10px 10px 10px 0;
	width: 157px; 
	}
	
.blurbtext {
	font-size: 90%;}
	
/* Start of footer */
#footer {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	color: #007eaa; 
}


#copyright {
	float: left;
	margin: 0 0 0 15px;
	line-height: 20px;
	font-size: 70%;
	color:#797978;}

#footerlinks {
	float: left;
	margin: 0 0 0 71px;
	font-size: 70%;
	}
	
A.footer:link, A.footer:visited { 
	color: #007eaa; 
	font-weight: normal;
	text-decoration: none;
	

  	}

A.footer:hover, A.footer:active { 
	color: #007eaa; 
	font-weight: normal;
	text-decoration: underline;
	} 

/* End of footer */