/* -------------------------------------------
Description: base structure of header and footer
for each Trust
Author: Darren Taylor
------------------------------------------- */
html { background: #777; }

body {
	margin: 0;
	padding: 0;
	min-height: 768px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #333;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}
.dummy {}

/* RESETS
------------------------------------------- */
img { border: 0; }


/* HEADINGS
------------------------------------------- */
#maincontent h1 {
	font: bold 130% Arial, sans-serif;
	margin: 0 0 12px 0;
	padding: 0;
}
#maincontent h2 {
	font: bold 120% Arial, sans-serif;
	margin: 0 0 12px 0;
	padding: 0;
}
#maincontent h3 {
	font: bold 110% Arial, sans-serif;
	margin: 0 0 12px 0;
	padding: 0;
}


/* HELPERS
------------------------------------------- */
#wrapper {
	background: #fff;
	margin: 0 auto 0 auto;
	width: 960px;
}

/* ELEMENTS
------------------------------------------- */
#header .logo {
	float: left;
}
#breadcrumb {
	background: url(breadcrumb-bg.gif) repeat-x;
	border: 1px solid #dedede;
	font-size: 85%;
	min-height: 23px;
	margin: 12px 0 12px 97px;
	width: 767px;
}
#breadcrumb ul, #breadcrumb li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}	
#breadcrumb li {
	color: #333;
	float: left;
	line-height: 23px;
	padding-left: 9px;
}		
#breadcrumb li a {
	background: url(crumbs.gif) no-repeat right center;
	display: block;
	padding: 0 15px 0 0;
}
#maincontent p {
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 12px 0;
}
#maincontent ul {
	line-height: 1.4em;
	list-style: square;
}

table.colheadings {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	/* force equal width columns */	table-layout: fixed;
	width: 96%;
}

table.colheadings th {
	background: #eee url(bg_header.jpg) no-repeat;
	color: #333;
	text-align: left;
	vertical-align: top;
}

table.colheadings td {
	background: #eee;
	vertical-align: top;
}
	

/* LAYOUT
------------------------------------------- */
#utils {
	float: right;
	margin: 12px 0 0 0;
	padding-right: 20px;
	text-align: right;
}
#search-box {
    /*background: url(bg-search-box.gif);*/
	clear: left;
	float: right;
    height: 25px;
	margin: 1em 0;
    width: 225px;
}
#search-box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 104px;
    background: none;
    font-size: .8em;
}
#search-box #go {
    float: right;
	height: 25px;
    margin: 0;
	width: 78px;
}
#extranav {
	font-size: 80%;
	margin-top: 0;
}
#extranav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#extranav li { display: inline; }
#extranav li.noborder { border-right: none; }
#extranav a {
	padding: 0 4px 0 4px;
	text-decoration: none;
}
#extranav li.noborder a { padding-right: 0; }
#extranav a:hover { text-decoration: underline; }
#extranav img { border: none; }

#mainnav { clear: both; }
#mainnav ul {
	list-style: none;
	min-height: 24px;
	margin: 0 auto;
	padding: 0;
	width: 780px;
}
#mainnav li {
	float: left;
	line-height: 24px;
	min-height: 24px;
	text-align: center;
	width: 130px;
}
#mainnav a {
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	width: 130px;
}
#mainnav a, #mainnav a span {
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#mainnav a, #mainnav a span { float: none; }
/* End hide */

#mainnav a:hover { color: #fff; }

#mainnav ul li ul {
	left: -999em;
	margin: 0 0 0 3px;
	padding: 0;
	position: absolute;
	width: 120px;
	z-index: 1000;
}
#mainnav ul li:hover, #mainnav ul li.sfhover { position: static; }
#mainnav ul li:hover ul,
#mainnav ul li.sfhover ul {
	left: auto;
}
#mainnav ul li ul li {
	background: none;
	float: none;
	display: block;
	padding-left: 0;
}
#mainnav ul li ul a, #mainnav ul li ul a:hover { background: #900; }
#mainnav ul li ul a:hover { text-decoration: underline; }

#content {
	clear: left;
	float: left;
	margin: 0 -162px 0 97px;
	width: 767px;
}
#maincontent {
	margin: 0 192px 12px 0;
	overflow: hidden;
}

#footer {
	clear: left;
	line-height: 54px;
	min-height: 54px;
	overflow: hidden;
}
#footer ul {
	float: left;
	font-size: 80%;
	list-style: none;
	margin: 0 0 0 19px;
	padding: 0;
}
#footer li {
	border-right: 1px solid #fff;
	display: inline
}
#footer li.last { border-right: none; }
#footer a {
	color: #fff;
	padding: 0 4px 0 4px;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }