/* NOTES FOR NEW STYLES
This template forms the base of the CSS layouts 
to position the main content first, then 
prioritise the rest of the content in the 
correct positions on the page for SEO.
*/



* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
body {
	color: #fff;
	position:relative;/* for ie7*/
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1em;
	text-align:left;
	background:transparent url("../images/background.gif") repeat-x;
	margin:6px 0px 0px 0px;
}
#wrapper {width:985px;margin:0 auto;border:solid #FFFFFF 1px; background:transparent url("../images/contentback.gif") repeat-y;}
#outer{
	min-height:100%;
	margin:0 200px;
	color: #000;
}
.outerwrap {
	float: left;	
	width: 100%;
	padding-top:135px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}
a img {border:none;}
a {text-decoration:underline;color:#31454c;}
a:hover {text-decoration:none;color:#000}
form {padding:0;margin:0;}


* html #outer{height:100%;} /*IE treats height as min-height anyway*/


P {
	margin:10px 0 10px 0;
}

ul {
	margin:10px 30px 10px 30px;
}

ol {
	margin:10px 30px 10px 30px;
}


 #topcontent h1.title {
	position:absolute;
	top;0px;
	left:0px;
	margin:60px 0px 0px 30px;
	z-index:100;
	width:500px;
	height:100px;	
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:3em;
	font-weight:normal;
	color:#31454c;
}

#header{
	position:absolute;
	top:0;
	width:965px;
	margin:0 auto;
	height:46px;
	padding:10px;
	z-index:1;
	background-color:#30464c;
	border-bottom:1px white solid;
	border-top:1px white solid;
}
#header #logo {
	position:absolute;
	display:block;
	cursor:pointer;
	background:transparent url("../images/logo.gif");
	text-indent:-5000px; 
	width:201px; 
	height:66px;
	top:0px;
}


#topmenu 
{
    position:absolute;
    top:10px;
    left:250px;
    margin:0 auto;
    font-family:Arial, Verdana, Tahoma;
    font-size:0.7em;
    font-weight:bold;
    text-align:center;
    margin:15px auto 0 0px;
    }
#topmenu a {
    color:#fff;
    margin-right:8px;
    margin-left:8px;
    }
#topmenu ul li {
	display: inline;
	list-style:none;
}    
#topcontent{
	position:absolute;
	top:68px;
	width:985px;
	margin:0 auto 0 0px;
	height:174px;
	padding:0 0 0 0;
    font-size:0.7em;
	background:url("../images/header_back.jpg");
	z-index:500;
}

#topcontent #mascot_top {
	position:absolute;
	background:transparent url("../images/mascot_top.gif"); 
	width:160px; 
	height:66px;
	left:825px;
	top:-66px;
}
#topcontent #mascot_bottom {
	position:absolute;
	background:transparent url("../images/mascot_bottom.jpg"); 
	width:160px; 
	height:174px;
	left:825px;
	top:0px;
}

#topcontent #silverfern {
	position:absolute;
	background:transparent url("../images/silverfern.gif"); 
	width:231px; 
	height:74px;
	left:594px;
	top:0px;
}

#topcontent_seperator{
	position:absolute;
	top:242px;
	width:985px;
	margin:0;
	height:8px;
	padding:0;
	background-color:#30464c;
	border-bottom:1px white solid;
	border-top:1px white solid;
}

#main {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:10px;/* clear footer*/
	padding-top:115px;
    margin-left:-1px;
}
#main #centercol {    
    width:525px; 
    margin:0;
    padding:10px 30px 20px 30px;
    font-family: arial, verdana, Helvetica, sans-serif; 
	font-size: .7em;
	color: black;
	background-color:#fff;
    }
    
    
#main #centercol h2{    
	margin:0;
	padding:0;
	font-family: arial, verdana, Helvetica, sans-serif; 
	font-size: 1.5em;
	font-weight:bold;
	color: #31454c;
    }    
    
#nav {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:left;
	margin-left:-199px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	margin-top:116px;
	left:-1px;
	margin-bottom:10px;        /*clear footer*/
	height:auto;
	background-color:#dfe4e6;
}

#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin-right:-199px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	margin-top:251px;/* to clear header*/
	margin-bottom:10px;
	left:1px;
	padding-bottom:80px;/* clear footer*/
	background-color:#dfe4e6;
	min-height:100%;
}
 
#footer {
	width:977px;
	clear:both;
	height:20px;
	text-align:center;
	position:relative;
	margin-top:10px;/*drag footer from below the fold*/
	padding:8px 4px 0px 4px;
    font-family:Verdana, Tahoma, Arial;
    font-size:0.7em;
    color:#fff;
	background-color:#30464c;
}
#footer a {
    color:#fff;
    font-weight:bold;
    color:#fff;
    margin-right:10px;
    }
#footer #copyright {
    margin:20px 0px 0px 600px;
    font-size:0.8em;
	text-align:right;
	font-family: arial, verdana, Helvetica, sans-serif; 
	font-size: .8em;
	color: black;
    }
#footer p {
    font-size:0.9em;
    margin:0 0 0 0;
    font-weight:bold;
    clear:left;
    text-align:left;
    }



p.spacer {display:block;height:10px;width:300px;}
    
p.expand a{font-size:0.9em;color:red;} /* can be removed - example only to show columns pushing footer down*/
p.expand a:hover{display:block;height:300px;background:red;font-size:0.9em;} /* can be removed - example only to show columns pushing footer down*/
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
.clearall {
    clear:both;
    display:block;
    position:relative;
    width:99%;
    }

/* Page Printing */
#printLogo {
	display:none;
}

#printWebSite {
	display:none;	
}
#icons {
    position:absolute;
	top:205px;
	width:200px;
	margin:0 0 0 640px;
	height:108px;
	font-family:Tahoma, Verdana, Arial;
	font-size:10px;
	height:20px;
	float:right;
	z-index:900;
	}

/* End Page Printing */


/* TABLES ------------------------------------------------------ */

		.whitetext {
			font-size: 8.5pt; 
			font-family: arial, verdana, Helvetica, sans-serif; 
			color: #FFFFFF;
			font-weight:bold;
		}
		
		td.10pxpad
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 8.5pt;
			padding: 10px 10px 10px 10px;
		}
		
		
		td.20pxpad
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 8.5pt;
			padding: 20px 20px 20px 20px;
		}
		
		
		td.white10pxpad
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 8.5pt;
			padding: 10px 10px 10px 10px;
			color:#FFFFFF;
		}
		
		td.cloudbox
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: x-small;
			padding: 0px 0px 0px 0px;
			background-image: url(images/cloudback.gif);
			border: 1px solid #A2A2A2;
		}
		
		td.greybox
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: x-small;
			padding: 0px 0px 0px 0px;
			background-color: #F4F4F4;
			border: 1px solid #A2A2A2;
		}
		
		td.10pxpadgreybox
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 8.5pt;
			padding: 10px 10px 10px 10px;
			background-color: #F4F4F4;
			border: 1px solid #A2A2A2;
		}
		
		td.bold
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 11pt;
			font-weight : bold;
			color: black;
		}
		
		td
		{
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: 8.5pt;
			color: black;
		}
		
		input {
		    text-decoration: none; 
			font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: xx-small; 
			font-weight : normal;
			background: #BABABA;
			margin:10px;
			
			}
		label.left {
		    	font-family: arial, verdana, Helvetica, sans-serif; 
			font-size: xx-small; 
			font-weight : bold;
			margin:10px;
			width:150px;
			height:25px;
			}