/* CSS Document */



body {

		

	font-size: 75%;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-weight: normal;

	background-image:url(../images/layout/layout_bg.jpg);

	background-repeat: repeat-x;

	background-color: #FFFFFF;	

	color: #828282;

	padding: 0px;

	margin-top: 0px;

	margin-left: 0px;

	margin-bottom: 20px;

}



#canvas {



	position: relative;

	width: 720px;

	clear: both;

	



	

}



#header {

	

	position: relative;

	width: 720px;

	float: left;

	clear: both;

	

}



/*GENERIC STUFF*/



.floatleft {



float: left;

border: 0;



}

.floatleft2 {



float: left;

padding-top: 5px;

padding-left: 20px;

border: 0;



}



.floatright {



float: right;

border: 0;



}

.floatright2 {



float: right;

border: 0;

padding-top: 10px;





}

.paddingtop20 {

	border: 0;

	padding-top: 20px;

}



.paddingbottom10 {

	border: 0;

	padding-bottom: 10px;

}

.paddingbottom20 {

	border: 0;

	padding-bottom: 20px;

}



.paddingbottomtop20 {



	border: 0;

	padding-bottom: 20px;

	padding-top: 20px;

}



.pclass {

	position: relative;

	width: 100%;

}



/*CONTENT MAIN */



#content {

	position: relative;

	width: 534px;

	float: right;

	background-color: #FFFFFF;

	margin-top: 0px;

	

}



/*CONTENT RIGHT*/



.innercontent {

	

	position: relative;

	width: 514px;

	float: right;

	background-color: #FFFFFF;

	font-size: 1em;	

	line-height: 1.3em;

	border: 0;

	clear: both;

	

}



.innercontent strong {

	

	color: #32297a;

	font-weight: normal;

	

}





*html #innercontentright {

	margin-top: 0px;

}



#innercontentright {

	position: relative;

	width: 340px;

	float: right;

	margin-top: -12px;

	font-size: 1em;

	line-height: 1.3em;

}



/*ADDRESS BOX*/



.address-bar {

	position: relative;

	width: 514px;

	padding-top: 20px;

	font-size: 0.9em;

	float: right;

}







/*LATEST NEWS BOX*/



#latestnews {

	

	position: relative;

	width: 162px;

	background-color: #FFFFFF;

	float: left;



}



*html #innercontentright {

	margin-top: 0px;

}



#innercontentright {

	position: relative;

	width: 340px;

	float: right;

	margin-top: -12px;

}



#latestnewstop {

position: relative;

width: 162px;

height: 28px;

background-image:url(../images/layout/latestnews_top.gif);

background-repeat: no-repeat;

background-color: #FFFFFF;



}



#latestnewsmiddle {

position: relative;

width: 162px;

background-image: url(../images/layout/latestnewsbox_mid.gif);

background-repeat: repeat-y;

background-color: #FFFFFF;

}



#latestnewsfooter {

position: relative;

width: 162px;

height: 17px;

background-image:url(../images/layout/latestnews_footer.gif);

background-repeat: repeat-y;

background-color: #FFFFFF;





}

#latestnewsinner {

	

	position: relative;

	width: 142px;

	margin-left: 10px;

	margin-right: 10px;

	font-size: 0.9em;

}



a.mainlink:link { text-decoration: underline; color: #32297a;}

a.mainlink:visited { text-decoration: mainlink; color: #32297a; }

a.mainlink:hover { text-decoration: none; color: #32297a; }

a.mainlink:active { text-decoration: underline; color: #32297a; }





a.latestnews:link { line-height: 3em; text-decoration: none; color: #9f9fa0;}

a.latestnews:visited { line-height: 3em; text-decoration: none; color: #9f9fa0; }

a.latestnews:hover {  line-height: 3em; text-decoration: none; color: #9f9fa0; text-decoration: underline; }

a.latestnews:active {  line-height: 3em; text-decoration: none; color: #9f9fa0; }



a.latestnews2:link { line-height: 1.2em; text-decoration: none; color: #9f9fa0; padding-bottom:2em;}

a.latestnews2:visited { line-height: 1.2em; text-decoration: none; color: #9f9fa0; padding-bottom:2em;}

a.latestnews2:hover {  line-height: 1.2em; text-decoration: none; color: #9f9fa0; text-decoration: underline; padding-bottom:2em;}

a.latestnews2:active {  line-height: 1.2em; text-decoration: none; color: #9f9fa0; padding-bottom:2em;}



a.anchor:link { text-decoration: none; color: #E3363E; margin-bottom: 5px; }

a.anchor:visited { text-decoration: none; color: #E3363E; margin-bottom: 5px; }

a.anchor:hover { text-decoration: underline; color: #E3363E; margin-bottom: 5px; }

a.anchor:active { text-decoration: none; color: #E3363E; margin-bottom: 5px; }



a.anchor img {

	border: 0;

}





.dark {

 color: #4A4A4A;

}



			#leftnav li a.membersite { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/members-site-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.membersite, a:active.membersite,

			body#membersite #canvas #leftnav li a.membersite {

				

				background-image:url(../images/nav/members-site-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}





/*NAVIGATION*/



*html #leftnav {



	padding-top: 20px;

	display: inline;

	

}



#leftnav {

	

	position: relative;

	width: 186px;

	float: left;

	padding-top: 8px;

	

}



/*LEFTNAV STYLING*/



.borderbottom {

		border-bottom: #E7E7E7 1px solid;	

}





/*LIST 1 STYLE*/



			#leftnav ul {



				list-style: none;

				float: left;

				padding:0;

				margin-left: 0;

				margin-bottom: 0;



			}

			

	

/*HOME STYLE*/







			#leftnav li a.home { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/home-off.gif);	

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.home, a:active.home,

			body#home #canvas #leftnav li a.home {

				

				background-image: url(../images/nav/home-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*ABOUT US STYLE*/



			#leftnav li a.aboutus { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/aboutus-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.aboutus, a:active.aboutus,

			body#aboutus #canvas #leftnav li a.aboutus {

				

				background-image:url(../images/nav/aboutus-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

			

/*NEWS STYLE*/



			#leftnav li a.news { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/news-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.news, a:active.news,

			body#news #canvas #leftnav li a.news {

				

				background-image:url(../images/nav/news-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*ACTIVITIES CONCERTS STYLE*/



			#leftnav li a.activities-concerts { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/activities-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.activities-concerts, a:active.activities-concerts,

			body#activities-concerts #canvas #leftnav li a.activities-concerts {

				

				background-image:url(../images/nav/activities-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*CHOIRS STYLE*/



			#leftnav li a.choirs { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/choirs-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.choirs, a:active.choirs,

			body#choirs #canvas #leftnav li a.choirs {

				

				background-image:url(../images/nav/choirs-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*STAFF STYLE*/



			#leftnav li a.staff { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/staff-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.staff, a:active.staff,

			body#staff #canvas #leftnav li a.staff {

				

				background-image:url(../images/nav/staff-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*LINKS STYLE*/



			#leftnav li a.links { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/links-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.links, a:active.links,

			body#links #canvas #leftnav li a.links {

				

				background-image:url(../images/nav/links-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*CONTACT US STYLE*/



			#leftnav li a.contactus { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/contact-us-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.contactus, a:active.contactus,

			body#contactus #canvas #leftnav li a.contactus {

				

				background-image:url(../images/nav/contact-us-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

			

/*MEMBER SITE STYLE*/



			#leftnav li a.membersite { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/members-site-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.membersite, a:active.membersite,

			body#membersite #canvas #leftnav li a.membersite {

				

				background-image:url(../images/nav/members-site-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}

						

/*FUNDERS SITE STYLE*/



			#leftnav li a.funders { 

				

				display: block;

				width: 186px; 

				height: 23px; 

				font-weight: normal; 

				background-image:url(../images/nav/funders-off.gif);

				background-color: #FFFFFF;

				background-repeat: no-repeat;

			}



			#leftnav li a:hover.funders, a:active.funders,

			body#funders #canvas #leftnav li a.funders {

				

				background-image:url(../images/nav/funders-on.gif);

				background-repeat: no-repeat;

				background-color: #F1F4F7;

			}



/*SUBNAV*/



	#leftnav li a.subnav {



				display: block;

				width: 164px;

				padding-left: 15px;

				padding-right: 7px;

				font-size: 0.9em;

				font-weight: normal;

				background-color:#F1F4F7;

				color: #32297A;

				text-decoration: none;

				line-height: 1.5em;	

				padding-top: 3px;

				padding-bottom: 3px;

				text-align: right;

							

			}



	

	#leftnav li a:hover.subnav, a:active.subnav {

	

				background-color: #d8e1ea;

		

			}

			

			

				#leftnav li a.active {



				display: block;

				width: 164px;

				padding-left: 15px;

				padding-right: 7px;

				font-size: 0.9em;

				font-weight: normal;

				background-color: #d8e1ea;

				color: #32297A;

				text-decoration: none;

				line-height: 1.5em;	

				padding-top: 3px;

				padding-bottom: 3px;	

				text-align: right;			

			}

			



input {	

					

		

color: #333333;

background: #FFFFFF;

border-top: 1px solid #666666;

border-left: 1px solid #666666;

border-right: 1px solid #999999;

border-bottom: 1px solid #999999;



}



.15 {

	width: 15%;

}



.30 {

	width: 30%;

}



.40 {

	width: 40%;

}



.staffpic {

	float:left;

	padding-right: 10px;

	padding-bottom: 5px;

}

	



/*IMAGE CONTAINER*/



.imagecontainer {

	position: relative;

	width: 100%;

	float: left;

	

	clear: both;

}



/*FORM FIELD*/



.formfield {

width: 200px;

}



.formfieldmini {

width: 60px;

}



checkbox {

	border: 0;



}