/*
--------------------------
Global Styles
--------------------------
*/
/* Custom Classes
-------------------------- */
/* contain */
.contain:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain { /* nomac \*/height: 1%;/* nomac */ }
.contain { display: inline-block; }
/* hidden */
.hidden { display: none; }
/* clear */
.clear { clear: both; }
/* colours */
.blue   { color: #0974b1; }
.darkblue   { color: #0c4e80; }
.orange   { color: #f8941e; }
.darkorange   { color: #ed6502; }
/* Typography 
-------------------------- */
body { font-family: arial, sans-serif; font-size: 1em; margin: 0px; border: 0px; background-color: #fff; color: #969799; }
p { margin: 1em 0px 1.5em 0px; font-size: 0.75em; line-height: 1.5em; color: #969799; font-weight: bold; }
td, th { font-size: 0.75em; line-height: 1.5em; }
td td { font-size: 1em; }
a { text-decoration: underline; color: #0c4e80; }
a:hover { text-decoration: none; color: #f8941e; }
h1 { font-size: 1.2em; margin-bottom: 0.3em; margin-top: 0.3em; color: #f8941e; text-transform: uppercase; }
h2 { font-size: 1em; margin-bottom: 0.3em; color: #00474c; }
h3 { font-size: 0.9em; margin-bottom: 0.1em; color: #e9530f; }
h4 { font-size: 0.75em; margin-bottom: 0.3em; color: #e9530f; }
h5 { font-size: 0.75em; margin-bottom: 0.3em; color: #e9530f; }
h6 { font-size: 0.75em; margin-bottom: 0.3em; color: #e9530f; }
.right { float: right; }
/* Container divs to give 100% width but also a min width for IE 
-------------------------- */
#outer { width: 100%; min-width: 61.95em; }
#minwidth { margin: 0px; }
* html #minwidth { width: 100%; border-left: solid 61.95em #fff; }
* html #inner { margin-left: -61.95em; position: relative; }
/*\*/
* html #minwidth, * html #inner{
height: 1px;
}
#inner { margin: 0px; position: relative; width: 100%; }
div#lhs { width: 14em; }
div#lhs img.logo { height: 12em; float: left; padding: 0px 0.75em; margin: 0px; border: 0px; }
div#rhs { left: 14em; top: 0px; right: 0px; position: absolute; }
div#header { margin: 0px 0px 1em 0px; width: 100%; font-weight: bold; line-height: normal; }
div#header img { float: right; margin: 0px 0.75em; }
div#rhs div#banner { text-align: right; margin-bottom: 1em; }
div#rhs div#banner div#toplinks { text-align: right; margin: 0.75em 0.75em 1.5em 0px; padding: 0px; }
div#toplinks ul li.current a { font-weight: bold; color: #f8941e; }
div#rhs ul { margin: 0px; padding: 0px; list-style-type: none; }
div#rhs li { display: inline; padding: 0px 0.95em; font-size: 0.75em; border-right: solid 2px #f7931e; }
div#rhs li.last { border-right: none; padding-right: 0px; }
div#rhs a { text-decoration: none; line-height: 100%; }
div#rhs a:hover { text-decoration: underline; }
div#rhs div#search { border: solid 2px #f7931e; margin-right: 0.75em; padding: 0px; width: 14.75em; }
div#rhs div#search input { vertical-align: middle; margin: 0px; border: 0px; color: #0c4e80; border-left: solid 2px #f7931e; }
div#rhs div#search input.SearchField { width: 13.75em; border-left: none; float: left; vertical-align: middle; margin-top: 0.1em; }
div#rhs div#search input.SearchButton { float: right; }
div#title { text-align: left; margin-top: 1.5em; }
div#breadcrumb { color: #0974b1; margin: 0px; }
div#breadcrumb p { float: left; margin: 0px 0.75em 0px 0.75em; padding: 0px; color: #0974b1; font-weight: bold; font-size: 0.9em; }
div#breadcrumb ul { list-style-type: none; float: left; margin: 0.25em 0px 0px 0px; padding: 0px; }
div#breadcrumb ul li { float: left; padding: 0px; font-size: 0.85em; border: 0px; }
div#breadcrumb ul li a { color: #f8941e; }
div#breadcrumb ul li span { font-size: 0.85em; margin: 0px 0.5em; }
div#title h1 { margin: 1.5em 0.75em 0.75em 0.75em; }
div#body { width: 100%; }
div#content { margin: 0.75em; }
div#content img { float: right; margin-left: 0.75em; }
div#body.home div#content { text-align: center; }
div#body.home div#content img { float: none; }
div#homecontent { margin: 0px 0.75em }
div#footer { width: 100%; margin: 0px; }
div#footer p { margin: 0px 0.75em; font-weight: normal; font-size: 0.7em; }
div#footer p a { color: #969799; text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }

/*	Contact maps
--------------------------  */

div.contactmap		{ width: 32em; height: 30em; float: right; margin-top: 0.25em; }
div.contactdirections   { clear: both; width: 100%; }
