body, p, div, h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:94%;
	padding: 0;
	margin: 0;
}
li, ul {
	font-size:98%;
	}
th {text-align:left;
	}
	
/* wrapper defines the web page*/
#wrapper{
	background-color:#ffffff;
	padding: 0px;
	height: 650px;
	width: 900px;
 	margin:5px auto;
}

/*header defines the logo area*/
#header {
	text-align: right;
}
#header a{
	color:#fff;
}
 /*title defines the top heading and breadcrumb area*/
#title{
	margin:0 0 5px 165px;
}
#title a{
	font-size:0.90em;
}
/*nav defines the left hand navigation area*/
#nav {
	float:left;
	width:145px;
}	
#nav a {
	font-size:1.2em;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 135px;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: middle;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
#nav a:hover, a:focus {
	color: #000000;
	text-decoration: underline;	
}
/*The following code defines the box colour for each of the navigation elements, this colour is matched in the titles and nav2 area*/
#nav #home {
	background-color: #6586bb;
	padding-bottom:7px;
}
#nav #uppergi {
	background-color: #6586bb;
}
#nav #rde {
	background-color: #95b0cd;
}
#nav #brochure {
	background-color: #cc0033;
	}
/*End of box colour definitions*/
/* This removes the bullets from the list*/
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*innernav defines the drop down links for each top level heading */
#innernav a {
	font-size:1.1em;
	width: 120px;
	padding:3px;
	margin-left:15px;
	margin-top:0px;
}
/*This defines the main central area*/
#content {
	float:left;
	margin-top:-5px;
	margin-left:20px;
	height:auto;
	width:735px;
}
#content_box_uppergi {
	background-color:#a6bae0;
	font-weight:bold;
	width:711px;
	padding:10px;
	text-align:center;
	margin-bottom:5px;
	border:#cc0033 2px solid;
	}
#contents_menu_prof {
	width:630px;
	margin-top:0.8em;
	}
#contents_menu_prof ul{
	margin-left:0em;
	text-align:center;
	background-color:#990066;
	padding:0.3em;
	margin-bottom:5px;
}
#contents_menu_prof ul li{
	display:inline;
	margin-right:0.9em;
	border-right:0.2em solid #FFFFFF;
	padding-right:0.5em;
}
#contents_menu_prof a{
	font-weight:bold;
	color:#FFFFFF;
}
#contents_menu_jobs {
	width:580px;
	margin-top:0.8em;
	}
#contents_menu_jobs ul{
	margin-left:0em;
	text-align:center;
	background-color:#EE6002;
	padding:0.3em;
	margin-bottom:5px;
}
#contents_menu_jobs ul li{
	display:inline;
	margin-right:0.9em;
	border-right:0.2em solid #FFFFFF;
	padding-right:0.5em;
}
#contents_menu_jobs a{
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.1em;
}
#skip nav {
	width:300px;
}
#skip {
	height:10px;
	}
/*This defines the footer with banner and address*/
#footer {
	clear:both;
	text-align: center;
	margin-top:-3px;
	}
#footer ul li{
	padding:0 10px;
	margin:0;
	display:inline;
	font-size:94%;
}
#footer a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#footerhome {
	margin-top:-10px;
	background-image: url(images/UpperGI_banner3.jpg);	
	background-repeat: no-repeat;
	background-position: left bottom;	
	height:128px;	
}
#ward {
	font-weight:bold;
	}
/*The Styling of the pages*/
h1 {
	font-weight:bold;
	margin-bottom:3px;
	font-size:1.5em;
}
h2 {
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.09em;
}
h3 {
	font-weight:bold;
	font-size:1em;
}
h4 {
	font-weight:bold;
	font-size:1.3em;
	margin-top:10px;
	}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
.style2 {
	font-weight:bold;
	}
.style3 {
	font-size::1.1em;
	font-weight:bold;
}
.style4 {
	font-size: 1.2em;
	font-weight:bold;
	}
.tableeven {
	background-color:#f4bee2;
	}
.tableodd {
	background-color:#EFE8F9;
	}
.WardTableCaption {
	font-weight:bold;
	padding-bottom:0.7em;
	color:#4001A8;
	font-size:1.2em;
	}
.stylelist {
	text-decoration: none;
	display: inline;
	padding:7px;
	font-weight: bold;
	}
	
/*Floats*/
.leftimage {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}
.rightimage {
	float:right;
	margin-left:10px;
	margin-top:5px;
	}
a:visited, a:active{
	color: #6633FF;
}
.clearit {
	clear:both;
}

/*This area matches the colours of titles and nav2 (Useful Links) to the area type for each main area*/
.home {
	color: #0099CC;
}
.nav2home {
	background-color:#0099CC;
}
.uppergi {
	color:#6586bb;
}
.red {
	color:#cc0033;
	}
