body {
		background: #a7a7a7 url(../img/shadow.png) repeat-y center;
		font: .8125em Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	
	a {
		background: inherit;
		color: #1f5099;
		text-decoration: underline;
	}
		
		a:hover {
			text-decoration: underline !important;
		}
		
		a img {
			border: 0;
		}
	
	img {
		border: 0;
		display: block;
	}
	
	form {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	h1, h2, h3, h4, h5 {
		font-family: Arial, Helvetica, Verdana, sans-serif;
	}
	
	h1 {
		color: #1f5099;
		font-size: 1.5em;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		padding-left:0;
		position: relative;
		top: -.25em;
		width: auto;
	}
	
	h3 {
		font-size: 1.1em;
		margin: 0 0 .7em 0;
		padding: 0;
	}
	
/*****   GENERAL: This section sets site-wide/often-used styles.                  *****/
	
	#break {
		clear: both;
	}
	
	.centre {
		margin: auto;
	}
	
	.centrecontent {
		border-left: #d9d9d9 solid 1px;
		margin: 0 0 0 165px;
		padding: 0 0 2em 14px;
	}
		
		.centrecontent li {
			padding: .25em;
		}
		
		/* 'Body copy' text -- i.e. the text that will be under your <H1>. */
		.centrecontent p {
			letter-spacing: .03em;
			line-height: 1.6em;
			margin: 0 0 1em 0;
		}
			
			.centrecontent p, .centrecontent ol, .centrecontent ul {
				margin-right: 0px;
			}
			
			body.sidebar .centrecontent p, body.sidebar .centrecontent ol, body.sidebar .centrecontent ul {
				margin-right: 0;
			}
		
		.centrecontent p, .centrecontent li {
			font-size: .95em;
		}
		
		#main-content {
			float: left;
			width: 440px;
		}
	
	.clear {
		clear: both;
	}
	
	.colourbar {
		background: blue repeat url(../img/colourbars.gif);
		clear: left;
		height: 8px;
		margin-bottom: 3px;
		overflow: hidden;
	}
	
	#container {
		background: white;
		margin: 0 auto;
		padding: 10px;
		position: relative;
		width: 800px;
	}
	
	.pageContent {
		float: left;
		margin: 0 0 0 0;
		padding: 0 15px;
		position: relative;
		width: 620px;
	}

/*****   HEADER: This section styles the header and masthead sections.            *****/
	

	#masthead {
		background-image: url(../img/wavebanner2.jpg);
		background-repeat: no-repeat;
		font-family: Verdana, Arial, sans-serif;
		height: 131px;
		overflow: hidden;
		position: relative;
		width: 800px;
	}
		
		#masthead a:link, #masthead a:visited {
			background: transparent;
			background-color: inherit;
			color: #555;
			font-size: 11px;
			position: absolute;
			right: 8px;
			text-decoration: none;
			top: 8px;
		}
		
		#masthead a .url {
			background-color: inherit;
			border-left: 1px solid #789;
			color: #555;
			margin-left: 8px;
			padding-left: 8px;
		}
	
	.pageBanner {
		margin: 131px 0 0 0;
	}
	
	.pageBanner .subtitle {
		display: block;
		font-size: 15px;
		margin: 3px;
		position: static;
	}
	
	/* Put your own department banner image here */
	#heading {
		height: 140px;
		position: relative;
		margin-bottom: 12px;
		overflow: hidden;
	}
		
		#heading .heading, body.gallery .heading {
			background: transparent;
			color: white;
			display: block;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			position: absolute;
			right: 18px;
			top: 65px;
		}
			
			body.gallery .heading {
				top: 156px;
				z-index: 100;
			}
		
		#heading .heading a:link, #heading .heading a:visited {
			background: transparent;
			color: white;
			text-decoration: none;
			display:none;
		}
		

	#footer {
		clear: both;
		font-size: .9em;
		padding-top: 3em;
		text-align: center;
		width: 100%;
		margin-bottom:20px;
	}
		
		#footer ul {
			margin: 0 0 1.5em 0;
			padding: 0;
		}
		
		#footer ul li {
			display: inline;
			padding: 1.5em;
		}
		
		#footer p {
			margin: 0;
			padding: 0;
		}

/*****   FAUXABS: This section applies the "Faux Absolute Position Tricks"        *****/
	
	#canvas {
		margin: 0pt auto;
		padding: 10px;
		width: 800px;
	}
	
	.line {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}
	
	.item {
		float: left;
		left: 100%;
		position: relative;
	}
	
	#header {
		margin-left: -800px;
		width: 800px;
	}
	
	#body {
		background: transparent url(../img/bg-page.png) repeat-y scroll 165px 50%;
	}
	
	#leftcol {
		margin-left: -800px;
		padding: 0 15px 0 0;
		width: 150px;
	}
	
	.centrecontent {
		border-left: none;
		padding: 0 0 2em 15px;
	}
	
	#middlecol {
		margin-left: -635px;
		width: 620px;
	}
	
	#trailer {
		margin-left: -800px;
		padding: 0 0 10px;
		width: 800px;
	}
	
	/* Sidebar */
	
	body.sidebar #body {
		background: transparent url(../img/bg-sidebar_page.png) repeat-y scroll 165px 50%;
	}
	
	body.sidebar .centrecontent {
		background: transparent;
		width: 443px !important;
	}
	
	body.sidebar #middlecol {
		margin-left: -635px;
		width: 443px;
	}
	
	body.sidebar #rightcol {
		background: transparent;
		margin: 34px 0 0 -178px;
		padding: 5px 7px 0 7px;
		width: 163px;
	}
	
	.copyright	{text-align:right;width:100%;font-size:8pt;color:#a7a7a7}
	#sidenav LI {line-height:8px;width:100%;padding-top:8px;margin-bottom:4px;padding-bottom:14px;border-bottom:1px solid #a7a7a7;width:140px;}
#sidenav LI {list-style-type:none}
#sidenav LI {padding-left: -40px;margin-left: -40px;}
#sidenav A	{color:#000000;text-decoration:none}

#sidenav LI UL {margin:0;padding-left:65px;padding-top:10px;}
#sidenav LI UL LI {border-bottom:0px;line-height:18px;padding-top:2px;padding-bottom:2px;font-size:9pt}