/******************/
/* General Styles */
/******************/
body {
 margin: 0;
 padding: 0;
 font-family: Verdana, sans-serif;
 font-size: 100%;
 color: #01759e;
 background-color: #ffffff;
 text-align: center;
}

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

* html div.clear { /* IE6 need height of zero on clearing div but IE7 hides the logo when this is present!? */
 height: 0;
}

span.highlight {
 font-size: 120%;
 font-weight: bold;
}

a {
 color: #01759e;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 color: #01759e;
 text-decoration: underline;
}

h2 {
 font-size: 1.4em;
}

h3 {
 font-size: 1.2em;
}

h4 {
 font-size: 1em;
}

/*************/
/* Container */
/*************/
div#container {
 width: 960px;
 margin: 0 auto;
 text-align: left;
 border: 1px solid #01759e;
 border-top: 10px solid #01759e;
 border-bottom: 20px solid #01759e;
 position: relative;
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 padding-top: 175px;
}

div#container h1 {
 margin: 0;
 padding: 0;
 position: absolute;
 background-image: url(images/logo.png);
 background-repeat: no-repeat;
 background-position: top left;
 width: 152px;
 height: 264px;
 top: 0;
 left: 55px;
 text-indent: -9999px;
 overflow: hidden;
 z-index: 10;
}

* html div#container h1 { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop');
}

/*******/
/* Nav */
/*******/
div#nav {
 margin-top: 100px;
 width: 220px;
 float: left;
}

div#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 margin-left: 15px;
 margin-bottom: 30px;
}

div#nav ul li {
 margin: 0;
 padding: 0;
 position: relative;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
 background-color: transparent;
 height: 1.3em;
}

div#nav ul li a {
 color: #01759e;
 text-decoration: none;
 text-align: right;
 font-size: 0.7em;
 display: block;
 white-space: no-wrap;
 letter-spacing: -0.02em;
 font-weight: normal;
 padding: 3px 23px 3px 0;
}

div#nav ul li a:hover {
 color: #01759e;
 text-decoration: none;
}

div#nav div#logos img {
 border: 0;
 clear: right;
 float: right;
 margin-bottom: 3px;
 margin-right: 23px;
}

div#nav ul li:hover, div#nav ul li.hover {
 border-top: 1px solid #b7cd5c;
 border-bottom: 1px solid #b7cd5c;
 background-color: #fcffea;
}

div#nav ul li:hover ul, div#nav ul li.hover ul {
 display: block;
}

/***********/
/* Sub Nav */
/***********/
div#nav ul li ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 190px;
 background-color: #fcffea;
 z-index: 1;
 border-top: 1px solid #b7cd5c;
 border-bottom: 1px solid #b7cd5c;
}

div#nav ul li ul li {
 background-color: #fcffea;
 border-top: 0 !important;
 border-bottom: 0 !important;
 border-left: 1px solid #b7cd5c;
 border-right: 1px solid #b7cd5c;
 float: left;
 clear: left;
}

div#nav ul li ul li.first {
 border-left: 1px solid #fcffea !important;
}

div#nav ul li ul li a {
 text-align: left;
 width: 20em;
 display: block;
 white-space: no-wrap;
 font-weight: normal;
 padding-left: 15px;
}

div#nav ul li ul li:hover, div#nav ul li ul li.hover {
 background-color: #e7f3b1;
 border-left: 1px solid #b7cd5c;
 border-right: 1px solid #b7cd5c;
}

/***********/
/* Content */
/***********/
div#content {
 float: left;
 width: 420px;
 font-size: 0.7em;
 margin-top: 25px;
 margin-left: 20px;
}

div#content address {
 font-style: normal;
}

div#content ul li {
 margin-bottom: 0.7em;
}

div#content ul ul {
 margin-top: 0.5em;
}

div#content h3 {
 margin-bottom: -10px;
}

div#content pre {
 font-size: 120%;
}

/* Need to make bottom margin small for IE than FF */
* html div#content h3 {
 margin-bottom: -20px;
}

*:first-child+html div#content h3 {
 margin-bottom: -20px;
}

div#content p.date {
 font-style: italic;
}

/*************/
/* Questions */
/*************/
div#content h3.question {
 padding-left: 26px;
 background-image: url(images/exclaim.gif);
 background-position: 0 50%;
 background-repeat: no-repeat;
 height: 40px;
 overflow: visible;
 color: #121212;
 font-size: 1.1em;
 margin: 13px 0;
}

*:first-child+html div#content h3.question {
 margin-bottom: 13px;
}

/*********/
/* Panel */
/*********/
div#panel {
 font-size: 0.7em;
 float: right;
 width: 245px;
}

div#panel div#cta {
 background-color: #b7cd5c;
 padding: 40px 15px 20px;
}

div#panel div#cta p#cta-telephone {
 font-size: 1.3em;
}

div#panel div#cta h3 {
 font-size: 1.1em;
 margin-top: 20px;
}

div#panel div#cta ul#cta-resources {
 margin: 0;
 margin-left: 15px;
 padding: 0;
 list-style: circle;
}

div#panel div#cta ul#cta-resources li {
 margin: 0;
 margin-bottom: 7px;
 padding: 0;
}

div#panel div#cta ul#cta-resources li a {
 color: #01759e;
 text-decoration: none;
 font-weight: normal;
}

div#panel div#cta ul#cta-resources li a:hover {
 text-decoration: underline;
}

div#panel div#cta-form form {
 margin: 0;
 margin-top: 20px;
}

div#panel div#cta-form fieldset {
 border: 0;
 padding: 0;
 margin: 0;
}

div#panel div#cta-form fieldset legend {
 display: none;
}

div#panel div#cta-form div.field {
 float: left;
 clear: left;
 width: 100%;
 margin-bottom: 5px;
}

div#panel div#cta-form div.field input, div#panel div#cta-form div.field label {
 float: left;
 clear: left;
}

div#panel div#cta-form div.field input.text, div#panel div#cta-form div.field input.password {
 width: 140px;
 margin-right: 3px;
 border: 1px solid #01759e;
 padding: 2px;
}

div#panel div#cta-form div.field input.submit {
 float: left;
 clear: none;
}

div#panel div#cta-form ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

div#panel div#cta-form ul li {
 margin: 0;
 padding: 0;
 padding-left: 5px;
 float: left;
 border-left: 1px solid #01759e;
}

div#panel div#cta-form ul li.first {
 padding-left: 0;
 padding-right: 5px;
 border: 0;
}

div#panel div#cta-form ul li a {
 color: #01759e;
 text-decoration: none;
 font-weight: normal;
}

div#panel div#cta-form ul li a:hover {
 text-decoration: underline;
}

div#panel div#actions ul {
 margin: 0;
 margin-top: 10px;
 padding: 0;
 list-style: none;
}

div#panel div#actions ul li {
 margin: 0;
 padding: 0;
 padding-left: 5px;
 float: left;
 border-left: 1px solid #01759e;
}

div#panel div#actions ul li.first {
 padding-left: 0;
 padding-right: 5px;
 border: 0;
}

div#panel div#actions a {
 color: #0099cc;
 text-decoration: none;
 font-weight: normal;
}

div#panel div#actions a:hover {
 text-decoration: underline;
}

div#panel div#accreditations {
 margin-top: 10px;
}

div#panel div#accreditations img {
 float: left;
 margin-top: 5px;
 margin-left: 5px;
 border: 0;
}

div#panel div#accreditations img.first {
 margin-left: 0;
}

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

div#content fieldset {
 border: 2px solid #b7cd5c;
 padding: 0 10px 10px;
 margin-bottom: 10px;
}

div#content fieldset legend {
 color: #005b89;
 font-weight: normal;
 padding: 0 5px;
 margin-bottom: 5px;
 font-size: 1.1em;
}

div#content fieldset div.field {
 clear: left;
 float: left;
 width: 390px;
 margin: 3px 0;
}

div#content fieldset div.field label {
 float: left;
 width: 110px;
 text-align: right;
 margin-right: 8px;
}

div#content div.captcha {
 margin-left: 118px;
}

div#content a#captcharefresh {
 font-style: italic;
}

div#content div.gotcha {
 display: none;
}

div#content fieldset div.field input.field, div#content fieldset div.field textarea.field {
 float: left;
 width: 260px;
 border: 1px solid #b7cd5c;
 color: #000000;
 padding: 2px;
}

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

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

div#content fieldset input.button {
 margin-left: 118px;
}

/******************/
/* Content Footer */
/******************/
div#content div#contentfooter {
 margin: 30px 0 5px;
 border: 1px solid #01759e;
 background-color: #b7cd5c;
 padding: 0 10px;
 color: #000000;
 font-size: 90%;
}

/********************/
/* Errors & Messages*/
/********************/
div#content div.errors {
 border: 1px solid #000000;
 padding: 0 10px;
 background-color: #ff0000;
 color: #ffffff;
 margin-top: 10px;
 margin-bottom: 10px;
 clear: right;
}

div#content div.messages {
 border: 1px solid #000000;
 padding: 0 10px;
 background-color: #b7cd5c;
 color: #000000;
 margin-top: 10px;
 margin-bottom: 10px;
}

div#content fieldset div.error {
 border: 1px solid #000000;
 background-color: #ff0000;
 padding: 5px 0;
 margin-right: 5px;
}

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

/*************/
/* Prefooter */
/*************/
div#prefooter {
 clear: both;
 padding-top: 15px;
 text-align: center;
 font-size: 0.7em;
}

div#prefooter a {
 font-weight: normal;
}

/**********/
/* Footer */
/**********/
div#footer {
 padding-top: 5px;
 padding-bottom: 35px;
 text-align: center;
 font-size: 0.7em;
 background-color: #b7cd5c;
}

div#footer a {
 font-weight: normal;
}