/* Basic stuff */
body	{font-family: 	'comic sans ms', verdana, trebuchet, helvetica, sans-serif;
	font-size: 	18px;
	color: 		#000066;
	align: 		center;}
	
p	{text-indent:		2em;
	text-align: 		justify;}	
	
address	{ /*Copyright & Maintenance Block*/
	background-color: #eeeeff;
	font-family: verdana, trebuchet, helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	align: center;
	padding-top: 10px;
	width: 700px;}

li	{background-color: #e0f0ff;
	padding-left: 2px;
	list-style: none;}
	
dt	{font-size: 0.9em;
	font-weight: bold;
	text-indent: 1em;
	color: #009900;}

dd	{font-size: 1.0em;
	font-style: italic;
	color: #009999;}

a:link
	{color: #0000ff;}
a:active
	{color: #ffaa00;}
a:visited
	{color: #cc00cc;}

/* Backgrounds */
.shs	{ /*Entire Site Uniform Background & Text Colors*/
	color: 			#000066;
	background-color: 	#003300;}

.blok1	{ /*Page Background*//**/
	background-color: #eeeeff;
	width: 700px;
	border: none;}
.blok2	{ /*Page Background*//**/
	background-color: #eeffee;
	width: 700px;
	border: none;}
.blok3	{ /*Page Background*//*Meetings, */
	background-color: 	#ffeeee;
	margin: 		auto;
	width: 			700px;
	border: 		none;}
	

/* Texts & Headings */
.top	{ /*Upper Text in Header Block*/
	font-family: 		'baskerville old face', georgia, 'times new roman', times, serif;
	color: 			#00aa00;
	font-size: 		2.0em;
	font-weight: 		bold;
	text-align: 		center;}

.top2	{ /*Lower Text in Header Block*/
	font-family: 		'baskerville old face', georgia, 'times new roman', times, serif;
	color: 			#990000;
	font-size: 		1.5em;
	font-weight: 		bold;
	text-align: 		center;}
	
.hblok	{ /*Header block for all pages*/
	background-color:	#e0e0e0;
	width: 			550px;
	border: 		7px outset #800000;
	text-align: 		center;}
	
.home	{ /*All Pages*//* Return to Home Page Full Block */
	background-color: 	#e0e0e0;
	background-image: 	url(./pix/rainbowbk-h.gif);
	border: 		4px outset green;
	text-align: 		center;}
	
.home2	{ /*All Pages*//* Return to Home Page Half Block */
	background-color: 	#e0e0e0;
	background-image: 	url(./pix/rainbowbk-h2.gif);
	width:			200px;
	border: 		4px outset green;
	text-align: 		center;}
	
.home3	{ /*All Pages*//* Return to Home Page Small Block */
	background-color: 	#e0e0e0;
	background-image: 	url(./pix/rainbowbk-h3.gif);
	width:			150px;
	border: 		4px outset green;
	text-align: 		center;}
	
.hdbar	{ /*Sales Page*//* Category Headers */
	background-color: 	#000080;
	text-align: 		center;
	font-weight: 		bold;
	font-size: 		1.2em;
	color: 			orange;}
	
.pixcap	{ /*Sales Page*//* Picture Captions */
	font-size: 		0.8em;
	font-weight: 		bold;
	color: 			#008800;}
	
.ctx	{ /*Contacts Page*//*Contact Method*/
	font-size: 		0.9em;
	font-style: 		italic;}
.ctx0	{/*Contacts Page*//*Contact Details*/
	border-bottom:		1 blue dotted;}
.ctx2	{ /*Contacts Page*//*Contact Details*/
	font-size: 		1.2em;}
.ctx3	{ /*Contacts Page*//*Contact Comment*/
	font-size: 		0.8em;
	font-style:		italic;
	text-align:		center;}

.rulz	{ /*Membership Page*//*Rules text*/
	font-size: 0.75em;
	font-style: italic;}
		
.ovr	{text-indent:		2em;}	


/*http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
<a class="button" href="#"><span>Bring world peace</span></a>  
*/
.clear	{ /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;}

a.button {
    background: transparent url('./pix/bg_button_a.gif') no-repeat scroll top right;
    color: #aa0000;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;}

a.button span {
    background: transparent url('./pix/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;} 
	
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */} 	

.year	{ /*Events Page*//* Highlight background for selected year */
	font-size: 		1.2em;
	font-style: 		italic;
	background-color: 	#a0a0ff;
	color: 			#ffffff;}

.py	{ /*Events Page*//* Background for dates bar */
	font-size: 		1.0em;
	font-style: 		normal;
	background-color: 	#ddddff;
	color: 			#0000ff;
	text-decoration: 	overline;}
.py0	{ /*Events Page*//* Background for event lists */
	font-size: 		1.0em;
	font-style: 		normal;
	border-left: 		red solid 2px;
	border-bottom: 		red solid 2px;
	background-color: 	#ddddff;
	color: 			#0000ff;}
	
.spkr	{ /*Events Page*//* Text treatment for speaker */
	font-size: 		0.8em;
	font-style: 		italic;
	color: 			#666666;}

.ex	{ /*Events Page*//* Exhibits highlight */
	color: 			#800080;
	font-weight: 		bold;}

.ft	{ /*Events Page*//* Field Trips highlight */
	color: 			#000080;
	font-weight: 		bold;}	
	
.ce	{ /*Events Page*//* Community Events highlight */
	color: 			#800000;
	font-weight: 		bold;}	

.bod	{color: #000066;
	font-size: 1.5em;}	
	
.off	{font-size: 1.3em;
	font-style: bold;
	text-indent: 10px;
	background-color: #ddddff;
	color: #0000ff;}
	
.title	{text-align: center;}	

.cov	{ /*Album Pages*//* Borders for cover pix */
	border-color: 		#990000;
	border-style:		outset;
	border-width:		6px;}
	
.book	{ /*Album Pages*//* Descriptive text */
	font-size:		0.8em;
	text-indent:		2em;
	width:			480px;}
	
	
	
	
	
	
	
	
	
	
	
.slogan	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-style: italic;
	color: #009900;}
.navtxt	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: .5em;
	color: #000000;}
.spider	{background-image: url(./pix/weblogo100.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
	font-family: 'flareserif821 bt', 'albertus medium', arial, helvetica, sans-serif;
	color: #009999;
	font-size: 2em;
	font-weight: bold;}
.spider3
	{background-image: url(./pix/weblogo075.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: right;
	font-family: 'flareserif821 bt', 'albertus medium', arial, helvetica, sans-serif;
	color: #009999;
	font-size: 1.5em;
	font-weight: bold;}

/* For bullets in text */
ul li	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: large;
	color: #000066;}

/* bhsnom for colouring and font styling Berkshire Hudson Singing */
.bhsnom	{font-family: 'flareserif821 bt', 'albertus medium', arial, helvetica, sans-serif;
	color: #009999;
	font-weight: bold;}
/* bhsnomh same but for page titles */
.bhsnomh	
	{font-family: 'flareserif821 bt', 'albertus medium', arial, helvetica, sans-serif;
	color: #009999;
	font-size: 2em;
	font-weight: bold;}
	
/* Font styles for FAQ-LINKS page */
.rtop	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;}
.org	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
	font-size: 1.4em;}
.cmt	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #009900;
	font-size: 1.2em;}

/* standard backgrounds */
.angle	{color: black;
	background-image: url(./pix/bgmusic_angle.gif);}
.beige	{color: #000066;
	background-image: url(./pix/note49.jpg);}
.bhs	{color: #000066;
	background-image: url(./pix/bg2.gif);}
.double	{color: #000066;
	background-image: url(./pix/doublestave.jpg);}
.doublew	
	{color: #000066;
	background-image: url(./pix/doublestavew.jpg);}
.gray	{color: #000066;
	background-image: url(./pix/musicbg24.gif);}
.notes	{color: #0000ff;
	background-image: url(./pix/notesbg.gif);}

/* rainbow backgrounds for navigation menus */
.rbowh	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	background-image: url(./pix/rainbowbk-h.gif);}
.rbowv	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	background-image: url(./pix/rainbowbkv.gif);}

/* For use with Links */
.uline	{border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eeaa00;}

/* For use with Chorus Alpha */
.city	{color: #009900;
	font-size: 0.8em;}
/* For use with Chorus Alpha and Geo */
.name2	{color: #000066;
	font-size: 0.6em;}
.name3	{background-color: #006600;
	color: #ffff00;
	font-size: 1.4em;
	text-align: center;}
.name4	{background-color: #006600;
	color: #ffff00;
	font-size: 1.0em;
	text-align: center;}
/* For use with Chorus Geo */
.dimm	{color: #dddddd;
	font-size: 1.0em;}
.cityg	{color: #990000;
	font-size: 1.0em;}
.chor	{color: #000066;
	font-size: 1.0em;
	text-align: center;}
/* For use with Chorus Geo and Spec */
.name5	{color: #ffff00;
	font-size: 1.3em;}
.name6	{color: #ffff00;
	font-size: 0.9em;}

/* For use with Repertoires */
.name7	{color: #ff66cc;
	font-weight: bold;
	font-size: 1.4em;}
.name8	{color: #ff66cc;
	font-weight: bold;
	font-size: 1.0em;}
.index	{color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	background-color: #ffccff;}
.index2	{color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	text-align: center;
	background-color: #ccffcc;}
.comp	{color: #006600;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	text-align: left;}
.work	{color: #990000;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	text-align: left;}
ol li	{color: #000066;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	text-align: left;}

/* For use with Summer */
.name9	{color: #cc0000;
	font-weight: bold;
	font-size: 1.4em;}

/* For use with FAQ */
.name10	{color: #cc00cc;
	font-weight: bold;
	font-size: 1.1em;}

/* For use with POSTING */
.name11	{color: #00aa00;
	font-weight: bold;
	font-size: 1.1em;}

/* For use with REHEARSALS */
.colhd	{color: #800000;
	background-color: #c0c0c0;
	font-family: arial, helvetica, sans-serif;}
.name12	{background-color: #005500;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;}

/* For use with Chorus Info Pages */
.ctop0	{background-color: #fbfbd7;}
.ctop1	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #00cc00;
	font-size: 2.0em;
	font-weight: bold;
	text-align: right;}
.ctop2	{font-family: arial, helvetica, sans-serif;
	color: #0000cc;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;}
.ctop3	{font-family: arial, helvetica, sans-serif;
	color: #0000cc;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;}
.info	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #cc0000;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;}
.item	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #0000cc;
	font-size: 1.0em;
	text-align: right;
	vertical-align: text-top;}
.event	{font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #006600;
	font-size: 1.0em;
	text-align: left;
	vertical-align: text-top;}
.data	{font-family: arial, helvetica, sans-serif;
	color: inherit;
	font-size: 1.0em;
	text-align: left;
	vertical-align: text-top;}
.data2	{font-family: arial, helvetica, sans-serif;
	color: inherit;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	vertical-align: text-top;}
.back	{background-color: #00ffff;
	font-family: 'comic sans ms', arial, helvetica, sans-serif;
	color: #000066;
	font-size: 0.9em;
	text-align: center;}

/* For use with WORKSHOPS */
.wslog	{font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	text-align: center;
	color: #009900;}

/* For use with PROMO */
.name13	{font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	text-align: center;
	color: #000066;}