/*
COMMON Layout styles
Illustrata
created 20/2/07 WNP
edited 31/5/07 WNP
*/

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

/* Main Structure */

html, body {height:100%}
body {
	padding:0;
	margin:0;
	color: #919191;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
}

#outer {
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
}

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: 123px;
	margin: 0;
	padding: 0;
}

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

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

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

.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 */
}

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

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

#left #mainNav {
	width: 213px;
	margin: 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: 193px; /* less padding */
	margin: 0;
	padding: 6px 0 6px 20px;
	font: bold 12px verdana; 
	color: #919191;
	text-decoration: none;
	text-transform: uppercase;
}

#left #mainNav a:hover {
	color: #565656;
}

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

#left #mainNav li.first a {
	padding-top: 0;
}

/* Secondary nav styles */

#left #mainNav li li a {
	display: block;
	width: 173px; /* less padding */
	padding: 3px 0 3px 40px;
	color: #111;
	font: bold 11px verdana;
}

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

/* tertiry nav styles  */

#left #mainNav li li li a {
	display: block;
	width: 163px; /* less padding */
	padding: 3px 0 3px 50px;
	color: #333;
}

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

/* CENTRECONTENT STYLES */

#centrecontent {
	float: left;
	display: inline;
	min-width: 80%;
	/* min-width: 600px; */
	margin: 0 0 0 235px;
	padding: 0;
	line-height: 18px;
}

#centrecontent #content {
	margin: 0;
}

#centrecontent a {
	color: #E99B21;
	text-decoration: none
}

#centrecontent a:hover {
	text-decoration: underline;
}

/* RIGHT STYLES */

#right {
	display: none;
}

/* FOOTER STYLES */

#clearfooter { 
	clear: both;
}

#footer {
	clear:both;
	margin-left: 235px;
	border-top: 1px solid #ccc;
}

#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;
}