/* Broomhall Centre Style Sheet */

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

/*Heading styles*/
/*div id 'header' controls the headings on every page*/
#header { margin: 0; padding: 0; }

.bclogo { float: left; position: absolute; top: 5%; left: 5%; }

h1	{ color: #ffd700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 3% 15% 2% 20%;
	padding: 0;
	text-align: center;
}
h2	{ color: #00CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 15% 2% 20%;
	padding: 0;
	text-align: center;
}
h3	{ color: #D81690;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 15% 0 20%;
	padding: 0;
	text-align: center;
}
/*class 'line' controls the position and size of the rainbow line divider on every page*/
.line { height: 3px; margin: 0 26% 0 27%; width: 51%; }

/*Navigation style*/
#navigation {	
	font-size: 0.75em;
	margin: 10px 20% 0 25%;
	text-align: center;
	}
ul#navigation li {
	list-style-type: none;
	display: inline;
	border-left: 1px solid #999;
	padding: 1px 5px;
	}
ul#navigation li.first { border-left: 0; }

/*Main content area styles*/

/*div id 'content' controls the main body of all pages*/
#content { font-size: smaller; margin: 0;  padding: 1em 5% 1em 5%; }

/*div class 'contact' is in the Contact & Map page, contact.php*/	 
div.contact { margin: 0 auto; width: 600px; }

/*div class 'list' controls the layout of the list in the Hiring the Centre page, hiring.php*/
div.list { padding: 1em 0 1em 0; }
div.list li { 	margin: 5px 0 5px 0; }

th { text-align: left; }

/*table class 'charges' controls the table in the Hiring the Centre page, hiring.php*/
table.charges { width: 100%; border-collapse: collapse; }
table.charges caption { color: #D81690; line-height: 2em; font-weight: bold; }

/*table class 'wklyProg' appears in Weekly Classes page, wklyProg.php*/
table.wklyProg { width: 100%; }
#day { padding-left: 1%; width: 12%; }
#class { padding-left: 1%; width: 26%; }
#times { padding-left: 1%; width: 14%; }
#comments { padding-left: 1%; width: 28%; }
table.wklyProg thead tr { background: #D81690; color: white;}
table.wklyProg tbody tr.odd { background: #D0D9E4; }
table.wklyProg tbody td { padding-left: 0.6em; }

/*class 'thumbnails' controls the layout of the thumbnails in the Home page, index.php*/
.thumbnails img { border: none; margin: 0.4em; }

/*class 'logos' controls the layout of the links to other sites in the Home page, index.php*/
.logos img { border: none; margin: 0.5em; }

.hilite { background-color: yellow; }

/*classes set-margin1,2,3 control the vertical spacing between the paragraphs in the
  Home page, index.php, and Contact & Map page, contact.php*/
p.set-margin1 { margin: 6px 0 0 0; }
p.set-margin2 { margin: 9px 0 0 0; }
p.set-margin3 { margin: 9px 0 15px 0; }