@import url(form.css);
@import url(menu_style.css);
body {
	margin:0;
	padding:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", georgia, serif;
	color:#000; 
	font-size:100.01%; 
	background: #040204;
	text-align:center;
	}
p, ul, ol, li, table, tr, td {font-family:"Lucida Grande", "Lucida Sans Unicode", georgia, serif;}
h1, h2, h3, h4, h5, h6 {color: #663735;font-family:"Trebuchet MS", verdana, sans-serif;}
	h2
	{
		text-indent: 5px;
		}
		
img {border: 0; }
a, a:link, a:visited {color:#452a18;}
a:visited {color:#7E221B}
a:hover {color:#621B15}

/* a pencil powered style - Dec 2004 */
.style1 {font-size: 83%}
.style4 {
	font-size: 92%;
	font-style: italic;
}
.style5 {font-size: 133%}
.style8 {font-size: 16px}
.style17 {font-size: 100%; color: #400000; }
.style19 {color: #400000}
.style20 {
	font-size: 16px;
	color: #400000;
	font-weight: bold;
}
.style21 {color: #000000}
.style22 {font-size: 16px; font-weight: bold; }
.style23 {font-size: 112%; font-weight: bold; }
.style25 {font-size: large}

.imagecaption {float:left;  margin: 0px 10px 5px 0; font-size:0.7em;}
.imagecapton img {float:none; margin:0;}
.alignimageleft {float:left;}
.alignimageright {float:right;}
.whitetext {color:#fff;}

.clear {margin:0; padding:0; clear:both; font-size: 0.1em;}
	.memberslink
	{color:white !important;text-decoration:none;font-size:10px;}
	.choirparagraph
	{width:90%; padding-left:50px; padding-right:50px;}
	
	.concerttitle
	{width:80%; text-align:left; padding-left:150px;
	}


#bg {
	width:758px;
	background-color: #040204;
	background-image: none;
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#page {
	width: 758px;
	border: 1px solid #000;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 0.9em;
	background-color: #503800;
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", georgia, serif;
}
* html #page {width: 756px; wid\th: 758px;}
#header {} 

/*Home Navigation*/
#navcontainer {
	width: 758px;
	text-align:center;
	margin: 0;
	padding: 0;
	height: 28px;
	margin:0;
	font-size: 0.8em;
	text-align: center;
	color: #af5521;
	background-repeat: repeat-x;
	background-color: #8b8316;
}
#navcontainer a {line-height: 28px;margin: 0 10px 10px 10px; color: #fff; text-decoration: none;}
#navcontainer a:hover {color: #f5d7b4; }

/* Footer */
#footer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 720px;
	margin: 10px 19px;
	padding: 0;
	font-size: 0.65em;
	height: 20px;
	line-height: 20px;
	background-color: #7A5D18;
}
#footernav{
	background:#7A5D18;
	margin: 0;
	padding: 0;
	height: 20px;
	float: left;
	overflow: hidden;
}
#footernav a {background: none; padding: 0 9px; margin: 0; color: #000; text-decoration: none;}
#footernav a:hover {color: #ccc; }
#login {
	background: #774c29;
	color: #fff;
	width: 145px;
	float: right;
	text-align: center;
	margin-bottom: -5px;
}
* html #login {height: 20px;}
#loginbox {margin: 0; padding:0;height: 14px; width: 75px;font-size: 12px;border: 1px solid #000;}
#gologin {margin: -2px 0 0 5px; padding: 0; font-size: 10px;border: 1px solid #000; background: #fff;}
* html #gologin {margin-top:0;}
#footerlogo {float: right; border: 0;margin: 0;}

/* Main Content Area */
#content {
	margin: 0;
	padding: 0;
	width: 758px;
	color: #040204;
	text-align:left;
	background-color:#EEddaa;
/*	background-color: #c18d29;
/* background-color: #F0D4A1; */
}
#feature {border:0;margin:0;}
#content h1, #content h2, #content h3 {
	color: #040204;
	margin-top:0;
	padding-top:5px;
}
#content h1 {font-size: 1.6em;} #content h2 {font-size: 1.3em;} #content h3 {font-size: 1.1em;}

/* Home Page Colulmns */
#lefthome { margin: 15px 0 0 0; padding: 0 25px 0 25px; width:349px; float:left; border-right: 1px solid #000; }
* html #lefthome {width: 400px; wid\th: 349px;}
#lefthome img, #righthome img {float: left; margin: 0 10px 5px 0; }
#righthome { margin: 15px 0 0 420px; padding: 0; width:315px;}
#righthome hr {color: black; height: 1px; }

/* Secondary Page Columns */
#sidebar {
	margin: 0;
	padding: 0 15px 15px 15px;
	width:170px;
	float: left;
	color:#FFF;
	font-size: smaller;
	display:block;
	background-color:#725141;
/*	background-color: #774c29; 
/* background-color: #EB9650; */
}
* html #sidebar {width: 200px; wid\th: 170px;}
#sidebar a {color: #FFF;}
#sidebar a:link {text-decoration:underline; }
#sidebar a:visited {text-decoration:underline;}
#sidebar a:hover {text-decoration:none;}
#sidebar p {margin-left: 5px; }
#left {
	margin: 0 -15px 15px -15px;
	padding: 10px 15px;
	text-align:left;
	background: #000000;
}
#left ul {margin: 0; padding: 0; list-style-type: none; }
#left li {margin: 0; padding: 7px 0; list-style-type: none;}
#left a:link {color:#fff; text-decoration:none;}
#left a:visited {text-decoration:none; color: #fff;}
#left a:hover {text-decoration:underline; color: #fff;}
#left img {float: left; margin: 0 10px 5px 0; }
#sidebar h1, #sidebar h2, #sidebar h3 {color: #fff;}

#right { margin: 0 0 0 225px; padding: 20px 0; text-align:left; width:500px; }
#right p {margin-left: 15px; }
#right hr {color: black; height: 1px; }
#right img { margin: 0px 10px 5px 0; }
#right ul {list-style-type: star; color: #000; }
#right a:link {text-decoration: underline; color: #000; }
#right a:visited {text-decoration: underline; color: #000; }
#right a:hover {text-decoration: none; color: #663735;}
	
#dateupdated {font-family:'Courier New', Courier, monospace; font-size:12px; background-color:#330000; color:#66FFFF;}
#content2 { text-align : justify; width: 95%; padding-left: 5px; }


/* Colour Palette derived from choir image
Dull
#111111
#222222
#555544
#ddccbb
#997766

Vibrant
#111111
#332222
#775544
#ffdddd
#cc6644

   #1E1D21
   #040204
   #FEFCFC
   #AEADAE
   #D6D6D6
   #747474
   #5C5956
   #433D3B
   #C79789
   #A67C75
   #E7BBB4
   #4F2314
   #996143


.color1 {
    color: #83655e; /* pharlap 
}
.color2 {
    color: #0b0408;
}
.color3 {
    color: #0b0509;
}
.color4 {
    color: #110c0e;
}
.color5 {
    color: #120d0e;
}
.color6 {
    color: #18161a; /* nero 
}
.color7 {
    color: #1b1617; /* nero 
}
.color8 {
    color: #88655e; /* pharlap 
}
.color9 {
    color: #1d1b1f; /* nero 
}
.color10 {
    color: #0b0607;
}
.color11 {
    color: #2e2426; /* bokara grey 
}
.color12 {
    color: #0e080c;
}
.color13 {
    color: #725141; /* pickled bean 
}
.color14 {
    color: #090407;
}
.color15 {
    color: #100d10;
}


From: http://www.degraeve.com/color-palette/

Colour palette derived from header image
#774422
#443311
#886633
#997744
#eeeedd

#882200
#551100
#aa5500
#bb6600
#ffffff


   #6F4826
   #906B37
   #FDFEFD
   #0C0B0A
   #4C2B15
   #B2A38F
   #F7E6D8
   #957A65
   #D7C5B5
   #6D6356
*/