/*
COMMON Layout styles
Jolane.com
created 20/2/07 WNP
edited 14/4/07 WNP
*/

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

/* Main Structure */

html, body {height:100%}

body {
	padding:0;
	margin:0;
	color: #000;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif; 
	background:#FFF;
}

#outer {
	height: auto;
	min-height: 100%;
	margin: 0 0 -15px 0;
	padding: 0;
}

>#outer { /* IE 7 hack - pushes footer to bottom */
	display: block;
	height: auto;
}

html:lang(en)>body #outer { /* rule ignored by Safari, Opera and IE/Win */
	min-height: 100%;
	height: auto; 
}

#container {
	margin: 0;
}

*html #container {
	height: 1%;
}

html>body #container {
	float: left;
}

.outerwrap {
	float: left;
	width: 99.5%;  This needs to be 99.5 otherwise right hand nav doesn't float properly
	position: relative; This is VITAL for Mac IE so the rollovers don't disappear on mouse over
}

/* Header */

#header {
	height: 153px;
	margin: 0;
	padding: 0;
}

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

#header h1 a {
	width: 153px;
	height: 153px;
	display: block;
	margin: 0;
	background: url(../images/siteID.gif) no-repeat 0 0;
}

#header h1 a span,
#header #toolbar-top form {
	display: none;
}


/* LEFT STYLES */
/* Navigation styles */

#left {
	float: left;
	display: inline;
	width: 180px;
	margin: 0 -180px 0 0;
	padding: 0;
}

#left #mainNav {
	margin: 25px 0 0 0;
	padding: 0;
}

#left #mainNav h2 {
	display: none;
}

#left #mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left #mainNav li { 
	margin: 0;
	padding: 0;
}

#left #mainNav li a {
	display: block;
	width: 140px;
	margin: 0;
	padding: 0 0 10px 20px;
	font: bold 10pt verdana, arial, helvetica, sans serif; 
	color: #919191;
	text-decoration: none;
	text-transform: uppercase;
}

#left #mainNav a:hover {
	color: #418AB7;
}

#left #mainNav li a.active {
	color: #2FB4B3;
}

/* Secondary nav styles */

#left #mainNav li li a {
	width: 160px; /* less padding */
	padding-left: 40px;
	color: #B4B4B4;
	font: bold 1em verdana, arial, helvetica, sans serif;
	text-transform: none;
}


/* tertiry nav styles  */

#left #mainNav li li li a {
	width: 160px; /* less padding */
	padding-left: 50px; 
	color: #B4B4B4;
	font: bold 1em verdana, arial, helvetica, sans serif;
	text-transform: none;
}

/* CENTRECONTENT STYLES */

#centrecontent {
	float: left;
	min-width: 600px;
	display: inline;
	margin: 25px 0 10px 180px;
	padding: 0;
	line-height: 18px;
}

#centrecontent #content {
	margin: 0;
}

#centrecontent h2 {
	display: block;
	margin: 0 0 35px 0;
	font: bold 12pt verdana, arial, helvetica;
	color: #2FB4B3;
	text-transform: uppercase;
	border-bottom: 1px solid #D4D4D4;
}

#centrecontent h3 {
	margin: 0 0 35px 0;
	font: bold 1.2em verdana, arial, helvetica;
	color: #666;
	text-transform: uppercase;
}

#centrecontent h4 {
	margin: 0 0 10px 0;
	font: bold 1em verdana, arial, helvetica;
	color: #666;
	text-transform: uppercase;
}

/* RIGHT STYLES */

#right {
	display: none;
}

/* FOOTER STYLES */

#clearfooter { 
	clear: both;
}

#footer {
	clear: both;
	margin-left: 180px;
	border-top: 1px solid #ccc;
	width: 82%;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #A8A8A8;
	font-size: 10px;
}

#footer li {
	display: inline;
}

#footer li a {
	float: left;
	padding: 0 8px 0 0;
	color: #A8A8A8;
	font-size: 10px;
	text-decoration: none;
}

#footer li a:hover {
	color: #646464;
}