@charset "utf-8";
/* CSS Document */

/*****************************MEMBERS***********************************/
#Members {
	position:absolute;
	top:0px;
	left:15px;
	width:701px;
	height:500px;
	z-index:8;
	background-image:url(../images/bg/membersbg.jpg); background-repeat: no-repeat;
}
.tab {
	position:absolute;
	top:10px;
	left:0px;
	width:701px;
	height:390px;
	z-index:8;
	background-image:url(../images/bg/transbg10.png);
	background-repeat:repeat;
	-moz-box-shadow: #111 5px 4px 10px 3px;
    -webkit-box-shadow: #111 4px 3px 10px ;
    box-shadow: #111  5px 4px 10px  3px;
	border:1px solid #000;
	display:none;
}
#nav 
{
	position:absolute;
	bottom:0px;
	height: 55px;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	top: 420px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 6px;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 2px;
	display: block;
	text-align:center;
	left: 0px;
	width: 700px;
	background-color:#FFFFFF;
	padding-top:2px;
}

.button {
	color: #222;
	margin: 0 0.125em;
	padding: 2px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	display:block;
	text-align:center;
	background-color:#000000
	
}

a {
	outline: none !important; /* @ Firefox, remove ugly dotted border */
 }
 
a.button {
	text-decoration : none;
}


a.button:hover {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

	
}

.display {
	color:#FFFFFF;
}


#membtext {position:relative;width:700px; height:405px; background-image:url(../images/bg/memberbg.png); }
.membtext {position:relative;width:700px; height:405px; }

.memberstext {position:absolute; right:30px; top:30px; background-color:#000; width:370px; height:322px; padding:5px 10px; text-align:left;}
.memberstext a{color:#FFFFFF; text-decoration:none}
.memberstext a:hover{color:#FFFFFF; text-decoration:underline}

.memberimg { position:absolute; width:220px; height:330px; left:30px; top:30px; border:1px solid #000}

.transp {filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
	}

.mootabs_title {
	position: relative;
	list-style-type: none;
	list-style-image: none;
}


.mootabs_title li {
	float: left;
	-moz-box-shadow: #111 3px 2px 8px 2px;
    -webkit-box-shadow: #111 3px 2px 8px ;
    box-shadow: #111  3px 2px 10px 2px;
	margin-right:4px;
	background-color:#000;
	padding:0px
}
.mootabs_title a {

}

.mootabs_title a.active {
	z-index: 100;
}

.mootabs_panel {
	clear: both;
	overflow: hidden;
}

.mootabs_panel.active
{
	display: block;
}
.closememb{position:absolute; bottom:0px; text-align: right; padding:2px; float:right; width:350px}
.blank {position:relative;width:700px; height:405px; background-image: none}
.blank a{ color:#FFFFFF; text-decoration:none}
.blank a:hover{text-decoration:underline}

#headNavigation {
	position:absolute;
	top:440px;
	left:-15px;
	width:703px;
	height:141px;
}

.harl
{
	float:left;
	position:absolute;
	top:57px;
	left:346px;
}
.musicians 
{
	float:left;
	position:absolute;
	top:-13px;
	left:249px;
}
.soprano 
{
	float:left;
	position:absolute;
	top:-13px;
	left:46px;
}
.mezzo
{
	float:left;
	position:absolute;
	top:57px;
	left:481px;
}
.alto
{
	float:left;
	position:absolute;
	top:56px;
	left:104px;
}
.tenor
{
	float:left;
	position:absolute;
	top:-13px;
	left:602px;
}

.cpart {text-align:center; font-weight:bold; color:#003366;  width:100%; line-height:20px }
/*****************************IMAGE SCROLL ROB WATSON***********************************/

#scrolling_image_container {

  width: 288px;
  height: 180px;

}
ul li{
}