<style type="text/css">
/*------------------------------------*\
	RESET
\*------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0; }
body {
	background: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif; font-size: 20px;
}

/*------------------------------------*\
	DROP-DOWN MENU
\*------------------------------------*/
nav { margin: 10px auto; text-align: left; }
nav ul ul { display: none; }
	nav ul li:hover > ul { display: block; }

nav ul {
	background: #F0FFFF; 
	background: linear-gradient(top, #F0FFFF 0%, #B0E0E6 100%);  
	background: -moz-linear-gradient(top, #F0FFFF 0%, #B0E0E6 100%); 
	background: -webkit-linear-gradient(top, #F0FFFF 0%, #B0E0E6 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 0px; border-radius: 10px;
	position: relative; display: inline-table; white-space: nowrap; list-style: none; 
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 9px; }

	nav ul:after {	content: ""; clear: both; display: block; }

	nav ul li { float: left; }
		nav ul li:hover {
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4b545f 0%,#5f6975 40%); }
			nav ul li:hover a { color: #ffffff; }
		
		nav ul li a { display: block; padding: 25px 19px; 	color: #757575; text-decoration: none; }

	nav ul ul {
		background: #5f6975; border-radius: 0px; padding: 0; white-space: nowrap; position: absolute; top: 100%;
		font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; }

		nav ul ul li { float: none; border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative; }

			nav ul ul li a { padding: 15px 40px; color: #fff; }	
				nav ul ul li a:hover { background: #4b545f; }
		
	nav ul ul ul { white-space: nowrap; position: absolute; left: 100%; top:0;
		font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 10px; }

/*------------------------------------*\
	SEARCH BAR
\*------------------------------------*/
#sitesearch{
position: static; margin: 15px 0px;
	}

#search input{
  font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000;
  border: 1px solid #000000; border-radius: 5px;
	padding: 4px; }
 
 /*-----------------------------------------------------------------*\
	ABOUT THE CHOIR
\*-----------------------------------------------------------------*/
#abouthistorycontainer {  background-image: url("../images/about.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#abouthistorycontainer img { border: 1px solid #ffffff; border-radius: 10px; }
#abouthistorycontainer .imageleft { float: left; margin: 20px 10px 10px 10px;}
#abouthistorycontainer .captionleft { float: left; margin: 10px 10px 10px 5px; width: 680px; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #666666; font-weight: 500; }
#abouthistorycontainer .imageright { float: right; margin: 20px 10px 0px 10px; }
#abouthistorycontainer .captionright {float: right; margin: 10px 10px 10px 5px; width: 680px; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #666666; font-weight: 500;}
#aboutmusiccontainer { float: left; width: 460px; margin: 0px 0px 0px 50px; border: 1px solid #000000; border-radius: 5px; padding: 5px;  box-shadow: 10px 10px 5px #aaaaaa;}
#aboutmusiccontainer li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px}
#aboutmusiccontainer ul { margin: 10px 0px 0px 30px; }
#aboutmusiccontainer ul li:nth-child(even) { background-color: #dff7f8; }
#abouttourscontainer { float: right; width: 480px; margin: 0px 50px 0px 0px; border: 1px solid #000000; border-radius: 5px; padding: 5px; box-shadow: 10px 10px 5px #aaaaaa; }
#abouttourscontainer table tr td { border: none; border-collapse: collapse;}
#abouttourscontainer tbody tr:nth-child(even) { background-color: #dff7f8; }
#abouttourscontainer caption { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #0000ff; font-weight: bold; }
#abouttourscontainer thead tr td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; text-align: center; text-decoration: underline; }
#abouttourscontainer td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500;  vertical-align: top; padding: 5px 10px;}
#aboutstatutecontainer {width: 900px; margin: 0px auto 50px auto; border: 1px solid #000000; border-radius: 10px; box-shadow: 10px 10px 5px #888888; padding: 5px; background-color: #eeeeee}
#galleries { width: 1100px; }
#galleries img { float: left; padding: 2px; border: 1px solid #000000; border-radius: 20px; }
#galleries li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #666666; font-weight: 500; line-height: 30px}
#galleries  ul { margin: 10px 0px 0px 60px; }
#galleries .gallerycaption { margin: 0px 0px 0px 20px; border: 2px solid #6666ff; border-radius: 10px; padding: 5px; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; }
#galleries  .gotop {  float: right; margin: 5px 5px 0px 5px; }
 /*-----------------------------------------------------------------*\
	EVENTS / CONCERTS PAST & PRESENT
\*-----------------------------------------------------------------*/
#nexteventcontainer {  background-image: url("../images/nextevent.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; }
#nexteventtkt { float: left; width: 500px; margin: 370px 0px 0px 0px;  padding: 5px; text-align: left; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; }

#nextevent { float: left; width: 490px;  padding: 5px;  font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; }
#nextevent .boxhdr { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #0000ff; font-weight: bold; text-align: left; }
#nextevent .cncdate { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
#nextevent .cnctitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #000088; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
#nextevent .cncsubtitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000088; font-weight: bold; text-align: center; margin: 0px 0px 10px 0px; }
#nextevent .cncdwnld { text-align: left; margin: 10px 0px 0px 20px; }
#nextevent .cncflyer { float: left; margin: 0px 20px 20px 20px; }
#nextevent .cncconduct { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
#nextevent .cncsolo { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
#nextevent .cncaccomp { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
#nextevent .cncworks { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #666666; text-align: left; margin: 20px 0px 0px 0px; }
#nextevent .cnctime { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both;}
#nextevent .note { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000; text-align: center; margin: 10px 0px 0px 0px;}
#nextevent .cncplace { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both; }
#nextevent .cncaddr { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 13px; color: #000000; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; clear: both; }
#nexteventtkt .price {font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; }
#nexteventtkt .detail {font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; margin-top: 5px  }
#nexteventtkt .footnote {font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000;  margin-top: 5px  }

.futureevent { float: left; width: 500px; margin: 5px 0px 0px 20px;  padding: 10px; border: 1px solid #000000; border-radius: 5px; background-color: #faf5fa;
										text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; box-shadow: 10px 10px 5px #aaaaaa;}                  
.futureevent .boxhdr { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #0000ff; font-weight: bold; text-align: left; }
.futureevent .cncdate { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cnctitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #000088; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cncsubtitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000088; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; }
.futureevent .cncdwnld { text-align: left; margin: 10px 0px 0px 20px; }
.futureevent .cncflyer { float: left; margin: 0px 20px 20px 20px; }
.futureevent .cncconduct { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cncsolo { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cncaccomp { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cncworks { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #666666;  text-align: center; margin: 10px 0px 0px 0px; }
.futureevent .cnctime { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both;}
.futureevent .cncplace { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both; }
.futureevent .cncaddr { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 13px; color: #000000; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; clear: both; }

#pasteventcontainer01 {  background-image: url("../images/pastevent-01.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#pasteventcontainer01 li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px}
#pasteventcontainer01 ul { margin: 10px 0px 0px 220px; }
#pasteventcontainer02 {  background-image: url("../images/pastevent-02.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#pasteventcontainer02 li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px}
#pasteventcontainer02 ul { margin: 10px 0px 0px 220px; }
#pasteventcontainer03 {  background-image: url("../images/pastevent-03.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#pasteventcontainer03 li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px}
#pasteventcontainer03 ul { margin: 10px 0px 0px 220px; }
#pasteventcontainer04 {  background-image: url("../images/pastevent-04.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#pasteventcontainer04 li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px}
#pasteventcontainer04 ul { margin: 10px 0px 0px 220px; }
.overall { position: absolute; top: 600px; right: 20px; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #0000ff; }
.overall input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #0000ff; text-align: center; 
					background-color: #aaaaaa; border: 3px; border-style: outset; height: 30px; width: 50px; float: right; }
.overall input[type=submit]:hover { border-style: inset; height: 30px; }
.overall input[type=submit]:focus { outline: none; }
.pasteventheader { width: 800px; height: 197px; margin: 10px auto 0px auto; background-color: #eeeeee; border: 1px solid #000000; border-radius: 5px; clear: both;}
.pasteventheader:nth-child(odd) { background-color: transparent; }
.pasteventheader input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #0000ff; text-align: center; 
					background-color: #aaaaaa; border: 3px; border-style: outset; height: 30px; width: 100px; float: right; margin-top: 0px; }
.pasteventheader input[type=submit]:hover { border-style: inset; height: 30px; }
.pasteventheader input[type=submit]:focus { outline: none; }
.pasteventheader .boxhdr { float: left; padding: 10px; }
.pasteventheader .cncdate { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #0000ff; font-weight: bold; margin-top: 20px; }
.pasteventheader .cnctitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 22px; color: #0000ff; font-weight: bold; text-align: center; margin: 30px 0px 10px 0px; }
.pasteventheader .cncworks { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #000000; text-align: left; text-align: left; margin: 10px 0px 0px 20px; }
.pasteventheader .cncflyer { float: left; margin: 2px 0px 2px 50px; }
.pasteventheader .gotop {  float: right; margin-top: 120px; }

.pastevent { display: none; width: 700px; margin: 1px auto 0px auto;  padding: 10px; border: 1px solid #000000; border-radius: 5px;
										text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; }
.pastevent .cncdate { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.pastevent .cnctitle { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 22px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 10px 0px; }
.pastevent .cncconduct { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.pastevent .cncsolo { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.pastevent .cncaccomp { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }
.pastevent .cncworks { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #000000; text-align: left; text-align: center; margin: 10px 0px 0px 0px; }
.pastevent .cnctime { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both;}
.pastevent .cncplace { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; clear: both; }
.pastevent .cncaddr { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 13px; color: #000000; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; clear: both; }
.pastevent .footnote { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #666666; font-weight: 500; text-align: left; margin: 20px 70px 0px 70px; }
 /*-----------------------------------------------------------------*\
	JOIN US / MEMBERSHIP
\*-----------------------------------------------------------------*/
#joinuscontainer {  background-image: url("../images/joinus.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#joinusdetail { float: right; width: 460px; margin: 350px 0px 0px 0px; border: 1px solid #000000; border-radius: 10px; padding: 20px;  box-shadow: 10px 10px 5px #aaaaaa;}
#joinusbursary { width: 700px; padding: 5px; margin: 20px auto 0px auto; border: 1px solid #000000; border-radius: 10px; background-color: #eeeeee; text-align: center;}
#joinussubscontainer { width: 600px; margin: 40px auto 40px auto; padding: 5px; border: 1px solid #000000; border-radius: 5px; box-shadow: 10px 10px 5px #aaaaaa; }
#joinussubscontainer table { border: 3px solid #ddd; border-style: inset; border-collapse: collapse; background-color: #ffffff; margin: 20px auto 20px auto; }
#joinussubscontainer thead tr td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; text-align: center; }
#joinussubscontainer tbody tr td { padding: 5px 10px; white-space: nowrap; text-align: center; font-weight: bold;}
#joinussubscontainer td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; }
#joinussubscontainer thead, td { border: 1px solid #ddd; padding: 2px 5px; }
#joinussubscontainer .gotop { float: right; margin: 0px 10px 0px 0px; }
 /*-----------------------------------------------------------------*\
	BIOGRAPHIES
\*-----------------------------------------------------------------*/
.biogentry {margin: 15px 0px 0px 50px;}
.biogentry p { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #0000ff; font-weight: bold; text-align: left; margin-bottom: 10px;}
.biogtext { width: 750px; float: left; }
.biogtext p { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: normal; text-align: left; margin-bottom: 5px;}
.biogphoto { margin: 10px 50px 0px 0px; float: left; }
.biogfixheader { width: 900px; height: 40px; margin: 20px auto 20px 0px; background-color: #eeeeee; border: 1px solid #000000; border-radius:5px; padding: 2px; }
.biogfixheader p {margin: 10px auto auto 15px; }
.biogheader { width:900px; height: 40px; margin: 20px auto 20px 0px; background-color: #eeeeee; border: 1px solid #000000; border-radius:5px; padding: 2px; clear: both;}
.biogheader input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; text-align: center; 
					background-color: #aaaaaa; border: 3px; border-style: outset; height: 30px; width: 40px; float: right; }
.biogheader input[type=submit]:hover { border-style: inset; height: 30px; }
.biogheader input[type=submit]:focus { outline: none; }
.biogheader img {position: absolute; left: 850px;}
.biogheader p {margin: 10px auto auto 15px;}
.biogdetail { display: none; background-color: #FAFFFF;}

/*-----------------------------------------------------------------*\
	MEMBERS' DIARY & NOTICE BOARD
\*-----------------------------------------------------------------*/

#memberheader { width: 55%; margin-left: auto; margin-right: auto; background-color: #ddddff; border: 2px solid #000088;
    border-radius: 25px; 	 box-shadow: 10px 10px 5px #888888; }
#memberheader  h2 { text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 25px; color: #000088; }
#memberintro { height: 280px;  margin: 40px 0px 30px 50px; }
#memberintro .intro { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #666666; font-weight: normal; text-align: justify; margin-top: 10px; width: 480px; }
#memberintro .photocaption { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #8FBC8F; font-weight: normal; text-align: right; margin-top: 25px; width: 550px; }


/*---------DIARY--------------*/
#diarycontainer {  background-image: url("../images/menin.png"); background-repeat: no-repeat; background-position: right top; }
.diarybody { width: 900px; margin: 30px 0px 0px 40px;  }

.diary { width: 100%; border: 3px solid #ddd; border-style: inset; border-collapse: collapse; background-color: #ffffff; }
.diary tbody tr:nth-child(even) { background-color: #dff7f8; }
.diary caption { background-color: transparent; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #000000;
						font-weight: bold; text-align: center; color: #0000ff; }
.diary thead { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; text-align: center; text-decoration: underline; }
.diary tr td:nth-child(1) { white-space: nowrap; font-size: 15px; font-weight: bold;}
.diary td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000;  padding: 2px 10px;}
.diary th, td { border: 1px solid #ddd; }
.diary td a:link { text-decoration: none; color: #800080; }
.diary td a:hover { text-decoration: underline;  color: #DC143C; }
.diary .concert { color: #DC143C; }
.diary .cttee { color: #0000ff; }
.diary .special { color: #228B22; }
.diary .emphasise { color: #ff0000;}

/*---------NOTICE BOARD--------------*/
#noticecontainer {  background-image: url("../images/group01.png"); background-repeat: no-repeat; background-position: right top; }
#noticebody { width: 900px; margin: 30px auto 0px auto; }
#noticebody h1 { text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #111111; font-weight: bold; }

.bulletin  input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #0000ff; text-align: center; 
					background-color: #aaaaaa; border: 3px; border-style: outset; height: 25px; width: 150px; }
.bulletin  input[type=submit]:hover { border-style: inset; height: 25px; }
.bulletin  input[type=submit]:focus { outline: none; }

.noticeheader { height: 2em; background-color: #eeeeee; border: 1px solid #000000; border-radius: 5px; padding: 2px; clear: both;}
.noticeheader input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; text-align: center; 
					background-color: #aaaaaa; border: 3px; border-style: outset; height: 30px; width: 40px; float: right; }
.noticeheader input[type=submit]:hover { border-style: inset; height: 30px; }
.noticeheader input[type=submit]:focus { outline: none; }
.noticedetail { padding: 5px; display: none; background-color: #FAFFFF;}
.noticedetail input[type=submit] { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; text-align: center; 
					background-color: #a3b59f; border: 3px; border-style: outset; height: 30px; width: 300px; margin: 10px auto 10px auto; display: block;}
.noticedetail input[type=submit]:hover { border-style: inset; }
.noticedetail .head {font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; margin-top: 20px;}
.noticedetail .subhead { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: 500; margin: 5px 0px 0px 0px; text-decoration: underline; }
.noticedetail p { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: 500; margin: 5px 0px 0px 0px; }
.noticedetail input[type=button]:focus { outline: none; }
.noticedetail .work { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; margin: 10px 0px 0px 100px; }
.noticedetail .text { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: 500; margin: 10px 0px 0px 120px; }
.noticedetail .hilite { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #DC143C; font-weight: bold; margin: 10px 0px 0px 120px; }
.noticedetail .note { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #666666; font-weight: 500; margin: 0px 0px 0px 180px; }
.noticedetail .midilink { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: green; font-weight: 500; margin: 0px 0px 0px 150px; }
.noticedetail .hline { width:100%; height:3px; background: #000 }


.noticenum { float: left; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #8FBC8F; font-weight: bold; }

#noticereview { width: 95%; margin: 0px auto 0px auto; }
#noticereview  h1 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #ff0066; font-weight: bold; text-align: center;  margin-top: 10px;}
#noticereview  h2 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; text-align: center; text-decoration: underline;  margin-top: 20px;}
#noticereview p { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #000000; font-weight: 550; text-align: left; margin-top: 5px; }

/*---------REPS & OFFICERS--------------*/
#repscontainer { background-image: url("../images/group02.png"); background-repeat: no-repeat; background-position: right top; }
#repsbody { width: 900px; margin: 50px auto 0px auto; }
#srepdesc { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: 500; width: 470px; margin: 100px 0px 0px 70px; float: left; }
.reps { width: 470px; border: 3px solid #ddd; border-style: inset; border-collapse: collapse; background-color: #ffffff; margin: 0px 0px 0px 20px; float: left; }
.reps tbody tr:nth-child(even) { background-color: #dff7f8; }
.reps caption { background-color: transparent; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; 
						font-weight: bold; text-align: center; color: #8FBC8F; }
.reps thead tr td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center; text-decoration: underline; }
.reps tr td:nth-child(1) { white-space: nowrap; font-size: 14px; font-weight: bold;}
.reps td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000;  padding: 2px 5px;}
.reps thead, td { border: 1px solid #ddd; }
.reps .elected { margin-top: 15px; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000; font-weight: normal; }
.reps .principle { font-family: Arial,Helvetica,Verdana,Sans Serif; color: #800000; font-weight: bold; }
.reps .repseml { margin-top: 15px;}
.reps .repseml:hover { margin-top: 15px; background-color: #dddddd; }

.sreps { width: 400px; border: 3px solid #ddd; border-style: inset; border-collapse: collapse; background-color: #ffffff; margin: 20px 0px 0px 100px; float: left; }
.sreps tr td:nth-child(3) {width: 130px;}
.sreps tbody tr:nth-child(even) { background-color: #dff7f8; }
.sreps caption { background-color: transparent; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; 
						font-weight: bold; text-align: center; color: #8FBC8F; }
.sreps thead tr td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center; text-decoration: underline; }
.sreps tbody tr td:nth-child(2) { white-space: nowrap; font-size: 14px; font-weight: bold;}
.sreps td { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000;  padding: 2px 5px;}
.sreps thead, td { border: 1px solid #ddd; }


 
 /*-----------------------------------------------------------------*\
	CONTACT US / LINKS & HIRE LIBRARY
\*-----------------------------------------------------------------*/
#contactcontainer {  background-image: url("../images/contact.png"); background-repeat: no-repeat; background-position: right top; width: 1100px; height: 400px; }
#contactcontainer .eml { margin: 30px 0px 0px 200px;}
#contactcontainer .eml:hover { background-color: #dddddd; }
#scorehirecontainer { width: 800px; padding:30px; margin: 0px auto 0px auto; border: 1px solid #000000; border-radius: 10px; background-color: #eeeeee; }
#scorehirecontainer .eml { margin: 30px 0px 0px 250px;}
#scorehirecontainer .eml:hover { background-color: #dddddd; }
#scorehirecontainer .gotop {  float: right; margin-top: 30px; }
#linkscontainer  { width: 600px; padding:20px; margin: 20px auto 0px auto; border: 1px solid #000000; border-radius: 5px; background-color: #dddddd; }
#linkscontainer li { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500; line-height: 20px; }
#linkscontainer ul { margin: 10px 0px 0px 20px; }
#linkscontainer .gotop {  float: right; }
.maillistcontainer {margin: 0px auto 0px auto; width: 800px; }
.maillistcontainer p {margin: 15px auto 0px auto; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; text-align: left; }
.maillistcontainer input[type=text] { font-size: 18px; border: 1px solid #000000; }
.maillistcontainer select[name=onoroff] { font-size: 18px; border: 1px solid #000000; }
.maillistcontainer input[type=submit]  { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px;  
					background-color: #aaaaaa; border: 3px; border-style: outset; border-radius: 10px; }
.maillistcontainer input[type=submit]:hover { background-color: #888888; border: 2px; border-style:inset; }    
/*------------------------------------*\
	GENERAL STYLES
\*------------------------------------*/

img.centred { display: block;  margin-left: auto;  margin-right: auto }
img.bordercentred { display: block;  margin-left: auto;  margin-right: auto; border-style: solid; border-width: 1px; border-color: #888888; }
img.alignmiddle { vertical-align: middle; }
img.eml { margin: 0px 0px 0px 5px; vertical-align: middle;}
img.eml:hover { background-color: #dddddd; }

.hrblue { width: 80%; margin-left: auto; margin-right: auto; margin-top: 10px; height: 1px; background-color: #0000ff; color:#4682B4; border: 2px ridge #f0ffff; }

h1 { text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 35px; color: #4682B4; }
h2 { text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 25px; color: #8FBC8F; }
.txtblack-12 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #000000; font-weight: 500;}
.txtblack-13 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 13px; color: #000000; font-weight: 500;}
.txtblackbold-13 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 13px; color: #000000; font-weight: bold; }
.txtblack-14 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: 500;}
.txtblackbold-14 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; font-weight: bold; }
.txtblack-15 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #000000; font-weight: 500;}
.txtblackbold-15 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #000000; font-weight: bold; }
.txtblack-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: 500;}
.txtblackbold-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold; }
.txtblack-18 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: 500; }
.txtblackbold-18 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #000000; font-weight: bold; }

.txtgrey-10 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #666666; font-weight: 500;}
.txtgrey-12 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #666666; font-weight: 500;}
.txtgrey-14 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: 500;}
.txtgreybold-14 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #666666; font-weight: bold; }
.txtgrey-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #666666; font-weight: 500;}
.txtgreybold-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #666666; font-weight: bold; }
.txtgrey-18 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #666666; font-weight: 500;}
.txtgreybold-18 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #666666; font-weight: bold; }
.txtblackbold-20 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #000000; font-weight: bold; }
.txtblue-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #0000ff; font-weight: 500; }
.txtbluebold-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #0000ff; font-weight: bold; }
.txtbluebold-18 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #0000ff; font-weight: bold; }
.txtbluebold-20 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 20px; color: #0000ff; font-weight: bold; }
.txtbluebold-24 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #0000ff; font-weight: bold; }
.txtmauvebold-16 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #C71585; font-weight: bold; }
.txtmauvebold-24 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #C71585; font-weight: bold; }
.txtcrimsonbold-24 { font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 24px; color: #DC143C; font-weight: bold; }

a.link1:link { text-decoration: none; color: #9000c0; }
a.link1:visited { text-decoration: none; color: #9000c0; }
a.link1:hover { text-decoration: underline; color: #DC143C; }
a.link1-10:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #9000c0;;  font-weight: 500;}
a.link1-10:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #DC143C; font-weight: 500; }
a.link1-10:visited { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 10px; color: #9000c0;; font-weight: 500; }
a.link1-12:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #800080;  font-weight: 500;}
a.link1-12:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 12px; color: #DC143C; font-weight: 500; }
a.link1-14:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #800080;  font-weight: 500;}
a.link1-14:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #DC143C; font-weight: 500; }
a.link1bold-14:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #800080; font-weight: bold; }
a.link1bold-14:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #DC143C; font-weight: bold; }
a.link1-15:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #800080; font-weight: 500; }
a.link1-15:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #DC143C; font-weight: 500; }
a.link1bold-15:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #800080; font-weight: bold; }
a.link1bold-15:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 15px; color: #DC143C; font-weight: bold; }
a.link1bold-16:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #800080; font-weight: bold; }
a.link1bold-16:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #DC143C; font-weight: bold; }
a.link1-18:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #800080; font-weight: 500; }
a.link1-18:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #DC143C;  font-weight: 500; }
a.link1bold-18:link { text-decoration: none; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #800080; font-weight: bold; }
a.link1bold-18:hover { text-decoration: underline; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 18px; color: #DC143C; font-weight: bold; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.bold-small { font-weight: bold; font-size: smaller; }
.small { font-size: smaller; }

.indent10 { margin-left: 50px;}
/*------------------------------------*\
	CONTAINER STYLES
\*------------------------------------*/
#topcontainer { width: 1150px;}
#socialmedia { float: left; }
#pageheader { border: 1px solid #000000 border-radius: 5px; margin-left: auto; margin-right: auto; width: 40em; }
#logo { float: right;}
#container { width: 1100px;}
#intro { float: left; width: 250px; margin: 20px 40px 20px 40px; overflow: auto;
										text-align: justify; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 16px; color: #000000; font-weight: bold;}
#slider { width: 690px; height: 320px; overflow: hidden; border: 1px solid #000000;  border-radius: 5px; }
#nextconcert {
	position: relative;
	top: -100px;
	float: left;
	width: 290px;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	height: 655px;
	text-align: center;
	font-family: Arial,Helvetica,Verdana,Sans Serif;
	font-size: 14px;
	color: #000000;
}
#news {
	float: left;
	width: 320px;
	margin: 25px 10px 10px 10px;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	height: 540px;
	text-align: center;
	font-family: Arial,Helvetica,Verdana,Sans Serif;
	font-size: 14px;
	color: #000000;
}
	#news div:nth-child(odd) {   background-color: #F0F8FF; }
	.newsitem {  margin-bottom: 20px; text-align: center; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 14px; color: #000000; }

#feature {
	float: left;
	width: 320px;
	margin: 20px 10px 10px 10px;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	height: 440px;
	text-align: center;
	font-family: Arial,Helvetica,Verdana,Sans Serif;
	font-size: 14px;
	color: #000000;
}

#otherorg {
	float: left;
	width: 320px;
	margin: 25px 10px 0px 10px;
	padding: 5px;
	border: 1px solid #000000;
	border-radius: 5px;
	height: 70px;
	text-align: center;
	font-family: Arial,Helvetica,Verdana,Sans Serif;
	font-size: 14px;
	color: #000000;
}

.clearfloat {  clear: both; font-family: Arial,Helvetica,Verdana,Sans Serif; font-size: 2px; color: #ffffffff; font-weight: normal;}

</style>
