@charset "UTF-8";
/* CSS Document */

body {font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#6e6e6e; margin:0; margin-top:0; background:url(images/bg-body.jpg) top repeat-x; background-color:#8e8f89}
a {text-decoration:none; color:#57b7df; font-weight:bold}
a:hover {color:#f7941e}
a img {border:0}
:focus {outline:none}

/* Structural elements */
.fullwidth {width:1000px; position:relative}
.fullwindow {position:relative; width:3000px}
#container-main, #container-main-fullwindow, #container-main-audit {background:#fff; border-left:2px solid #8f8f8a; border-right:2px solid #8f8f8a}
#container-main {margin:auto}
#container-main-audit {background:url(images/bg-content-audit.png) repeat-y; margin:auto}
#container-head {background:url(images/bg-logo.png) left}
#container-head-audit {background:url(images/bg-head-audit.jpg) top no-repeat; height:180px}
#container-head-fullwindow {background:url(images/header-main.jpg) left}
#container-head, #head-image {height:160px; position:relative} 
#head-image {width:750px; margin-left:250px; background:url(images/header-main.jpg)}
#container-content {padding:40px 0}
#container-audit {padding:0}
#menuBox {position:absolute; top:40px; left:0; width:auto}
#copyBox {width:700px; padding:0 50px 0 0; margin-left:250px; min-height:320px; position:relative; z-index:1}
#copyBox-fullwindow {padding:0 50px 0 0; margin-left:250px; min-height:320px; position:relative; z-index:1}
#copyBox-audit {padding:0; margin-left:250px; background:url(images/bg-col2-audit.jpg) top no-repeat #d7d7d7}
#copyBox-audit h1 {color:#fff; margin:0 0 10px 150px; font-weight:normal; font-size:36px; line-height:38px}
#copyBox h1, .Heading1 {font-size:36px; font-weight:normal; margin:0 0 30px; line-height:36px}
#footerBox-home {height:225px; background:url(images/footer-main.jpg)}
#footerBox-sub {height:90px; background:url(images/footer-sub.jpg)}
#footerBox-audit {height:90px; background:url(images/bg-foot-audit.jpg)}
#footerBox-fullwindow {height:90px; background:url(images/footer-fullwindow.png) bottom left repeat-x}
.footerText {position:absolute; bottom:22px; color:#dbdbda; font-size:9px}
.footerText a {color:#dbdbda}
.footerText a:hover {color:#fff}
#copyRight {left:445px}
#adminLogin {left:50px}
#adminLogin a {background:url(images/bg-buttonDark.png); display:block; padding:3px 5px 5px}
#adminLogin a:hover {background:url(images/bg-buttonDarkR.png)}
#logoLink {display:block; position:absolute; left:0; top:0}
#logoLink img {border:0; width:250px; height:160px; border:0}

.clear {clear:both; margin:0; padding:0; height:0; width:0}

/* Various Content Box Styles */
.graybox, .downloadBox {background-color:#e2e2e0; border:1px solid; padding:10px; position:relative}
.graybox-light {background-color:#eeeeec; border:1px solid; padding:15px; position:relative}
.grayborder {border-color:#b5b5b3}
.colorborder, a.newsletter {border-left:1px solid #b5b5b3; border-top:1px solid #ff7900; border-right:1px solid #5bb4e5; border-bottom:1px solid #7ac142}
.arrowbox {background-color:#eeeeec; background-image:url(images/bg-fill-gray.gif); background-position:left; background-repeat:repeat-y; position:relative; padding:15px 10px; margin-top:-12px}
.arrowbox p {margin:0}
.arrowbox span.head {margin:0; display:block; width:120px; padding-right:30px; float:left; font-size:15px; font-weight:bold; text-align:center; color:#fff}
.arrow {width:60px; height:20px; position:relative; left:45px; top:-1px; z-index:100}
.right {float:right; margin:5px 0 5px 15px}
.left {float:right; margin:5px 15px 5px 0}
.right img {margin-bottom:5px}

.newslist-item {border-top:1px solid #b5b5b3; margin:15px 0}
.newslist-link a, a.download {background:#8cc63f; padding:2px 4px; border:1px solid #b5b5b3; color:#fff}
.newslist-link a {font-size:10px}
.newslist-link a:hover, a.download:hover {background:#f7941e}
a.hardwidth {width:250px; display:block; margin:auto}

/* Menu Styles */
#menuBox {width:225px; font-size:13px; line-height:24px}
#menuBox a {color:#8c8c88; display:block; border-bottom:1px dotted #fff; padding-left:20px}
#menuBox li li a {margin-left:10px}
#menuBox a:hover {color:#414141; border-bottom:1px dotted #b5b5b3}
#menuBox ul {list-style:none; padding:0; margin:0}
#menuBox li {margin:0}
#menuBox li li {line-height:18px; font-size:11px}
#menuBox a.open {border-bottom:1px dotted #b5b5b3; color:#414141}

/* Footer Links */
#footerMenu {position:absolute; left:250px; top:5px}
#footerMenu ul {list-style:none; margin:0; padding:0;}
#footerMenu li {margin:0; letter-spacing:normal}
#footerMenu li.main {width:220px; height:140px; padding:10px 15px; font-size:13px; letter-spacing:1px; font-weight:bold; text-align:center; color:#fff; float:left}
#clientResources:hover {background:url(images/bg-footerMenu1.jpg)}
#auditorResources:hover {background:url(images/bg-footerMenu2.jpg)}
#visitorResources:hover {background:url(images/bg-footerMenu3.jpg)}
#footerMenu li ul {display:none; font-size:11px; line-height:21px; padding-top:20px}
#footerMenu li:hover ul {display:block}
#footerMenu a {color:#FFF}
#footerMenu a:hover {color:#31312b}
#footerMenu li li:hover {background:url(images/bg-footerMenuList.png) center}

/* Search Box Styles */
#searchBox {position:absolute; left:50px; top:0}
fieldset {padding:0; border:0}
#searchBoxSub {position:absolute; left:50px; bottom:0}
#searchBoxSub form, #searchBox fieldset {padding:0; border:0}
#ajaxSearch_input {width:115px; background:#CCCCCC; height:17px; padding:0}
#ajaxSearch_submit {background:url(images/bg-searchButton.png); font-weight:bold; width:30px; height:20px; padding:0; color:#fff; border:0}
#ajaxSearch_output {background:#fff; border:2px solid #666666; margin:0; width:860px; padding:20px}
#ajaxSearch_output a {color:#4ca7d1; font-weight:bold}
#ajaxSearch_output a:hover {color:#e37011; font-weight:bold}
#ajaxSearch_form {margin:0}

.ajaxSearch_paging {display:block; padding:4px 10px; background:#e1e1e0; margin:10px 0}
.AS_ajax_resultLink, .AS_ajax_more {color:#8bbfe3}
.AS_ajax_result {border-bottom:1px dotted #8bbfe3; padding:10px}
.AS_ajax_result:hover {background:#262d33}
.AS_ajax_result div, .AS_ajax_result p {margin:0}
.AS_ajax_more {padding:10px; display:block}

/* Type Styles */
.lead32 {line-height:32px}

h2, .Heading2 {font-size:28px; font-weight:normal; margin:10px 0 15px; line-height:30px}
h3, .Heading3 {font-size:18px; font-weight:normal; margin:30px 0 10px; line-height:20px}
h4, .Heading4 {font-size:14px; font-weight:bold; margin:10px 0 5px; line-height:18px}
.centered {text-align:center}

.green {color:#7ac142}
.orange {color:#ff7900}
.blue {color:#5bb4e5}
.gray {color:#60605a}

.list-letter {list-style-type:lower-latin}

ul {margin:5px 0; padding:0}
li {margin-left:50px; padding:0}

ul.floatList {margin:0; padding:0; list-style:none}
ul.floatList li {float:left; width:132px; padding:3px 0; margin:5px 5px 0 0; text-align:center; border:1px solid #eeeeec; font-size:13px}

ul.values li {list-style:none; font-size:16px; color:#5bb4e5; margin:15px 0 0 15px; padding:0}
ul.values li ul {margin:0 0 0 30px}
ul.values li li {list-style:disc; font-size:12px; color:#6e6e6e; margin:auto}

.colorBar {background:url(../../images/designElements/colorBar.gif); height:2px; margin:25px 0}

/* Newsletter Listing */
a.newsletter {display:block; background-color:#eeeeec; padding:10px; margin:0 5px 5px 0; text-align:center; float:left}
a.newsletter img {margin-bottom:8px}
a.newsletter:hover {background:#fff}


/* Timeline Styles */
#timeline-container {position:absolute; left:0; top:300px; width:800px}
#timeline-bar {margin:200px 0 275px 0; height:20px; border:1px solid #9c9c9a; background:url(images/bg-timelineBar.jpg) left center; padding-top:4px; font-size:11px; font-weight:bold; width:680px; position:relative; z-index:1}
#timeline-bar h1 {color:#fff; font-size:14px; line-height:15px; font-weight:bold; margin:0px 0px 5px 0}
#timeline-bar li {position:relative; z-index:1; margin:0}
ul.dates {padding:0; margin:0; list-style:none}
ul.dates li {float:left; text-align:center; width:40px; margin:0; position:relative}
.marker {width:2px; height:20px; background:#9c9c9a; position:absolute; z-index:1}
.timeline-box {background:url(images/bg-timelineBox) center 50%; padding:4px; border:1px solid #9c9c9a; position:absolute; text-align:left; z-index:1}
.timeline-box.top {bottom:45px}
.timeline-box.top .marker {bottom:-21px}
.timeline-box.bottom {top:45px}
.timeline-box.bottom .marker {top:-21px}
.timeline-box ul {display:none}
.timeline-box:hover ul {display:block; z-index:10}
.timeline-box:hover {background:url(images/bg-timelineBoxR) center; z-index:10}
ul.events {margin:0 0 0 -5px; padding:0; list-style:none}
ul.events li {text-align:left; float:none; padding:2px 0 2px 5px; width:100%; border-bottom:1px dotted #fff;}
#event-1852 {left:-50px; width:85px}
#event-1852:hover {width:85px}
#event-1852 .marker {left:76px}
#event-1853 {left:-30px; width:80px}
#event-1853 .marker {left:62px}
#event-1863 {left:50px; width:190px}
#event-1863 .marker {left:20px}
#event-1866 {left:65px; width:100px}
#event-1866 .marker {left:18px}
#event-1900 {left:185px; width:140px}
#event-1900 .marker {left:33px}
#event-1913 {left:255px; width:200px}
#event-1913 .marker {left:15px}
#event-1977 {left:345px; width:180px}
#event-1977 .marker {left:180px}
#event-1993 {left:474px; width:115px}
#event-1993 .marker {left:116px}
#event-2000 {left:603px; width:120px}
#event-2000 .marker {left:14px}
#event-2009 {left:540px; width:185px}
#event-2009 .marker {left:113px}


/* Box Corners */
.roundCorner {width:7px; height:7px; position:absolute}
.roundCorner.tl {top:-1px; left:-1px; background:url(images/corner-tl.png)}
.roundCorner.tr {top:-1px; right:-1px; background:url(images/corner-tr.png)}
.roundCorner.br {bottom:-1px; right:-1px; background:url(images/corner-br.png)}
.roundCorner.bl {bottom:-1px; left:-1px; background:url(images/corner-bl.png)}

/* Google Map Styles */
.mapBox {background:#eeeeec; border:1px solid #b5b5b3; padding:5px 0 5px 5px}
#map {float:left; width: 470px; height: 350px; background:#99b3cc}
#maplinks {float:left; padding-left:5px}
#maplinks a {display:block; font-size:13px; border:1px dotted #b5b5b3; background:#eeeeec; padding:3px}
#maplinks a:hover {border-color:#fff; background:#fff; color:#414141}
.markerContent {font-size:10px; line-height:12px; margin:0}
.markerContent h3 {font-size:12px; font-weight:bold; color:#7ac142; margin:0}
.contactList .markerContent {font-size:12px; line-height:15px; padding:15px 0; border-bottom:1px dotted #b5b5b3}
.contactList .markerContent h3 {font-size:15px; margin-bottom:6px}

/* Downloads */
.downloadBox {margin-bottom:20px}
.downloadBox:hover {border:1px solid #6c6c65}
.downloadBox a {position:absolute; top:40%; left:0; font-size:14px}

/* Strokes and borders */
img.grayStroke {border:1px solid #b5b5b3}

/* Forms - Simple Login for Homepage Footer */
#login-simple {position:absolute; top:50px; width:155px; color:#CCC}
#login-reset {position:absolute; z-index:1000; top:35px; left:-45px; width:230px; height:160px; padding:5px; color:#fff; background:#84847d; border:1px solid #585b4f}
#login-simple p {margin:0; font-size:10px; line-height:11px}
#login-reset p {font-size:10px; line-height:11px; margin:4px 0}
#login-reset .label-simple input {width:150px}
#login-simple strong {font-weight:bold; color:#fff}
.label-simple {color:#fff; display:block; clear:right; padding:5px 0 0}
.label-simple input {float:right; width:75px; height:10px; border:1px; padding:2px; font-size:9px; line-height:9px; background:#CCC}
.button-simple {background:url(images/bg-buttonDark.png); display:block; margin:0; padding:3px; color:#fff; border:none; float:left; text-transform:uppercase}
.button-simple:hover {background:url(images/bg-buttonDarkR.png)}
.buttonBox-simple {padding:0; margin-top:10px}
#button-forgot {margin:0; font-size:9px; background:none; color:#CCC}
#button-forgot:hover {color:#fff}
#button-login {font-weight:bold; font-size:10px}
#button-reset {margin-right:5px}
.message {font-size:10px; line-height:11px; margin:0 0 5px 0; font-weight:bold; color:#f1aa3c}

#logout-default {position:absolute; left:0; top:-10px; width:238px; padding:5px; height:20px; background:#dbdbda; border:1px solid #c3c3c2}
#logout-default p, #logout-default form {float:left; margin:0}
#logout-default .button-simple {font-size:9px; margin-left:10px}

#login-default {background:#dbdbda; border:1px solid #c3c3c2; padding:10px}
.buttonBox-default {background:#60605a; padding:5px; margin-top:15px}
.label-default {margin-right:20px}
#login-default .message {font-size:12px; color:#df620b; margin-bottom:10px}
.notice {font-size:9px; color:#CCC; line-height:20px}
#login-default #button-forgot {font-weight:bold}



/* QCTS Tables */
table {clear:both}

.qcts {margin-right:20px; position:relative}
.qcts td {padding:4px 5px; font-size:11px; line-height:12px; position:relative; vertical-align:middle}
.qcts td, .stroke, .noStroke {border-bottom:2px solid #fff}	
.stroke {border-left:1px dotted #fff;}
.noStroke {width:10px; border-left:0; padding:0}
.sortButtons form {width:10px; height:16px}

.qcts-bigButton {display:block; float:left; margin:5px; width:230px; height:30px; padding:5px 10px; line-height:30px; font-size:15px; text-align:center; background:url(images/bg-bigButton.png) no-repeat; color:#9b9b9b}
.qcts-bigButton:hover {background:url(images/bg-bigButtonR.png) no-repeat}

table.comments {width:1200px}

table.commentGroup {width:900px; margin-top:4px}

td.edit {width:5px; padding:4px; vertical-align:middle}

button.up, button.down {width:10px; height:16px; border:0}
button.up {background:url(images/button-up.png) no-repeat}
button.up:hover {background:url(images/button-upR.png) no-repeat}
button.down {background:url(images/button-down.png) no-repeat}
button.down:hover {background:url(images/button-downR.png) no-repeat}
.qcts-button-edit img {border:0; margin-top:3px}

.qcts a {color:#53534a; font-weight:normal}
.qcts a:hover {color:#d26a0e}

tr.header td {background:#9b9b9b; color:#fff; font-weight:bold; font-size:11px; vertical-align:middle}
tr.alt1 td {background:#dee0e2; color:#53534a}
tr.alt2 td {background:#f0f0f0; color:#53534a}

tr.headerGroup td {background:#53534a; color:#dee0e2; font-size:12px; vertical-align:middle}
tr.headerGroup td strong {font-weight:bold; color:#fff}


/* audit presentation stuff */
#presentation {position:relative; margin:0 50px 20px 125px; width:580px; height:550px; background:url(images/screen.png); border:2px solid #e7e4e4}
#presentation a {display:block}
.normal, .active {position:relative; margin:20px 0 20px -150px; font-size:24px; line-height:36px; font-weight:normal; padding:10px 15px 5px; width:140px; text-transform:uppercase; color:#fff; z-index:100}
#english.normal {background:url(images/button-green.png)}
#english.active {background:url(images/button-green.png)}
#spanish.normal {background:url(images/button-orange.png)}
#spanish.active {background:url(images/button-orange.png)}
#french.normal {background:url(images/button-blue.png)}
#french.active {background:url(images/button-blue.png)}
#english.inactive, #spanish.inactive, #french.inactive {color:#000; background:url(images/bg-sectionButtons.jpg); width:100px; margin:20px 0 20px -150px; font-size:20px; line-height:24px; border:2px solid #fff; z-index:1; color:#8c8c88}
a.normal:hover, a.active:hover {color:#fff}
.content {position:absolute; top:0; left:0; width:580px; height:500px; background:url(images/bg-presentation.png); z-index:10; padding:25px 0}
.steps {background:url(images/bg-sectionButtons.png) center repeat-x; color:#8c8c88; width:100px; float:left; margin:10px 400px 15px 25px; padding:10px 10px; font-size:13px; text-transform:uppercase}
.stepsActive {background:#fff; color:#58584f}
.step-content {position:absolute; left:160px; top:20px; width:400px; padding:15px 0; border-top:1px dotted #999; border-bottom:1px dotted #999}
.video {background:#EDEDED; height:234px; margin-bottom:20px}


.ui-corner-all { -moz-border-radius: 8px/*{cornerRadius}*/; -webkit-border-radius: 8px/*{cornerRadius}*/; border-radius: 8px/*{cornerRadius}*/; }