/***********/
/* General */
/***********/
body {
 background-color: #e8e8e8;
 margin: 5px 0;
 padding: 0;
 font-family: Arial, sans-serif;
 font-size: 90%;
 color: #000000;
 text-align: center;
}

.clear {
 height: 0;
 line-height: 0;
 clear: both;
 font-szie: 0;
}

a {
 font-weight: bold;
 text-decoration: none;
 color: #0098ee;
}

a:hover {
 text-decoration: underline;
 color: #00368c;
}

address {
 font-style: normal;
 margin: 0.5em 0;
}

a#accessibility {
 display: none;
}

/*************/
/* Container */
/*************/
div#container {
 width: 919px;
 margin: 0 auto;
 text-align: left;
 border: 1px solid #000000;
 background-color: #ffffff;
}

/**********/
/* Header */
/**********/
div#header {
 position: relative;
 height: 190px;
}

div#header h1 {
 text-indent: -9999px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 5px;
 left: 5px;
 width: 241px;
 height: 55px;
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

div#header h2 {
 text-indent: -9999px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 19px;
 right: 100px;
 width: 286px;
 height: 15px;
 background-image: url(images/strapline.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

div#header ul#languages {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 20px;
 right: 5px;
}

div#header ul#languages li {
 margin: 0;
 padding: 0;
 float: right;
}

div#header ul#languages li a {
 text-indent: -9999px;
 width: 26px;
 height: 16px;
 background-repeat: no-repeat;
 background-position: top left;
 display: block;
 margin-left: 5px;
}

div#header ul#languages li#language-german a {
 background-image: url(images/flag_german.gif);
}

div#header ul#languages li#language-french a {
 background-image: url(images/flag_french.gif);
}

/**********/
/* Banner */
/**********/
div#banner {
 background-image: url(images/banners/banner1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 909px;
 height: 113px;
 position: absolute;
 bottom: 0;
 left: 5px;
}

body#pageContact div#banner { background-image: url(images/banners/banner2.jpg); }
body#pageEnquiry div#banner { background-image: url(images/banners/banner3.jpg); }
body#pageCommunity div#banner { background-image: url(images/banners/banner4.jpg); }
body#pageServicesEmployers div#banner { background-image: url(images/banners/banner5.jpg); }
body#pageServicesIndividuals div#banner { background-image: url(images/banners/banner6.jpg); }
body#pageServicesProfessional div#banner { background-image: url(images/banners/banner7.jpg); }
body#pageProblems div#banner { background-image: url(images/banners/banner8.jpg); }
body#pageWhy div#banner { background-image: url(images/banners/banner9.jpg); }
body#pageGerman div#banner { background-image: url(images/banners/banner10.jpg); }
body#pageFrench div#banner { background-image: url(images/banners/banner11.jpg); }

/*********************/
/* Content Container */
/*********************/
div#contentcontainer {
 padding-top: 20px;
}

/*******/
/* Nav */
/*******/
div#nav {
 float: left;
 width: 245px;
 border-right: 1px solid #000000;
 margin-left: 30px;
 font-size: 0.9em;
 display: inline; /* fix IE double margin bug */
}

div#nav ul {
 list-style: none;
 margin: 0;
 padding: 0 0 20px;
 border-bottom: 1px solid #000000;
 width: 215px;
}

div#nav ul li {
 margin: 0 0 10px;
 padding: 0;
}

* html div#nav ul li {
 margin-bottom: -5px; /* fix IE double margin bug */
}

div#nav ul li a {
 display: block;
 padding-left: 20px;
 background-image: url(images/nav.gif);
 background-repeat: no-repeat;
 background-position: 0 50%;
 text-decoration: none;
 color: #00368c;
}

div#nav ul li a:hover {
 background-image: url(images/nav_hover.gif);
 color: #0098ee;
}

body#pageHome div#nav ul li#navHome a
,body#pageProblems div#nav ul li#navProblems a
,body#pageServicesEmployers div#nav ul li#navServicesEmployers a
,body#pageServicesIndividuals div#nav ul li#navServicesIndividuals a
,body#pageServicesProfessional div#nav ul li#navServicesProfessional a
,body#pageCommunity div#nav ul li#navCommunity a
,body#pageWhy div#nav ul li#navWhy a
,body#pageEnquiry div#nav ul li#navEnquiry a
,body#pageContact div#nav ul li#navContact a {
 background-image: url(images/nav_hover.gif);
 color: #00368c;
 text-decoration: underline;
 cursor: default;
}

div#nav h3 {
 color: #00368c;
 margin: 15px 0 0;
 padding: 0;
 font-style: italic;
}

div#nav p.testimonial {
 font-size: 0.9em;
 margin: 5px 10px;
 font-style: italic;
}

div#nav p.testimonial span.quote {
 color: #00368c;
 font-weight: bold;
}

div#nav p.testimonee {
 font-size: 0.9em;
 margin: 0 10px;
 color: #00368c;
}

div#nav p.news {
 margin-right: 10px;
}

/***********/
/* Content */
/***********/
div#content {
 float: left;
 width: 580px;
 margin-left: -1px;
 border-left: 1px solid #000000;
 padding-left: 25px;
 font-size: 0.9em;
 line-height: 1.5em;
}

div#content ul#quicklinks {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#content ul#quicklinks li {
 margin: 0 0 0 15px;
 padding: 0 0 0 25px;
 line-height: 20px;
 float: left;
 background-repeat: no-repeat;
 background-position: 0 50%;
 color: #aad5b9;
 font-weight: bold;
 font-size: 0.9em;
}

div#content a.action {
 line-height: 21px;
 display: inline-block;
 background-image: url(images/exclaim.gif);
 background-repeat: no-repeat;
 background-position: 0 50%;
 padding: 0 0 0 15px;
}

div#content ul#quicklinks li.first {
 margin: 0;
}

div#content ul#quicklinks li#quickTelephone {
 background-image: url(images/icons/icon_telephone.gif);
}

div#content ul#quicklinks li#quickEnquiry {
 background-image: url(images/icons/icon_enquiry.gif);
}

div#content ul#quicklinks li#quickBrochure {
 background-image: url(images/icons/icon_email.gif);
}

div#content ul#quicklinks li#quickFavourites {
 background-image: url(images/icons/icon_favourites.gif);
}

div#content ul#quicklinks li a {
 color: #aad5b9;
 text-decoration: none;
}

div#content ul#quicklinks li a:hover {
 color: #aad5b9;
 text-decoration: underline;
}

div#content p#date {
 float: right;
 margin: 15px 0 0;
 color: #00368c;
 font-weight: bold;
 white-space: nowrap;
}

div#content h2 {
 clear: right;
 color: #00368c;
 font-size: 1.5em;
 margin-top: 0;
}

div#content h3 {
 color: #00368c;
 font-size: 1.2em;
 margin-bottom: -5px;
}

div#content h3.question {
 margin-bottom: -10px;
 font-style: italic;
}

div#content li {
 margin: 0 0 8px;
}

div#content div.column {
 float: left;
 width: 40%;
 margin-left: 20px;
}

div#content div.column.first {
 margin-left: 0;
}

/**********/
/* Errors */
/**********/
div#content div.errors {
 border: 1px solid #000000;
 background-color: #ff0000;
 padding: 5px 10px;
 color: #ffffff;
 margin-bottom: 15px;
}

div#content p.error {
 color: #ff0000;
 font-weight: bold;
}

/*********/
/* Forms */
/*********/
div#content form {
 margin: 0;
}

div#content fieldset {
 border: 1px solid #aad5b9;
 padding: 5px;
 margin-bottom: 10px;
}

div#content fieldset legend {
 color: #00368c;
 font-weight: bold;
 padding: 0 10px;
}

div#content fieldset div.field {
 clear: left;
 float: left;
 margin-bottom: 2px;
 width: 90%;
}

div#content fieldset div.field label {
 float: left;
 width: 100px;
 text-align: right;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

div#content fieldset div.field input.field, div#content fieldset div.field textarea.field {
 float: left;
 width: 300px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 1px;
}

div#content fieldset div.field textarea.field {
 font-family: sans-serif;
 font-size: 1em;
 height: 150px;
}

div#content fieldset div.required label {
 font-weight: bold;
}

/***************/
/* Form Errors */
/***************/
div#content fieldset div.error {
 border: 1px solid #000000;
 background-color: #ff0000;
 padding: 1px;
 padding-right: 5px;
}

div#content fieldset div.error label {
 color: #ffffff;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 450px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin-left: auto;
 margin-right: auto;
}

div#content table#accesskeystable th {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
 color: #000000;
 background-color: #aad5b9;
}

div#content table#accesskeystable td {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #f0f0f0;
 font-size: 100%;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}

/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 padding: 10px 30px;
 font-size: 0.8em;
}

div#footer ul#footerlinks {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 500px;
 float: right;
}

div#footer p#copyright {
 width: 300px;
 float: left;
 margin: 0;
}

div#footer ul#footerlinks li {
 margin: 0 10px;
 float: right;
}

div#footer ul#footerlinks li.first {
 margin-right: 0;
}

div#footer ul#footerlinks li a {
 text-decoration: none;
 color: #00368c;
}

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