@charset "utf-8";
@import url('nav.css');
@import "nav.css";



/* CSS Document */
a img {
	border:none;
}
.png24 {  
	/*
	For somereason, htc file need to be called from the same level as the HTML page,
	hough the htc file is actually placed in the same folder as CSS file.
	blank.gif file needs to be in the folder called "images" on the same level as HTML page
	also, width and height must be defined.
	*/
	behavior: url(css/iepngfix.htc); 
	z-index:0;
}

body {
	text-align:center;
}

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	line-height:17px;
	color:#333333;
}

.coloured {
	color:#00516B;
}

#pageWrapper {
	width:984px;
	margin:auto;
	margin-top:10px;
	margin-bottom:15px;
	text-align:left;
	padding:0;
}


#header {
	margin-top:10px;
	#padding-top:20px;
}

#header img {
	vertical-align:top;
}

#breadcum {
	margin-bottom:10px;
	padding-left:20px;
}

#footer {

}

#footer .blocky {
	height:180px;
	float:left;
	margin-top:5px;
	background-color:#999;
}

#footer .blocky .blocky-content {
	font-size:0.95em;
	line-height:1.3em;
	padding:8px;
	padding-top:0px;
}

#footer .title {
	color:#FFFFFF;
	font-size:13px;
	
}

#footer .coloured {
	color:#fff;
}



#bodyWrapper {
	position:relative;
	z-index:0;
}

#content-container {
	position:absolute;
	top:10px;
	left:10px;
	width:971px;
}

#leftCol {
	float:left;
}

#leftCol #content-bg {
	width:737px;
	height:431px;
	background-color:#7EBBD0;
}

#content-border {
	background:url(../images/container-side.png) repeat-y top center; 
	width:971px; 
	height:360px; 
	height:auto;
	overflow:visible;
}

#content-border-top {
	clear:both;
	background:url(../images/container-top.png) top center no-repeat; 
	height:42px;
}

#content-border-bottom {
	background:url(../images/container-bottom.png) no-repeat bottom center; 
	height:40px;
}

#content-border .content {
	padding:8px;
	padding-left:13px;
	padding-top:0px;
	padding-bottom:0px;	
	margin-top:-30px;
}

#content-border #rhs {
	width:200px;
	padding:8px;
	padding-top:13px;	
	padding-right:0px;
}

#rightCol {
	width:222px;
	height:339px;
	float:right;
	color:white;
	background:#006699 url(../images/rhs.gif) right bottom no-repeat;
	padding-right:10px;
	padding-left:10px;	
}

#rightCol *{
	color:white;
}
h1,h2,h3,h4,p {
	margin-bottom:0.5em;
	margin-top:0.5em;
	font-weight:normal			
}

h1 {
	font-size:1.6em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:0.9em;
}

h6 {
	font-size:0.8em;
}

ul {
	margin-left:0px;
	padding-left:10px;
}

li {
	list-style-position:outside;
	margin-left:0px;
	padding-left:0px;
}

tr {
	vertical-align:top;
}

td {
	vertical-align:top;
}