/* ---- Church Music Society CSS Styles ---- */
/* -------------- January 2010 ------------- */


body {
	max-width:		950px; /* limit width in wide broaswers */
	min-width:	    600px; /* prevent short windows */
	margin-left:	100px;
	margin-right: 	auto;
	margin-top:		0;
	background-color:#FFFFFF; /* window behind canvas */
	font-size:		small;
}
#canvas { /* wraps the entire page */
	background-color:#CDD7A2; 
	border: 		0;
	margin-left: 	auto;     /* centre canvas on page */
	margin-right: 	auto;             
	margin-top:		0;
	margin-bottom:	0;
}


/*                                LAYOUT DIVS                               */
/* ------------------------------------------------------------------------- */
#toppane /* contains logo and title */
{
	width: auto%;  		
	min-height: 80px;
	background-color: #627E82;
	padding: 0; 
	margin: 0;
}

#mainpane {
	background-color:#CDD7A2;
	margin:0;
}
#bigpane {
	background-color:#CDD7A2;
	margin:0;
	margin-right:7px;
}

#centrepane { /* centre column where the content goes */
	margin: 0 174px 0 155px;  
	padding: 0 1% 0 1%;
	line-height: 1.3;
	min-height: 50px; /* fix ie7 drawing bugs - must have a nominal height */
}
#bigpane p, #centrepane p, #bigpane li, #centrepane li {
font-family:Georgia, "Times New Roman", Times, serif;	
}
#breadcrumbspane{ /* divider between logos and main page containing breadcrumbs */
	width: 				auto;
	background-color: 	#000000;
	clear:				both;
	padding: 			2px 1% 5px 1%;
	text-decoration: 	none;
	font-family: 		Arial, Helvetica, sans-serif; font-size: 0.8em;
	color:				#000000;
	margin: 			0;
	min-height:7px; /* fix ie 7 drawing bug */
}


/* the following CSS hacks are used to fix rendering bugs in IE6
which prevent divs from displaying properly */
* html #toppane {
	height:110px; /* must set a nominal height to fix IE6 bug */
} 
* html #centrepane {
	height:10px; /* must set a nominal height to fix IE6 bug */
} 
* html #localmenupane {
	height:10px; /* must set a nominal height to fix IE6 bug */
} 
#leftpane
{
	float:left;
	background-color:	#074769;  /* Color for left hand menu background */
	width: 				142px;    /* total width is 190 with padding: 186+7+7 */
	padding: 			7px;
	margin:				0px;
	line-height: 		1.4;
}
#localmenupane /* horizontal bar containing section title and links */
{
	width:auto;
	margin: 0 0 0 186px;
	padding: 0 0 3px 14px;
	background-color:#86B999;
	min-height:20px; /* fix ie 7 drawing bug */
}
* html #localmenupane {
	padding: 0 0 3px 7px;
}
#rightpane /* right column containing first submenu */
{
	float: right;
	width: 174px;  
	margin: 0 4px 0 0;
	padding:0; /* left is 0 as the space is provided by the padding in #content. right is 0 as we want the right hand side to line up with the very edge of the canvas */
}

/* for the items at the bottom of every page */
#footerpane
{
	width: 98%;
	background-color:#000000;
	clear: both; /* ensures this doesn't overlay any other areas */
	padding: 7px 1% 7px 1%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
	min-height:35px;
}
#title 
{
	float:left;	
	margin: 0;
	padding: 0;
}
#biglogo /* for the topright logo */
{
	margin: 0;
	padding: 0;
	background-color: #627E82;
	float:left;
}
/* ---------------------------------------------------------------------- */
/*                                breadcrumbs                             */
/* ---------------------------------------------------------------------- */
/* used for the breadcrumbs */
#breadcrumbspane a {
	color:#FFFFFF;
}
#breadcrumbspane p {  /* prevent parargaphs going to next line in breadcrumbs */
	display:inline;
	}
#breadcrumbspane div { /* prevent divs going to next line in breadcrumbs */
	display:inline;
}
#AccessLink {
	Background-color:000000;
	color:ffffff;
	float:right;
	padding:0 10px 0 10px;
}
/* ---------------------------------------------------------------------- */
/*                            left hand navigation                        */
/* ---------------------------------------------------------------------- */

#navlist {  /* ID of the menu list UL */
	margin: 0;
	padding:0;
}
#navlist li
{
	list-style: 	none;
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
}
#navlist a
{
	display: 			block;
	width: 				90%;
	margin:				0 0 0 5%; /* Indent of menu items relative to subheadings */
	padding:				0 0 0 2%;
	text-decoration: 	none; 	   /* prevent underline of hover link */
	color: 				#FFFFFF;   /* link color */
}
#navlist a:hover
{
	text-decoration: none;        /* prevent underline of hover link */
	background-color: #43936D;    /* hover background color  */
}
#leftpane li.subheading {
    color:#FFFFFF;            /* subheading color */
	font-weight:bold;
}
#leftpane li.topheading {
    color:#FFFFFF;            /* subheading color */
	font-weight:bold;
	margin:0 0 0 -7%;
	padding:0;
	width:90%;
}
/* ------------------------------------------------------------------------- */
/*          Top row navigation                                               */
/* ------------------------------------------------------------------------- */
#localmenupane p {
line-height:1.3em;
}

#localmenupane a:link {
	color:#000000;
	padding:2px;
	text-decoration:none;
}
#localmenupane a:hover {
	background-color:#627E82;
	padding:2px;
	text-decoration:none;
}
#localmenupane a:visited {
	padding:2px;
	color:#000000;
	text-decoration:none;
}
#localmenupane a:active {
	padding:2px;
	background-color: #627E82;
	text-decoration:none;
}
/* ---------------------------------------------------------------------- */
/*                            right hand navigation                       */
/* ---------------------------------------------------------------------- */

 /* submenu header */
.head {
	display: 			block;
	margin:  			7px 0 0 0;
	padding:			0 0 1% 0;
	background-color: 	#627E82;       /* background color of submenu header  #EAE3D3*/
	text-decoration: 	none;
	line-height: 		normal;
}

/* list and links styles */
.navlist2
{
	margin:  			0 0 0 0;
	padding:			0 0 1% 0;
	line-height: 		normal;
	color:	#666666;
	background:#EAE3D3; /* background color of main part of menu #EEEEEE */
}
.navlist2 li
{
	margin: 0;
	border-bottom: 1px dotted gray;
	padding: 3px;
	list-style:none;  /* exclude numbers or bullet points  */
}
.navlist2 a:link {
	text-decoration: none;
	color:#000000;
}
.navlist2 a:active {
	text-decoration: none;
	color:#000000; 
}
.navlist2 a:visited { 
	text-decoration: none; 
	color:#000000;
} 
.navlist2 a:hover {
	text-decoration: underline; 
	color:#000000;
} 

.navlist2 a:

/* ------------------------------------------------------------------------- */
/*  				              footer					                 */
/* ------------------------------------------------------------------------- */
#footerpane a {
	color: #FFFFFF;
}
#footerpane a:link
{
color: #FFFFFF;
text-decoration: none;
}
#footerpane a:visited
{
color: #FFFFFF;
text-decoration: none;
}

/* ------------------------------------------------------------------------- */
/*                          Text Styling                                     */
/* ------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif; 
}

p, .pspace  {
	padding: 7px 1% 0.8em 7px;
}
td, th {  /* apply same spacing to table cells as to paragraphs..... */
	padding: 7px 1% 0.8em 7px;
}
table {
	min-height:7px;
}
td p, th p { /* ...but exclude the spacing if the paragraph is inside a table cell */
	padding: 0;
}

ul, ol {
	padding: 7px 7px 0.8em 17px;
	}
li {
	padding: 0 0 3px 0;
	margin-left:2em;
}
/* HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS */
h1 {
	font-size: 1.7em;
	padding: 7px 7px 0 7px;
	margin:75px 10px 3px 22px;
}
h2 {
	font-size: 1.25em;
	padding: 7px 7px 0 7px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom-style:solid;
	border-bottom-color:#86B999;
	border-bottom-width: 4px;
	margin-bottom:7px;
	margin-bottom:7px;
}

#title p {
	font-size: 0.9em;
	font:Georgia, "Times New Roman", Times, serif;
	padding: 1px 7px 0 7px;
	margin:5px 10px 10px 24px;
}

h3 {
	font-size: 1.25em;
	padding: 7px 7px 0 7px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom-style:solid;
	border-bottom-color:#86B999;
	border-bottom-width: 2px;
	margin-bottom:7px;
}
h4 {
	font-size: 1.1em;
	padding: 7px 7px 0 7px;
	border-bottom-style:solid;
	border-bottom-color:#D7C9AA;
	border-bottom-width:2px;
	margin-bottom:7px;
}
h3 a, h4 a {
	text-decoration: none; /* remove underline on h3 and h4 since they allready contain an underline as part of the heading style */
}
h5 {
	font-size: 1em;
	font-weight:bold;
	padding: 7px 7px 0 7px;
	margin-bottom:7px;
}
.indentq {
	
	margin-left:30px;
}

/* HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS */

div.centrepane h1 {
	color:#99FF00;
}

/*  LINKS  -   LINKS  -   LINKS  -   LINKS  -   LINKS  -   LINKS  -  */
a:link {
	color:#074769;
	
}
a:visited {
	color:#627E82;
}
a:active {
	color:#627E82;
}


div.head a:link {
	color:#ADB782;
	
}
div.head a:visited {
	color:#ADB782;
}
div.head a:active {
	color:#ADB782;
}