/******************/
/* General Styles */
/******************/
body {
 background-color: #ffffff;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 padding: 5px;
 color: #6b6b70;
}

div.clear {
 clear: both;
 height: 0;
 line-height: 0;
}

/* IE hack to stop extra white space appearing under the footer */
* html div.clear {
 display: inline;
}

img.right {
 float: right;
 margin-left: 5px;
 margin-bottom: 5px;
}

img.left {
 float: left;
 margin-right: 5px;
 margin-bottom: 5px;
}

div#container {
 margin: 0 auto;
 text-align: left;
 width: 780px;
 border: 1px solid #000000;
}

/* IE5 Box Model hack */
* html div#container {
 width: 782px;
 w\idth: 780px;
}

/* Header Styles */
div#header {
 background-image: url(images/header.jpg);
 background-position: top right;
 background-repeat: no-repeat;
 height: 106px;
 position: relative;
 border-bottom: 1px solid #98928e;
}

/* IE5 Box Model hack */
* html div#header {
 height: 107px;
 he\ight: 106px;
}

div#header img#logo {
 border: 0;
 position: absolute;
 top: 2px;
 left: 10px;
 width: 129px;
 height: 100px;
}

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

/****************************/
/* Content Container Styles */
/****************************/
div#innercontainer {
 position: relative;
}

/*********************/
/* Navigation Styles */
/*********************/
div#nav {
 position: absolute;
 top: 0;
 left: 0;
 width: 150px;
 background-color: #edf4f8;
 border-right: 1px solid #98928e;
}

/* IE5 Box Model hack */
* html div#nav {
 width: 151px;
 w\idth: 150px;
 text-align: center;
}

div#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: left;
}

div#nav ul li {
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #98928e;
}

div#nav ul li a {
 display: block;
 background-color: #edf4f8;
 color: #292629;
 text-decoration: none;
 font-size: .9em;
 padding-left: 25px;
 padding-top: 2px;
 padding-bottom: 2px;
}

div#nav ul li a:hover {
 background-color: #004798;
 color: #ffffff;
}

div#nav a.budget {
 display: block;
 background-color: #69686d;
 width: 100px;
 margin-left: auto;
 margin-right: auto;
 color: #ffffff;
 text-align: center;
 padding: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 0.8em;
 border: 1px solid #49484d;
 margin-top: 15px;
 text-decoration: none;
}

/* IE5 Box Model hack */
* html div#nav a.budget {
 width: 112x;
 w\idth: 100px;
}

body#pageHome div#nav ul li#navHome a,
body#pageAbout div#nav ul li#navAbout a,
body#pagePartners div#nav ul li#navPartners a,
body#pageServices div#nav ul li#navServices a,
body#pageCustomer div#nav ul li#navCustomer a,
body#pageClient div#nav ul li#navClient a,
body#pageNewsletters div#nav ul li#navNewsletters a,
body#pageBulletins div#nav ul li#navBulletins a,
body#pageFact div#nav ul li#navFact a,
body#pageEnquiries div#nav ul li#navEnquiries a,
body#pageContact div#nav ul li#navContact a,
body#pageLinks div#nav ul li#navLinks a,
body#pageOpportunities div#nav ul li#navOpportunities a {
 background-color: #004798;
 color: #ffffff;
 cursor: default;
}

/******************/
/* Content Styles */
/******************/
div#contentcontainer {
 border-left: 150px solid #edf4f8;
 margin: 0;
 padding: 0;
 width: 630px;
}

* html div#contentcontainer {
 height: 1%;
}

div#content {
 float: left;
 border-left: 1px solid #98928e;
}

/* IE5 hack needed to get footer not to show a whitespace underneath */
* html div#content {
 margin-bottom: -25px;
 marg\in-bottom: 0;
}

div#content h2 {
 margin: 0;
 width: 599px;
 border-bottom: 1px solid #98928e;
 background-color: #faf6e9;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 18px;
 padding-bottom: 17px;
 color: #292629;
 font-weight: normal;
}

/* IE5 Box Model hack */
* html div#content h2 {
 width: 629px;
 w\idth: 599px;
}

div#content p, div#content li, div#content h3, div#content h4, div#content h5, div#content h6 {
 font-family: Tahoma, Arial, sans-serif;
}

div#content div#contentinner {
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 60px;
 font-size: 0.9em;
}

/***************/
/* Form Styles */
/***************/
div#content form {
 margin-bottom: 15px;
}

div#content form fieldset {
 margin-bottom: 10px;
 border: 1px solid #98928e;
 padding: 10px;
}

div#content form fieldset legend {
 margin-bottom: 15px;
 color: #292629;
 font-size: 1.2em;
 margin-bottom: 0;
 padding-left: 5px;
 padding-right: 5px;
}

div#content form p {
 margin: 0;
 margin-bottom: 3px;
 padding: 0;
}

div#content form p label {
 float: left;
 clear: left;
 width: 140px;
 text-align: right;
 padding-right: 5px;
}

div#content form p label.inline {
 display: inline;
 float: none;
 text-align: left;
 width: auto;
}

div#content form input.fieldtext {
 width: 325px;
 padding: 2px;
}

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

div#content form textarea.fieldtext {
 width: 325px;
 height: 90px;
 padding: 2px;
 font-family: Arial, sans-serif;
 font-size: 100%;
}

div#content form div.checkboxes {
 width: 250px;
}

div#content form div.left {
 float: left;
}

div#content form div.right {
 float: right;
}

div#content form div.checkboxes label {
 width: 220px;
}

div#content div.error {
 padding: 10px;
 border: 1px solid #000000;
 background-color: #edf4f8;
 margin: 20px;
 margin-bottom: 0;
}

/*****************/
/* Footer Styles */
/*****************/
div#footer {
 background-color: #004998;
 border-top: 1px solid #98928e;
 margin: 0;
 padding: 0;
 padding-top: 6px;
 padding-bottom: 6px;
 clear: left;
}

div#footer ul {
 border-left: 1px solid #98928e;
 margin: 0;
 margin-left: 15px;
 padding: 0;
 list-style: none;
}

div#footer ul li {
 margin: 0;
 margin-right: 15px;
 padding: 0;
 float: left;
 display: inline;
 font-size: 0.8em;
 color: #ffffff;
}

div#footer ul li a {
 color: #ffffff;
 text-decoration: none;
}

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