body {
	color: #000;
	background: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0 auto;
	width: 92%;
	line-height: 150%;
}

/* Links */

a:link {color: #330066;}

a:visited {color: #6D006D;}

a:hover,
a:active,
a:focus {color: #9C1E2D;}

/* Header */

#header  {
	width: 100%;
	overflow: hidden;
	clear: both;
}

.accessOptions {font-size: 90%; float: left; display: inline; padding: 4px 7px 7px 0;  width: 61%;}

.accessOptions span {margin: 0 3px; }

.accessOptions img {margin-bottom: -5px;}

.banner1 {
	width: 100%;
	overflow: hidden;
	background: #433673 url('../images/banner_bkgd.gif') repeat-x top left;;
	clear: both;
	height: 169px;
}

.banner2 {
	width: 100%;
	overflow: hidden;
	background: url('../images/banner.jpg') no-repeat top left;
	height: 169px;
	color: #fff;
}

.logo { padding: 20px 0 0 20px; float: left;}

.flashMovie {float: right; position: absolute; top: 5px; right: 70px;}

/* Page Layout */

#all {color: #000; background: #fff; padding: 3px;}

#columnColours  {
	width: 100%;
	color: inherit;
	overflow: hidden;
}

.mainContent { padding: 20px 20px 10px 20px;}

.boxContainer1 {width:100%; clear: both; overflow: hidden; border-bottom: 3px solid #9680B1; }

.boxContainer1 h2 {border-bottom: 1px solid #E6E6E6; background: #F7F7F7; padding: 5px 10px; margin: 0;}
	
.boxContainer1 .block1 {width: 46%; float: left; border-top: 3px solid #9680B1;  border-bottom: 3px solid #E6E6E6; }

.boxContainer1 .block1 .more1 {background: #8A1B58 url('../images/red_curve1.gif') no-repeat top left; width: 60%; float: right; }

.boxContainer1 .block1 .more2 {background: url('../images/red_curve2.gif') no-repeat top right;  overflow: hidden; height: 100%;}

.boxContainer1 .block1 .more2 p {margin: 0;  padding: 5px 15px; text-align: center;}

.boxContainer1 .block1 .more2 a,
.boxContainer1 .block1 .more2 a:visited,
.boxContainer1 .block1 .more2 a:hover,
.boxContainer1 .block1 .more2 a:active,
.boxContainer1 .block1 .more2 a:focus {color: #fff; padding: 5px 20px 5px 0;
	background: url('../images/more.png') no-repeat 100% 60%;}
	
.boxContainer1 .block2 {width: 51%; float: right; border-top: 3px solid #9680B1; }
 
.boxContainer2 {width:96%; overflow: hidden; clear: both; padding-top: 40px; margin: 0 auto;}
	
.boxContainer2 .block1 {width: 30%; float: left;  display: inline;}

.boxContainer2 .block2 {width: 30%; float: left; display: inline;  margin: 0 30px;}

.boxContainer2 .block3 {width: 30%; float: left; display: inline;}
	
.boxContainer2 .block3 h2 {background: #9C1E2D; color: #fff; padding: 5px 10px; margin: 0; }

.boxContainer2 .imgContent {float: right; display: inline; position: relative; top: -18px; right: 20px;}  

.boxContainer2 .block1 h2 { background: #8A1B58; color: #fff; padding: 5px 10px; margin: 0;}

.boxContainer2 .block2 h2 { background: #433673; color: #fff; padding: 5px 10px; margin: 0;}

.boxContainer2 .block3 h2 {background: #9C1E2D; color: #fff; padding: 5px 10px; margin: 0; }

.boxContainer2 .imgContent {float: right; display: inline; position: relative; top: -18px; right: 20px;}  

.boxContainer2 .block1 h2 { background: #8A1B58; color: #fff; padding: 5px 10px; margin: 0;}

.boxContainer2 .block2 h2 { background: #433673; color: #fff; padding: 5px 10px; margin: 0;}

.boxContainer2 h2 a:link,
.boxContainer2 h2 a:visited
{color: #fff; text-decoration: none;}

.boxContainer2 h2 a:hover, 
.boxContainer2 h2 a:active, 
.boxContainer2 h2 a:focus {
	color: #fff; 
	text-decoration: underline;
}

p {padding: 10px 0; margin: 0;}

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

li {margin-bottom: 5px;}

ul ul,
ol ol,
ul ol,
ol ul
{padding: 10px 0;}

/* Heading Level */

h1 {
	font-family: 'Trebuchet MS';
	font-size: 160%;
	margin: 7px 0;
	font-weight: normal;
	color: #8A1B58;
}

h2  {
	color: #000;
	font-size: 120%;
	margin: 10px 0;
}

h3 {font-size: 110%; border: 1px solid #CCC; padding: 3px 10px;}

h4 {font-size: 100%;}

h5 { font-size: 90%;}

h6 {font-size: 80%;}

h3, h4, h5, h6 {margin: 10px 0;}

/* Top main navigation */

.topContainer {width: 100%; clear: both; overflow: hidden; background: #433673; border-top: 1px solid #ccc;}

.searchBox {color: #fff; float: right; width: 21%; text-align: right;}

.searchBox form {margin: 3px 0 0 0; padding: 0; text-align: center; 	}

.searchBox form input { font-size: 90%; border: 1px solid #666; font-size: 100%; }

.searchBox form .formButton input { border: none;  margin-bottom: -3px; margin-left:-4px; }

.mainNav {width:79%; float: left; background: #252525; }

.mainNav ul {
	margin: 0;
	padding: 0;
}

.mainNav ul li {
	border-right: 1px solid #ccc;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 4px 0;
	margin: 0;
}

.mainNav a,
.mainNav a:visited {
	text-decoration: none;
	padding: 10px 14px;
	margin: 0;
	color: #fff;
}

.mainNav a:hover, 
.mainNav a:active, 
.mainNav a:focus {
	text-decoration: none;
	background: #8A1B58;
	color: #fff;
}

.mainNav ul li span {
	text-decoration: none;
	padding: 10px 14px;
	margin: 0;
	background: #8A1B58;
	color: #fff;
}

/* Scrolling Logos */

.container1 {margin: 0 auto; padding: 5px 0 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 99.8%; overflow: hidden; background: #E5E5E5 url('../images/grey_gradient.gif') repeat-x;}

.container1 h2 {margin: 0; padding: 0 10px; float: left; display: inline;}

.container1 a, 
.container1 a:visited {color: #000; text-decoration: none;}

.container1 a:hover,
.container1 a:active,
.container1 a:focus {color: #000; text-decoration: underline;}

.container1 #userAction {padding: 0 10px; float: right; display: inline; font-size: 90%;}

#container{ width: 99.8%; overflow: scroll; white-space: nowrap; border: 1px solid #ccc; margin: 0 auto; padding: 0;}

#container ul{margin: 7px 0 0 0; padding:0;}

#container ul li{display:inline; margin-right: 25px;}

/* Misc */

.right {text-align: right;}

.center {text-align: center;}

img {border: 0;}

.hidethis {
	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.clr {clear: both;}

.fltRight{float:right;margin-left:10px;}

.fltLeft{float:left; margin-right:10px; }

.red{color: #990000;}

/* Footer Area */

#footer {
	width: 100%; 
	overflow: hidden; 
	clear: both;
	text-align: center; 
	background: #C4B8D4;
	padding: 10px 0 0 0;
	margin-top: 3px;
}

#footer ul {margin: 0; padding: 0;}


#footer ul li {
	display: inline;
	white-space: nowrap;
}
	
#footer ul li a {	
	border-right: 1px solid #333;
	padding: 0 0.7em 0 0.3em;
	}

#footer ul li span{
	border-right: 1px solid #333;
	padding: 0 0.7em 0 0.3em;
	}

#footer ul li .last {
	border-right-width: 0;
	}
	
#footer a,
#footer a:visited {
color: #000;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
color: #000; text-decoration: none;
}
	
#footer p{font-size: 90%; padding: 8px 0;}

#footer .copyright {padding-top: 0;}


