/* top styles for rigdenage.co.uk & subsites */

body {
	background: url(menu.gif) #ffc repeat-y;
	margin: 0;
	font: 76% arial,helvetica,sans-serif;
	color: #000;
	}
p {
	font-size:100%;
}

.imgRight {
	float: right;
	margin: 0 20px 5px 10px;
	border: none;
	position: relative;
	}

.imgLeft {
	float: left;
	margin: 0 10px 5px 0;
	border: none;
	position: relative;
	}

.centre {
	border: none;
	position: relative;
	text-align:center;
	margin:0px auto;
	padding: 10px;
	}

.sm_font {  
	font-size: 75%;
	}

div#skip {
	position: absolute; top: 10px; left: 10px;
	padding: 5px;
	border:none;
	}

/* ******** headings ******** */
h1 {  
	font: 2.5em times-new-roman,times,serif;
	padding: 30px 30px 30px 175px;
	margin: 0;
	color: #ffc; 
	border-color: #ffc; 
	border-style: solid; 
	border-width: 8px 8px 0;
	font-style: italic;
	font-weight: bold;
	}
h2 {  
	font-size: 1.2em; 
/* colour specified as banner for each section in other css */
	}
h3 {  
	font-size: 1.0em; 
	padding: 10px 0 0 0;
	margin: 0;
	}
h5 {  
	font-size: 0.9em; 
	font-style: italic; 
	}

/* ******** left navigation ********* */

/* Absolute positioning of left nav takes it out of the flow - use with caution */
/* Because this div is not nested within the body it takes its origins as 0,0 within window */

div#nav {
	position: absolute; 
	top: 110px; 
	left: 0px; 
	right: 0px;
	width: 180px; 
	}
	
/* ul is placed within the div to allow for flexibility */
div#nav ul {
	list-style: none;
	margin: 15px;
	padding: 10px;
	font-size: 1.2em;
	}

div#subnav ul {
	position: absolute; 
	list-style: none;
	top: 240px; 
	font-size: 1.2em;	
	}
	
/* Block display means that the whole area is clickable instead of just the text */
div#nav ul li a, div#nav ul li span {
	display: block;
	padding: 4px 3px;
	width: 140px;
	}

/* ******** content area ******** */
div#content {
	margin: 10px 0 10px 200px ;
/*	border: solid 4px #ffc;  */
	font-size: 1.2em;
	}

/* left and right panels within content area */

div#panel_left {
	width: 40%; 
	margin: 25px;
	float: left;
	}

div#panel_right {
	width: 40%; 
	margin: 25px;
	float: right;
	position: relative;
	}