/**
 * Defaults and Resets
 */
html, body {margin: 0px; padding: 0px; background: #4d3f50 url(../images/bg.jpg) no-repeat center top;}

body {font-family: "Times New Roman", Georgia, Serif; font-size: 15px; line-height: 22px; color: #433f4b;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

h1 {margin: 0 0 20px 0; font-family: Georgia, Times New Roman, Serif; font-size: 18px; font-weight: normal; color: #b686da; text-transform: uppercase; letter-spacing: 5px;}
h1.graphic {margin: 0 0 20px 0; line-height: normal;}
h1.graphic img {display: block;}
h2 {margin: 0; font-family: Georgia, Times New Roman, Serif; font-size: 14px;}

a {color: #7252a6; text-decoration: underline;}
a:hover {color: #3d294d; text-decoration: underline;}

:focus {outline: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.accent {color: #b482da; font-weight: bold;}

img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}

/**
 * Lists
 */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

ul.links,
ul.articles,
ul.pressReleases {margin: 0px; padding: 0px; list-style-type: none;}
ul.links li,
ul.pressReleases li {padding-bottom: 10px;}

ul.articles {margin: 0 0 20px 0;}
ul.articles li {padding: 0 0 10px 0;}

ul.pressReleases .thumb {float: left; width: 100px;}
ul.pressReleases .details {float: right; width: 390px;}
ul.pressReleases .border img {display: block; border: solid 1px #bbb;}

div.photoList {margin-right: -10px;}
div.photoList .row {padding-bottom: 10px;}
div.photoList .item {float: left; width: 160px; margin-right: 10px;}

/**
 * Layout
 */
#master {width: 984px; margin: auto; background: #665590;}
#master div.masterBgTop {width: 100%; background: url(../images/page-bg-home.jpg) no-repeat left -70px;}
#master div.masterBgBottom {width: 100%; padding-bottom: 70px; background: url(../images/page-bg-bottom.jpg) no-repeat left bottom;}

#page {width: 984px;}

#header {position: relative; height: 91px;}
#header .award {position: absolute; top: 0; left: 0;}
#header .logo {position: absolute; top: 13px; left: 130px;}
#header .tagline {position: absolute; top: 22px; left: 571px;}
#header .cqa {position: absolute; top: 7px; right: 10px;}
#header .corporateCitizenAward {position: absolute; top: 2px; right: 0px;}
#header .torchAward {position: absolute; top: 0px; right: 0px;}

#nav {height: 42px; padding: 5px 0 8px 0; font-family: Georgia, Times New Roman, Serif; font-size: 14px; line-height: 42px; color: #fff; text-transform: uppercase; text-align: center;}
#nav a {color: #fff; text-decoration: none;}
#nav a:hover {color: #3d294d;}
#nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#nav ul li {display: inline; background: url(../images/dot.gif) no-repeat left 8px; padding: 0 21px;}
#nav ul li.firstItem {background: none;}

#body {padding: 0 0 0 63px;}

#sidebar {float: left; margin-top: 15px; width: 189px; background: url(../images/sidebar-bg.gif) no-repeat; min-height: 735px;}
#sidebar h4 {margin: 0; padding: 0 0 0 17px; font-family: Georgia, Times New Roman, Serif; font-size: 18px; font-weight: normal; color: #fff; text-transform: uppercase; line-height: 52px;}
#sidebar .nav {padding: 10px 0 0 17px; font-family: Georgia, Times New Roman, Serif; font-size: 12px; line-height: 16px; color: #fff; text-transform: uppercase;}
#sidebar .nav a {color: #fff; text-decoration: none;}
#sidebar .nav a:hover {color: #3d294d; text-decoration: none;}
#sidebar .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#sidebar .nav ul li {padding: 7px 0 7px 0;}
#sidebar .nav ul li.on a {color: #3d294d;}

#content {float: left; width: 688px; background: #fbfbfb url(../images/body-bg.gif) repeat-y;}
#content div.contentBgTop {width: 100%; background: url(../images/body-bg-top.gif) no-repeat left top;}
#content div.contentBgBottom {width: 642px; padding: 21px 26px 0 20px; min-height: 735px; background: url(../images/body-bg-bottom.gif) no-repeat left bottom;}
#content div.content {padding: 0 95px 20px 40px;}

#contentHeader {height: 210px;}
#contentHeader .photo {float: left; width: 377px;}
#contentHeader .tagline {float: left; width: 265px; padding: 45px 0 0 0; text-align: center;}

#contentControls {margin-top: -20px; font: 12px Arial; padding: 0 0 20px 40px;}
#contentControls .print {float: left; padding-right: 20px;}
#contentControls .print a {background: url(../images/printer.gif) no-repeat; padding-left: 20px;}
#contentControls .textSize {float: left; background: url(../images/style.gif) no-repeat; padding-left: 20px;}
#contentControls .textSize .default {padding: 0 5px 0 5px;}
#contentControls .textSize .large {font-size: 15px;}
#contentControls .plusone {float: left; padding-left: 20px;}

#footer {width: 800px; padding: 0 0 0 102px; position: relative;}
#footer .logo {position: absolute; top: 0; left: 102px; width: 204px;}
#footer .content {padding: 0 0 0 0; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; line-height: normal; text-align: right;}
#footer .content .nav {color: #e5ab3d; padding: 13px 0 5px 0; margin-right: -10px;}
#footer .content .nav a {color: #e5ab3d; text-decoration: none; padding: 0 10px 0 10px;}
#footer .content .nav a:hover {color: #fff; text-decoration: none;}
#footer .content .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#footer .content .nav ul li {display: inline;}
#footer .legal {color: #c397e3;}
#footer .contact {color: #c397e3; padding: 5px 0 0 0;}

body.dualSidebarLayout #content .content {float: left; width: 400px; padding: 0 0 20px 40px;}
body.dualSidebarLayout #content .sidebar {float: right; width: 160px; padding: 0 20px 20px 0;}

/**
 * Home Page
 */
.home #body {padding: 0 0 0 49px;}

.home #content {width: 891px; background-image: url(../images/body-bg-home.gif);}
.home #content div.contentBgTop {background-image: url(../images/body-bg-home-top.gif);}
.home #content div.contentBgBottom {width: 837px; padding: 21px 27px 24px 27px; background-image: url(../images/body-bg-home-bottom.gif);}

#home {position: relative; width: 837px; padding: 0 0 20px 0;} /* padding: 0 0 85px 0; */
#home .flash {float: left; width: 398px; height: 748px; background: #392d43 url(../images/home-flash-bg.gif) no-repeat left bottom;}
.home #home .content {float: left; width: 439px; padding: 0 0 30px 0;} /* padding: 0 0 160px 0; */
/*#home .logos {width: 784px; height: 180px; padding: 0 0 0 27px;} /* position: absolute; left: 27px; bottom: 35px; */
#home .logos ul {margin: 0; padding: 0; list-style-type: none; height: 65px;}
#home .logos ul.first {height: 100px; margin-bottom: 15px;}
#home .logos ul li {float: left;}
#home .logos .listmaker {padding: 0 18px 0 192px;}
#home .logos .wapda {padding: 0 18px 0 0;}
#home .logos .awb {padding: 0 13px 0 0;}
#home .logos .wpo {padding: 0 38px 0 30px;}
#home .logos .bbb {padding: 0 42px 0 42px;}
#home .logos .npda {padding: 0 50px 0 30px;}
#home .award {position: absolute; left: 160px; top: 730px;}
#home .misc {width: 300px; position: absolute; left: 40px; top: 835px; font-size: 13px; line-height: 18px;}
#home .misc h4 {margin: 0 0 5px 0; font-size: 12px;}
#home .misc p {margin-bottom: 10px;}
#home .cqaLogo {position: absolute; top: 560px; left: -65px;}

ul.socialNetworks {margin: 0; padding: 0; list-style-type: none;}
ul.socialNetworks li {float: left; padding: 0 5px 0 0;}

#home .header {height: 190px;}
#home .header .tagline {float: left; width: 226px; padding: 27px 20px 0 22px;}
#home .header .cta {float: left; width: 145px; padding: 0px 0 0 15px; margin-top: 20px; border-left: solid 1px #fff; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: bold; color: #7252a6; line-height: 18px;}
#home .header .cta a {text-decoration: none;}
#home .header .cta .more {padding: 20px 0 25px 0;}

#home .intro {padding: 0 30px 0 30px; position: relative; top: -25px;}
#home .intro .plusone {padding: 0 0 20px 0; height: 20px;}

#rss {margin-bottom: 10px;}
#rss p {margin-bottom: 0;}

/**
 * Other
 */
.staffList .item {padding-bottom: 20px;}
.staffList .photo {float: left; width: 100px; padding-right: 20px;}
.staffList .bio {float: left; width: 380px;}

.testimonials .item {padding-bottom: 20px;}
.testimonials .author {text-align: right; font-style: italic;}

.nameValueList .name {float: left; width: 140px; font-weight: bold;}
.nameValueList .value {float: left; width: 300px;}

.contactList {margin-bottom: 20px;}
.contactList .mail {margin: 20px 0 20px 0;}

/**
 * Forms
 */
span.required {color: #ff0000;}

form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 120px; text-align: right; padding-right: 20px;}
form.form .field {float: left; width: 250px;}

form#contact {margin-bottom: 20px;}
form#contact textarea {width: 200px;}

/**
 * Sidebar Newsletter Signup
 */
#newsletterSignup {padding: 30px 10px 0 17px; font: 12px/18px Arial; color: #fff;}
#newsletterSignup h5 {margin: 0; font-size: 12px;}
#newsletterSignup p {margin-bottom: 5px;}
#newsletterSignup input.text {width: 100px;}

/**
 * Dialog
 */
.dialog {background: #fff; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 18px;}
.dialog #header {height: 20px; background: #392d43; padding: 5px 20px; font: 12px/18px arial; color: #fff;}
.dialog #header .title {float: left; width: 49%; font-weight: bold;}
.dialog #header .close {float: right; width: 49%; text-align: right;}
.dialog #header .close a {color: #fff;}

.dialog #content {width: 600px; padding: 10px 20px; background: none; float: none;}

/**
 * Site Map
 */
ul.siteMap {margin: 0; padding: 0; list-style-type: none;}
ul.siteMap li {font-weight: bold; padding-bottom: 20px;}
ul.siteMap ul {margin: 0; padding: 0 0 0 15px; list-style-type: none;}
ul.siteMap li ul li {font-weight: normal; padding-bottom: 0;}

/**
 * 404 Page
 */
body.custom404 #sidebar {visibility: hidden;}

/**
 * Subscribe Page
 */
#newsletterSignupStandAlone .text {width: 300px;}

/**
 * Hide blog links
#nav ul li.blog,
#sidebar .nav ul li.blog,
#footer .content .nav ul li.blog,
ul.siteMap li.blog {display: none;}
 */

/**
 * Tables
 */
table.list {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
table.list th {padding: 2px 5px; border: solid 1px #C0C0C0; background: #F3F3F3; text-align: left;}
table.list td {padding: 2px 5px; border: solid 1px #C0C0C0;}