@charset "utf-8";
/* CSS Document */

pre { font-family: monospace; }
h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.125em;
	background-color: #B4C8FA; /* set background color as pale blue */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/*Centred dark blue panel for main content and header to sit within */
#centerpanel {
	background-color: #376D8F;
	width: 47em; /* use ems so that resizes elegantly on font size change */
	margin: 100px auto;
	text-align: left; /* reset after centering command in body to force IE to allow centering of div */
	padding: 0;
	position: relative;
}

/* container for header has picture as background */
#headercontainer {
	background-image:url(../images/origbeacon760w.jpg);
	background-repeat: no-repeat;
	background-color: #376D8F; /* give dark bluye background to make it look better if font gets big making center panel wider than pic */
	background-position:right; /* keep pic over main content rather than nav panel */
	height: 124px;
	padding: 0;
	margin: 0;
}

/* redundant if stick with leaving out text from header picture */
#header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000066;
	text-align: right;
	padding: 14px 30px 0 0;
}

#main { /* contains main content panel and sidebar */
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: #8AB6DD; /* pale blue */
}
 * html #main {
 	height: 1%; /*for ie */
}

/* left sidebar - contains navbar and additional logos etc, and is fixed to top left even when scrolling - I hope... */


/* To hold the main content */
#content {
	padding: 1em 2em 1em 2em;
	text-align: left;
	background-color: #8AB6DD; /* pale blue */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

/* Main content styles */

#content p {
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 1em 0;
}

#content h1 {
  font-size: 1.5em;
  text-align: center;
  margin: 0;
  padding: 0 0 0.7em 0;
  line-height: 1.5em;
}

#content h2 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 0.8em 0;
}	

#content h3 {
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em 0 0 0;
}