/* 
Corby Male Voice Choir Style Sheet

This is used to position and format all the elements of the site.
The section marked 'Text Formatting' can be used to change font sizes/colours etc
The section marked 'Structure' formats the layout of the site and should be left
as is (except for changing colours if you wish).

Colours Used:
	Main Background (cream): #e5e4d0


Copyright 2007 Ben Taylor
*/


/** Text Formatting and colours **/

body, html {
	margin: 0 auto;
	background: #fff url("../images/main_container_background.gif") repeat-y;
	background-position: center;
	padding: 0;
	height: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
}

h1, #news_box b {
	color: #a5a5a5;
	font-family: 'Times New Roman', serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.75em;
}

h1 { 
	font-size: 2em; 
	padding: 0;
	margin: 0;
}

th {
	background: #dfdfd3;
	font-size: 1.3em;
	font-weight: bold;
}

td {
	background: #efefe3;
}

.table_mid {
	text-align: center;
	font-weight: bold;
}

/** Structure **/

#main_container {
	margin: 0 auto;
	width: 650px;
	height: 100%;
	padding-right: 8px;
	/*background: #e5e4d0 url("../images/main_container_background.gif") repeat-y;*/
}

#head {
	margin: 0 auto;
	width: 770px;
}


#content {
	width: 495px;
	background: #e5e4d0;
	float: right;
}

div#news_box {		/* Styled via Javascript to round the edges */
	float: right;
	margin: 0 1em 1em 1em;
	/*padding: 1em;*/
	background-color: #efefe3;
	width: 50%;		/* Width of the new box */
}

p.photo {	/* A paragraph holding a photo and a description */
	font-style: italic;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #a5a5a5 dashed;
}

p.photo img { border: 0; }

/* Need to apply padding directly to the paragraphs, 
   insted of to the div beacuse IE is awkward and 
   won't render the rounded corners correctly otherwise */
#news_box p {
	padding-left: 1em;
	padding-right: 1em;
}

#news_box hr {
	border: 0;
	height: 1px;
	color: #fff;
	background-color: #a5a5a5;
}

#nav {
	float: left;
	width: 9em;
	border-right: 1px solid #999; 			/* Black line on right */ 
	padding: 0;
	margin-bottom: 1em; 					/* Blank spacing below menu - before next content */
	margin-right: 1em;						/* Stop content being fluch against the buttons */
	font-family: 'Times New Roman', serif;	/* Serif font for the menu text */
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1pt;
	background-color: #e5e4d0;				/* Overall background colour (behind buttons) */
	color: #000000;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#nav li {
	border-bottom: 2px solid #e5e4d0; 	/* Spacer colour between items */
	margin: 0;
}

#nav li.last { border-bottom: 0; }		/* The last item shouldn't have a bottom spacer */
#nav li.last_curr a { 
	border-right: 10px solid #9fd090;
	color: #000;
	border-bottom: 0; 
	}		
#nav li.last_curr a:hover {	
	border-right: 10px solid #9fd090;
	background-color: #efefe3;
	color: #000;
	border-bottom: 0;
}
#nav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-right: 10px solid #cccdc5; 	/* Right block colour */
	background-color: #efefe3;			/* Main background colour */
	color: #555;						/* Main button text colour */
	text-decoration: none;
	width: 100%;
}

html>body #nav li a {
	width: auto;
}

#nav li.curr a {
	border-right: 10px solid #9fd090; 	/* Current page right block colour */
	color: #000;
}

#nav li a:hover {
	border-right: 10px solid #e89f7e;	/* Right block mouse over colour */
	background-color: #dadac8; 			/* Background mouse over colour */
	color: #000;						/* Text mouse over colour */
}

#nav li.curr a:hover {					/* Remove mouse over effect for current page */
	border-right: 10px solid #9fd090;
	background-color: #efefe3;
	color: #000;
}