/*************************************************/
/*************  MAIN PAGE STRUCTURE **************/
/*************************************************/

html body{
	margin: 0; padding: 0; border:0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #000;
	background-color:#323232;   /* home page */
	background-image:url(../images/bkg.jpg);
	background-repeat:repeat-x;
	/* \*/
  	height:100%; /* height declaration hidden from Mac IE 5.x */
  	min-width:840px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design. ***/
	}
	
#wrapper	{	
	margin: 0 auto;
	width: 840px;
	}
	
#header {
	background-image:url(../images/header.jpg);
	width:830px;
	height:79px;
}


/*************************************************/
/****************  BANNER IMAGES *****************/
/*************************************************/

#banner {
	margin-top:2px;
	width:840px;
	height:240px;
}

#bnrHome {
	background-image:url(../images/bnr_home.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrAlto {
	background-image:url(../images/bnr_alto.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrBass {
	background-image:url(../images/bnr_bass.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrConcert {
	background-image:url(../images/bnr_concert.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrConductor {
	background-image:url(../images/bnr_conductor.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrRecord {
	background-image:url(../images/bnr_record.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrReview {
	background-image:url(../images/bnr_review.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrSoprano {
	background-image:url(../images/bnr_soprano.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}

#bnrTenor {
	background-image:url(../images/bnr_tenor.jpg);
	margin-top:2px;
	width:840px;
	height:240px;
	float:left;
}


/*************************************************/
/**************  NAVIGATION IMAGES ***************/
/*************************************************/


#nbHome {
	background-image:url(../images/nb_home.jpg);
	width:840px;
	height:52px;
	float:left;
	border:none;
	z-index:1;
}

#nbConductor {
	background-image:url(../images/nb_conductor.jpg);
	width:840px;
	height:52px;
	float:left;
	border:none;
	z-index:1;
}

#nbSingers {
	background-image:url(../images/nb_singers.jpg);
	width:840px;
	height:52px;
	float:left;
	border:none;
	z-index:1;
}


/*************************************************/
/**************  PAGE BODY IMAGES ****************/
/*************************************************/


#copyTable {
	background-image:url(../images/bkg_copy.jpg);
	width:840px;
	float:left;
	}
	
#copyTableTwo {
	background-image:url(../images/bkg_copy_2.jpg);
	width:840px;
	float:left;
	}	

#colOne	{
	width:780px;
	vertical-align:top;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	clear:both;
	}
	
#colLeft	{
	width:510px;
	vertical-align:top;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	}	
	
#colRight	{
	width:260px;
	vertical-align:top;
	text-align:left;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}	
	
#footer	{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
	background-color:#000;
	border-top:1px solid #fff;
	width:100%;
	margin-top:2px;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
}

#footCon	{	
	margin: 0 auto;
	width: 990px;
	}
	
#footText	{	
	padding-left:70px;
	}
	
#ftColOne	{	
	width:520px;
	margin-left:8px;
	padding-left:23px;
	vertical-align:top;
	text-align:left;
	float:left;
	}
	
#ftColFour	{	
	width:260px;
	border-left:1px solid white;
	vertical-align:top;
	text-align:right;
	float:left;
	}
	

/*************************************************/
/***************** LINKS & LISTS *****************/
/*************************************************/

a {text-decoration: underline}
a img {border: none}
a:link, a:visited {color:#000}
html body a:hover {background-color: #CCC;}

ul{
 list-style-type: square;}
ul ul{
 list-style-type: disc;}
ul ul ul{
 list-style-type: none;}
	
	
/*********************************************************/
/***************** FONTS AND FONT STYLES *****************/
/*********************************************************/

.tagHead {font-size:14px; font-weight:bold; color:#000; }

.catHead {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; }

.catSmall {font-size:11px;}

.ftHead {font-size:12px; font-weight:bold;}

.white {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#fff; text-decoration:underline; }