/* Overview */
/* .style_name {} is used for class="style_name"  */
/* #style_name {} is used for <div id="style_name></div>  */
/* tag_name {} is used to redefine style settings for standard HTML tag ie. <P>
/* Can also use <td style="font-style:italic; color:#FFFFFF; font-weight:bold;"> when you want to specify style settings with the HTML tag */


/* ---------------------------------------------------------------------------------- */
/* Setup the 3 frames (Header, Contents & Footer)  */

BODY {

	font-family: Arial, Helvetica, sans-serif;	/* Define font preferences for entire page */
	font-size:16px;								/* Define font size for entire page */
	color:#000000;								/* Define font default colour for entire page */
	BACKGROUND: #aaa; 						/* needs to be kept in sync with foot_grey TAG */
}


/* Centre content in browser */
#wrapper {
 	width: 780px ;
  margin-left: auto ;
  margin-right: auto ;	
}

/* Heading Background */
#head {
	margin-left:6px;
	margin-top:5px;
	margin-bottom:0px;
	float:left;
	display:inline;
	overflow:hidden;
	
	width:780px;
	height:200px;
	background: url(../images/menu/header_background.bmp);    /* background colour */
	background-repeat:repeat-x;
}

/* Contents background */
#content {
	margin-left:6px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 20px 10px 80px 10px;	/*set top padding / right padding / bottom padding & left padding  */
	float:left;
	display:inline;
	overflow:hidden;
	BACKGROUND: #fff; 
	padding-top:30px;
	width:760px;
}

/* Footer background */
#foot {
	margin-left:6px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
	overflow:hidden;
	
	height:50px;
	width:778px;
	COLOR: #fff;
	BACKGROUND: #000;
	BORDER-RIGHT: #000 1px solid; 
	BORDER-TOP: #000 1px solid; 
	BORDER-BOTTOM: #000 1px solid; 
	BORDER-LEFT: #000 1px solid; 
}

/* Grey area under the footer */
#foot_grey {
	BACKGROUND: #aaa;		/* needs to be kept in sync with body TAG */
	height:50px;
}
.clearfloat {
	clear:both;
	height:0px;
}