.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	position: absolute;
	background-color:#FFFFFF; 
	top: 00px;
	left: 100px; 
	width: 75%;
	height:auto;
	border-left: #7c9caf 1px solid;
	border-right: #7c9caf 1px solid;
	padding:5px;
	z-index:1;
}
.menuBar {
	position: absolute;
	background:#7c9caf;
	border-left: #7c9caf 1px solid; 
	top: 85px;
	left: 100px; 
	width: 76%;
	z-index:3;
}

.mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	position: absolute;
	background-color:#FFFFFF; 
	top: 84px;
	left: 100px; 
	width: 75%;
	height:auto;
	border-bottom: 1px #7c9caf solid;
	border-left: #7c9caf 1px solid;
	border-right: #7c9caf 1px solid;
	padding:5px;
	z-index:2;
}

#menu{
height: 25px;
background: #7c9caf; /* steel blue*/
}
#menu ul{
padding: 0px; /*Removes the customary indent of a list*/
margin: 0px; /*Removes the customary indent of a list*/
list-style: none; /*Removes the disc*/
}
#menu li{
float: left; /*Forces the links to align horizontally*/
line-height: 25px; /*Set the line height, equals the height of the menu div*/
vertical-align: middle; /*Centres the text vertically*/
border-right: 1px #000000 solid; /*Creates the black spacer after each link*/
}
#menu a{
padding: 0 15px 0 15px; /*Creates a little spacing on each side of the tabs text*/
text-decoration: none; /*Removes the standard line under a link*/
display: block; /*Forces the whole tab to highlight as apposed to only the text*/
color: #ffffff; /*Sets the colour of the text of the tab to black*/
background: #7c9caf; /*Sets the background colour of the tab to steel blue*/
}
#menu a:hover { /*Defines what the tab will look like when the mouse is hovered over the text*/
background: #E2D3B2; /*Sets the background colour of the tab to light blue*/
color: #000000; /*Sets the colour of tab's text to black*/
/*border-bottom: 1px #000000 solid; /*Create the illusion of the tab appearing behind the page*/
line-height: 25px; /*Line height is reduced by 1px to accommodate the bottom border and stop the tab from becoming misaligned*/
}
#menu .current{ /*Defines what the current pages tab must look like*/
background: #DEE5ED; /*Sets the background colour of the tab to light blue*/
color: #000000; /*Sets the colour of tab's text to black*/
border-bottom: 0px;
line-height: 25px;
}
#menu a:hover.current { /*Defines how the current pages tab must behave when the mouse is hovered over the tab*/
border-bottom: none;
line-height: 25px;
}