/*
Common styles
Created 28/08/07 CL
*/

html, body {height:100%}

body {
	padding: 0;
	margin: 0;
	font: .7em/1.7em Arial, Helvetica, sans-serif;
	background: #fff;
	background: url(../images/main_bg.gif) 11% 86% no-repeat;
	text-align:center;
}

BODY DIV {text-align:left;}

#outer {
	margin: auto;
	width: 989px;
	padding: 0;
}

/* Hidden content */
.structurelabel, .skiplinks
{
    position: absolute;
    left: -5000px;
    width: 4000px;
}


/* HEADER AND MAIN NAV */

#header {
	height: 106px;
	margin: 0;
	padding: 0;
	background: url(../images/main_header.jpg) 0 0 no-repeat;
}

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 a {
	width: 321px;
	height: 106px;
	display: block; 
	padding: 0;
	background: url(../images/siteid.gif) no-repeat 0 0;
}

#header h1 a span,
#header ul,
#header form { 
	display: none;
}

#header script {
	/* margin: 0;
	padding: 0;
	 */
	display: none;
}

/*********** Navigation styles ***********/

#mainNav {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

#mainNav h1 {
	display: none;
	margin: 0;
	padding: 0;
}

#mainNav ul {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 0px;
	height: 83px;
	width: 990px;
	border-top: solid 1px #fff; 
}

#mainNav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 98px;
	height: 83px;
	background: #ccc;
	left: 0;
	border-right: solid 1px #fff;
}

#mainNav li a {
	margin-left: 9px;
	padding: 0px 3px 5px 3px;
	font: bold 1.2em Arial, Times, serif;
	color: #ffffff;
	text-decoration: none;
	height:78px;
	width: 79px;
	text-align: right;
	display: block;
}

#mainNav li a:hover,
#mainNav li a.active {
	text-decoration: none;
	color: #ffffff;
}

#mainNav li.last {
	width: 98px;
	background: url(../images/nav_bg_last.gif) no-repeat 0 0;
}


#mainNav li.last a {
	margin-left:0;
	border: none;
}

#mainNav li.first {
	background: url(../images/nav_bg1.gif) no-repeat 0 0;
}

/*************Main Nav Colours*************/

#mainNav li#nav_62 { background: #D8282A;}
#mainNav li#nav_63 { background: #518485;}
#mainNav li#nav_64 { background: #326497;}
#mainNav li#nav_65 { background: #5F5F5F;}
#mainNav li#nav_66 { background: #6017AE;}
#mainNav li#nav_67 { background: #ffe101;}
#mainNav li#nav_69 { background: #93B81B;}
#mainNav li#nav_1352 { background: #6A54EE;}

/* CENTRECONTENT STRUCTURE */

#container {
	float: left;
	width: 970px;
	padding: 0;
	
}

#centrecontent {
	display: inline;
	width: 770px;
	padding: 0;
	margin-left: 0px;
	margin-top: 1px;
	font: 1.3em arial;
	list-style-type: none;
	float: right;
}

#centrecontent #content {
	padding: 20px;
	margin: 0;
	list-style-type: none;
		
}

/* CONTENT STYLES */


.imageleft { float: left; padding: 0 4px 0 0;}
.imageright { float: right; padding: 0 0 0 4px;}
.imagecenter { text-align: center; padding: 0 4px 0 4px; }

#centrecontent table td {vertical-align: middle;}

#centrecontent a:link {color: #D8282A; text-decoration: none;}
#centrecontent a:visited {color: #D8282A; text-decoration: none;}
#centrecontent a:hover {color: #D8282A; text-decoration: underline;}
#centrecontent a:active {color: #D8282A; text-decoration: none;}



/* Form Styles */

DIV.form P {padding-left:20px;}
DIV.form FORM {width:505px; padding:0px 0px 0px 20px;}
DIV.form DIV.formElement {float:left; clear:both; width:525px; padding:3px 0px;}
DIV.form LABEL {float:left; clear:both; width:220px;}
DIV.form FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px; border: none;}
DIV.form FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.form INPUT {width:294px; padding:2px 3px; border:1px solid #4D4F53; clear: right;}
DIV.form INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
DIV.form INPUT.formSubmit {float:left; clear: left; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
DIV.form TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
DIV.form FIELDSET#inquiry_type {border: none;}
DIV.form FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}
DIV.form FIELDSET LEGEND {float: left; clear: left; margin-left: -230px; width: 220px;}

a.back_to_top {padding: 15px 0 15px 0; float: left; clear: left;}

/*gallery images*/

.imagethumb { width: auto; float: left; padding: 5px;}

/*left*/

#left {
	height: 100%;

}

/* RIGHT STYLES */

#right {
	float: right;
	margin-right: 13px;
	margin-top: 50px;
	width: 151px; /* less padding */
	height: 100%;
}

#right .toolbarPortal h1,
#right .toolbarPortal h2,
#right .toollist h1 {
	margin: 0 0 5px 0;
	font: 1.6em  Times New Roman, Times, serif;
	display: none;
}




.portal {width:184px; height: auto; padding-top: 80px;  background: url(../images/portal_bg_top.gif) top left no-repeat;}
.portalBody {  background: #616161 url(../images/portal_bg_bottom.gif) bottom left no-repeat; padding: 20px 0 20px 20px;}
.portalBody h2 {background: url(../images/portal_bg_top.gif) top left no-repeat; }
.portal p, .portal p a { margin: 0; color:#fff ; text-decoration:none;}
.portal p a:hover, .portal p a:active {color: #EB4F04;}
.portal h5, .portal h5 a {color: #93B81B; margin:0; padding: 0; text-decoration:none;}

/* FOOTER STYLES */

#footer {
	clear: both;
	width: 558px; /* less padding */
	height: 55px;
	padding: 5px 30px 0 0px;
	margin: 55px auto 0 auto;
	color: #cccccc;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	border-top: solid 1px #ccc;
}

#footer #footerDesc {
	clear: left;
}

#footer #footerDesc p {
	margin: 0;
	padding: 0;
}

#footer ul {
	list-style-type: none;
	float: left;
	clear: right;
	padding: 0;
	margin: 0 0 5px 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer li a {
	display: block;
	float: left;
	color: #7A7A7A;
	text-decoration: none;
	padding: 0 15px 10px 0;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer ul#Credits {
	display: none;
}