body, html {
height: 100%;
}

body {  
font-family: Arial, Helvetica, sans-serif;
color: #fff;
margin: 0;
text-align: left;
background: #000;
}

#dhtmltooltip{
position: absolute;
max-width: 200px;
border: 1px solid #fff;
padding: 4px;
background-color: #2D840E;
visibility: hidden;
z-index: 100;
font-size: 75%;
}

blockquote {
margin-left: 40px;
font-size: 120%;
padding-left: 10px;
border-left: 5px solid #fff;
}

.clean {
height: 1px;
clear: both;
}

p, li {
font-size: 75%;
line-height: 1.5em;
}

a {
color: #fff;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#arrows {
position: absolute;
width: 263px; height: 208px;
left: 785px;
top: 118px;
z-index: 50;
}

#arrows p {
margin: 0; padding: 0; line-height: normal;
position: relative;
width: 253px; height: 208px;
overflow: hidden;
}

#arrows p a {
display: block;
cursor: pointer;
}
 
#arrows p span {
display: block;
position: absolute; left: 0; top: 0; z-index:1;
width: 263px; height: 208px;
margin: 0; padding: 0;
background: url("../images/img_arrows.jpg") top left no-repeat;
}

#mainWrapper {
width: 900px;
margin: 0 auto;
}

#logo-header-wrapper {
width: 100%;
height: 171px;
position: relative;
display: block;
background: #000;
overflow: hidden;
}

#logo-header-wrapper #logo {
float: left;
}

#logo-header-wrapper #logo h1 {
margin: 0; padding: 0;
position: relative;
width: 404px; height: 171px;
overflow: hidden;
color: #666; font-size: 140%;
}

#logo-header-wrapper #logo h1 a {
display: block;
cursor: pointer;
color: #fff;
}
 
#logo-header-wrapper #logo h1 span {
display: block;
position: absolute; left: 0; top: 0; z-index:1;
width: 404px; height: 171px;
margin: 0; padding: 0;
background: url("../images/logo.jpg") top left no-repeat;
}

#logo-header-wrapper #strapline {
margin-top: 70px;
margin-left: 10px;
text-transform: uppercase;
color: #ccc;
float: left;
}

#logo-header-wrapper #strapline p {
margin: 0;
line-height: normal;
font-weight: bold;
font-size: 100%;
}

#logo-header-wrapper #strapline span {
font-size: 65%;
font-weight: normal;
}

#header-wrapper {
width: 100%;
height: 155px;
position: relative;
display: block;
background: #9f9f9f url(../images/bg_header_content_tile.jpg) 0 0 repeat-x;
overflow: hidden;
}

#header-wrapper #header-content {
width: 880px;
height: 155px;
background: #fff url(../images/bg_header_content_tile.jpg) 0 0 repeat-x;
color: #0066cc;
}

#header-wrapper #header-content h2 {
margin: 0;
padding: 3px 10px;
font-weight: 100;
}

#header-wrapper #header-content ul {
margin: 0; padding: 10px 0 0 0;
display: block;
}

#header-wrapper #header-content li {
line-height: normal;
font-size: 90%;
padding-left: 40px;
background: url(../images/tick.gif) 20px 0 no-repeat;

}

#header-wrapper #header-content #button {
margin: 19px 0 0;
}

#header-wrapper #header-content #button p {
margin: 0; padding: 0;
position: relative;
bottom: 0;
width: 373px; height: 44px;
overflow: hidden;
}

#header-wrapper #header-content #button a {
display: block;
cursor: pointer;
}
 
#header-wrapper #header-content #button span {
display: block;
position: absolute; left: 0; top: 0; z-index:1;
width: 373px; height: 44px;
margin: 0; padding: 0;
background: url("../images/bg_button_discover_more.jpg") top left no-repeat;
}


#spacer-wrapper {
width: 100%;
height: 1px;
background: #666;
margin: 0; padding: 0;
}

#menu-wrapper {
width: 100%;
position: relative;
display: block;
background: #000 url(../images/bg_menu_content_tile.jpg) 0 0 repeat-x;
overflow: hidden;
}

#menu-wrapper #menu-content {
width: 880px;
height: 50px;
background: #000 url(../images/bg_menu_content_tile.jpg) 0 0 repeat-x;
}

#menu-wrapper #menu-content ul {
margin: 0; padding: 0 0 0 10px;
list-style: none;
}

#menu-wrapper #menu-content li {
float: left;
text-align: center;
margin: 0; padding: 18px 20px 0 0;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}

#menu-wrapper #menu-content li a {
display: block;
text-decoration: none;
color: #ccc;
}

#menu-wrapper #menu-content li a:hover {
color: #fff;
}

#content-wrapper {
width: 100%;
position: reative;
display: block;
background: #262F3B;
min-height: 100%;
float: left;
color: #fff;
}

#content-wrapper #content {
width: 840px; min-height: 250px;
background: #262F3B url(../images/bg_content_fixed.jpg) center 50px no-repeat;
padding: 0 20px 20px 20px;
float: left;
}

#content-wrapper #breadcrumb {
display: block;
padding-top: 10px;
height: 60px;
}

#content-wrapper #breadcrumb p {
margin: 0;
font-size: 67.5%;
}

#content-wrapper #content #leftcol {
float: left;
width: 550px;
}

#content-wrapper #content #leftcol img {
display: block;
margin: 20px 0;
border: 5px solid #fff;
}

#content-wrapper #content #leftcol h2 {
margin-top: 0;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
font-weight: 100;
}

#content-wrapper #content #leftcol h3 {
font-weight: 100;
}

#content-wrapper #content #rightcol {
float: right;
width: 250px;
}

.box {
width: 248px;
border: 1px solid #666666;
display: block;
background: #252D3A;
margin-bottom: 20px;
padding-bottom: 10px;
}

.box h4 {
background: #666666;
padding: 10px;
margin: 0;
font-size: 120%;
font-weight: 100;
}

.box p {
padding: 0 10px;
}

.box p span {
padding: 0 0 0 -5px;
margin: 0 0 0 -5px;
}


#footer-wrapper {
clear: both;
width: 100%;
position: relative;
display: block;
background: #13171d;
}

#footer-wrapper #footer-content {
width: 840px;
padding: 20px;
}

#footer-wrapper #footer-content ul {
margin: 0; padding: 0 0 40px;
list-style: none;
}

#footer-wrapper #footer-content li {
float: left;
margin-right: 30px;
color: #ccc;
text-transform: uppercase;
font-size: 70%;
}

#footer-wrapper #footer-content li a {
color: #ccc;
text-decoration: none;
}

#footer-wrapper #footer-content li a:hover {
text-decoration: underline;
}

#footer-wrapper #footer-content p {
margin: 0;
color: #ccc;
font-size: 67.5%;
}

#footer-wrapper #footer-content a {
color: #ccc;
text-decoration: underline;
}

#footer-wrapper #footer-content a:hover {
text-decoration: none;
}

.invalid,
.required {
color: red;
}

.articles,
.prevnext {
font-size: 67.5%;
}

.skip {
display: none;
}

#forms {
width: 100%;
padding: 0;
margin: 0;
}

#forms .errors {
font-size: 75%;
color:#900;
padding: 5px;
background: #fff;
}

#forms fieldset {
display: block;
width: 90%;
margin: 0 0 3em 0;
padding: 0 1em 1em 1em;
border: 1px solid #666;
}

#forms legend {
font-size: 140%;
color: #fff;
}

#forms label {
display: block;
margin-bottom: 1em;
font-weight: bold;
font-size: 75%;
}

#forms input,
#forms textarea {
display: block;
width: 25em;
border: 1px solid #ccc;
padding: 3px;
}

#forms select {
display: block;
border: 1px solid #ccc;
}

#forms textarea {
height: 150px;
}

#forms input.submit {
width: auto;
background: #eee;
border: 2px solid lightgreen;
padding: 3px;
font-size: 75%;
}

#forms input.hidden {
border: none;
display: none;
}

#forms input.checkbox {
display: inline;
width: auto;
margin-right: 1em;
border: none;
}

#forms label.checkbox {
display: inline;
}

#forms label.first {
padding-top: 1em;
}

#forms fieldset fieldset {
float: left;
border: 1px solid #ccc;
}

#forms fieldset fieldset legend {
font-size: 100%;
}

#forms fieldset fieldset label {
float: left;
padding-top: 1em;
margin-right: 15px;
}

#forms .spacer {
margin: 0; padding-top: 1em;
}

#forms fieldset.radio {
margin: 1em 0 2em 0;
border: 1px solid #ccc;
}

#forms fieldset.radio input {
clear: both;
float: left;
width: auto;
border: none;
}

#forms fieldset.radio label{
font-weight: normal;
}

.clearer {
clear: both;
height: 1px;
}

/********* CMS STYLES ********/

.errors {
font-size: 75%;
color: #CC0000;
}

.ditto_wrapper .ditto_link {
text-align: right;
}

.ditto_wrapper a, .ditto_wrapper a:visited, .ditto_wrapper a:hover {
border: 0;
}

.ditto_pages .ditto_currentpage {
border: 1px solid #000;
padding: 1px 5px 2px;
margin-right: 1px;
background-color: #ccc;
color: #666;
}

.ditto_pages .ditto_off {
border: 1px solid #999;
padding: 1px 5px 2px;
margin-right: 1px;
color: #ccc;
}

.ditto_pages a, .ditto_pages a:link, .ditto_pages a:visited {
border: 1px solid #0066CC;
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
color: #0066CC;
}

.ditto_pages a:hover {
background-color: #fff;
color: #000;
}


.searchTerms {
font-size: 75%;
padding: 10px 0;
}

.ajaxSearch_highlight1,
.ajaxSearch_highlight2,
.ajaxSearch_highlight3,
.ajaxSearch_highlight4,
.ajaxSearch_highlight5 {
background-color: #FFFF00;
font-weight: bold;
}

.ajaxSearch_result,
.ajaxSearch_resultDescription {
font-size: 100%;
}

.ajaxSearch_paging {
font-size: 75%;
margin: 15px 0;
}

.ajaxSearch_paging a, .ajaxSearch_paging a:link, .ajaxSearch_paging a:visited {
border: 1px solid #A71E3A;
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
color: #0066CC;
}

.ajaxSearch_paging a:hover {
background-color: #fff;
color: #000;
}

.ajaxSearch_output {
border: 1px solid black;
position: absolute;
left: 0;
top: 0;
}

.datatable {
margin-bottom: 10px;
border-collapse: collapse;
}

.datatable caption {
text-align: left;
font-size: 90%;
margin-bottom: 10px;
padding-bottom: 10px;
}

.datatable th.display-none {
display: none;
}

.datatable th.col {
border-bottom: 1px solid #fff;
}

.datatable th.row {
border-right: 1px solid #fff;
}

.datatable th,
.datatable td {
text-align: left;
font-weight: normal;
padding: 5px;
font-size: 75%;
}


/********* EDITOR SELECTORS ********/
.image-right {
float: right;
margin: 0 0 10px 10px;
}

.image-left {
float: left;
margin: 0 10px 10px 0;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.justify {
text-align: justify;
}


.middle {
    width: 900px;
    margin: 0px auto;
}