/* Background and text colours 
bgnd #493d4a
text #88969c
*/

a:link, a:visited, a:active {color: #8D2D80;}
a:hover {color:#327176;}
a img {border:0;}

body {
	margin:10px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:75%;
	text-align:center;
	color:#111;
	background-color:#357B7B;
	}
form {
	padding:5px; 
	margin:10px 0 0 0; 
	border:1px solid #CFABCA;
	}
input, textarea, select {
	margin:2px 0;
	}
p, td {
	font-size:1.2em;
	line-height:1.3em;
	padding:0;
	margin:1.3em 0 1.3em 0;		
	}
#rightbar p {
	margin:.5em 0 .5em 0;		
	}

h1 {font-size:2em; line-height:1.3em; margin:20px 0 5px 0; padding:0; color:#3B8B95; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:1.5em; line-height:1.4em; margin:0; padding:0; color:#5D9AA2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:-1px;}
h3 {font-size:1.2em; line-height:1.2em; margin:0; padding:0; color:#8D2D80; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h4 {font-size:1.2em; line-height:.8em; margin:0; padding:0; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}

hr {color:#CFABCA; height:1px; background-color:#CFABCA; border:0;}
/* PAGE STRUCTURE */

#skipToContent {position:absolute; top:-200px;}
#container {
	border:5px solid #fff;
	background-color:#dff2fb;
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:5px;
	}
#header {
	background-color:#abcacf;
	height:120px;
	}
#navbar {
	display:none;
	background-color:#dff2fb;
	padding:5px;
	}
#leftbar { 				/* Don't add padding here as it messes up the structure */ 
	/* background-color:#D6E6EA; */
	width:200px;
	float:left;
	}
#leftbarDiv {}			/* Use this for adding padding etc to leftbar */
#mainContent {
	margin:0 200px 0 200px;
	padding:10px 20px;
	background-color:#dff2fb;
	/* position:relative;	Fixes the Peekaboo bug in IE6 */
	/* min-width:0;			Fixes the Peekaboo bug in IE7 */
	}
#mainContent a {
	text-decoration:none;
	 }
#mainContent a:hover {
	text-decoration:underline;
	 }
#rightbar { 			/* Don't add padding here as it messes up the structure */
	width:200px;		
	float:right;
	/* position:relative;	 Fixes the Peekaboo bug in IE6 */
	/* min-width:0;		 	 Fixes the Peekaboo bug in IE7 */
	}
#rightbar div {
	overflow:auto;		/* Clears floats for images */
	} 
#rightbarDiv {}			/* Use this for adding padding etc to rightbar */
#footer {
	padding:10px;
	margin:0 auto;
	}
.cleaner {				/* This is simplified compared to the original version */
	clear:both;
	}
.minHeightDiv {			/* This is a div included in mainContent to set min height.  It needs a 'cleaner' div to push against! */
	float:left;
	width:1px;
	height:400px;
	}