/*  GENERAL STYLES   
-----------------------------------------------------------*/
* {padding: 0; margin: 0;}
ul {list-style: none;}
img {border:0;}
a { outline: none; }
html {text-align: center; background: #666; background-image: url(/images/header_1pixel.gif); background-repeat: repeat-x;}
body {text-align: left; font: normal 11px Arial; position: relative;}
input[type="text"], input[type="password"] { padding: 2px; height: 18px; background-color: #ececec; border: 1px solid #666; width: 200px;}
h1 { font: bold 15px Arial; color: #cc9900; margin-bottom: 1em;}
div.dialog {width: 25em;padding: 2em 3em;margin: 0 auto;border: 1px solid #ccc;border-right-color: #999;border-bottom-color: #999; font-size: 150%;}
div.dialog h1 { font-size: 100%; color: #f00; line-height: 1.5em; }

/* HEADER, NAVIGATION & FOOTER
-----------------------------------------------------------*/
#header {margin: 0 auto;  width: 920px; background-image: url(/images/header_background.gif); height: 135px;}
#logo {float: left; margin-left: 90px;}

#nav {float: left; margin: 75px 0 0 90px; z-index: 2;}
#nav li {float:left; margin-right: 18px; height: 14px; padding: 0 4px 1px 4px; border-style: solid; border-width: 0 1px; border-color: #ffd24f; position: relative; z-index: 2;}
#nav li a {font: normal 14px Arial; color: #b6b6b6; text-decoration: none;}
#nav li.current a {color: #fff;}
#nav li a:hover {color: #000;}

#nav li ul { position: absolute; width: 16em; top: 1.4em; left: -7px; display: none; border-top: 1px solid #333; }
#nav li ul li { clear: left; border-style: solid; border-color: #333; border-width: 0 1px 1px 1px; background: #999; width: 100%; height: 16px; padding-top: 4px;}
#nav li ul li a {font: normal 10px Arial; color: #fff; display: block;}
#nav li:hover ul, #nav li.over ul {display: block;}
#nav li:hover ul li:hover, #nav li.over ul li.over { background: #ffd24f;}
#nav li:hover ul li:hover a, #nav li.over ul li.over a { color: #666;}

#homeWrapper { background-image: url(/images/footer_1pixel.gif); background-repeat: repeat-x; background-position: 0 330px; height: 520px;}
#footer-wrapper {background-image: url(/images/sub_footer.gif); background-repeat: repeat-x; padding-top: 19px; height: 60px;}
#footer { margin: 0 auto; width: 920px;}
#footer div.footer-links ul {margin-left: 60px;width:760px;}
#footer div.footer-links ul li {float:left; margin-right: 20px;}
#footer div.footer-links ul li a {font: normal 11px Arial; color: #999; text-decoration: none;}
#footer div.footer-links ul li a:hover {color: #999; text-decoration: underline;}
#footer li.tele, #footer li.copy {color: #999;}
#footer li.copy { margin-left: 10px; }
#footer li.tele span { font-weight: bold; color: #ccc; margin-left: 6px;}
#footer div.webmail {float:right;margin-right:28px;text-align:right;padding-top:0.7em;color:#999;}
#footer div.webmail a {color: #999;text-decoration: none;}
#footer div.webmail a:hover {text-decoration:underline;}
#footer img#usgbc {float:right;}

/* CONTENT
-----------------------------------------------------------*/
#contentWrapper { background:#fff;}
#content { margin: 0 auto; width: 920px; padding: 10px; overflow: auto; outline: none;}
#content a { color: #CC9900;}
#contentBody { overflow: auto; outline: none; background-image: url(/images/sub_watermark.gif); background-position: 120px 80%; padding: 16px 0; min-height: 250px; background-repeat: no-repeat;}
#contentTagline {height: 35px; background-image: url(/images/sub_tagline.gif); background-repeat: no-repeat; background-position: 120px 100%;}

#left {float: left; width: 200px; margin: 0 30px 0 50px;}
#left h2 { font: bold 12px Arial; color: #666; margin-bottom: 1em;}

#left ul { float: right; }
#left ul li { text-align: right; height: 20px;}
#left ul li a { font: bold 11px Arial; color: #666; text-decoration: none;}
#left ul li a:hover { color: #000;}
#left ul li.current a { color: #000;}

#right {float: right; width: 530px; padding: 0 70px 0 20px; overflow: hidden;}

#editorContent { line-height: 18px; color: #000;}
#editorContent p { margin-bottom: 2em; }

/* HOME PAGE
-----------------------------------------------------------*/
#piersonHomeTextWrapper { margin: 0 auto; width: 920px; background-image: url(/images/home_footer.gif); height: 246px;}
div.piersonHomeText { width: 480px; float: left; position: relative; top: 50px; left: 170px;}
div.piersonHomeText h1 {float: left; color: #ffd24f; margin-right: 6px; margin-bottom: 0;}
div.piersonHomeText div {font: normal 11px Arial; color: #fff; line-height: 16px; padding-top: 2px; text-align: justify;}
div.piersonHomeText span a { color: #ffd24f; text-decoration: none; }
div.servicesMainMenu { float: left; width: 230px; position: relative; top: 50px; left: 200px; }
div.servicesMainMenu ul li { height: 21px; }
div.servicesMainMenu ul li a { font: bold 11px Arial; color: #ffd24f; text-decoration: none;}
div.servicesMainMenu ul li a:hover { color: #fff; }
img.homearrow { margin-right: 7px; position: relative; top: 3px;}

/* IMAGE PAGES
-----------------------------------------------------------*/
div.imageViewer { background: #000; height: 330px;}
div.imageViewerContent {margin: 0 auto; width: 920px; text-align: center;}
#projectWrapper { margin: 0 auto; width: 920px; }
div.project { padding-left: 126px; }
div.project h1 { color: #ffd24f; float: left; margin: 0 6px 0 0; padding: 0;}
div.project table td { padding: 10px; }
div.project table td.project { width: 497px; text-align: justify; color: #fff; line-height: 20px;}
div.project table td.next,div.project table td.previous { width: 50px; }
div.project table td.next a,div.project table td.previous a { font: bold 11px Arial; color: #ffd24f; text-decoration: none; }
div.project table td.next a:hover,div.project table td.previous a:hover { text-decoration: none; }
a.nohover { text-decoration: none; }
img.leftarrow { margin-left: 16px; }
img.rightarrow { margin-left: 4px; }
div.enlarge { text-align: center;}
div.enlarge a { color: #fff; text-decoration: none; }
div.enlarge a span { color: #ffd24f; }

/* FORMS
-----------------------------------------------------------*/
#contact-form { position: relative; left: -10px; text-align: left; }
#contact-form label { color: red;}
#contact-form td { padding: 0 10px 5px 10px;}
#contact-form th { padding: 0 10px; color: #666; }
#contact-form textarea { width: 420px; background-color: #ececec; border: 1px solid #666; padding: 8px; height: 160px;}
input#contact_comments { margin-left: -9999px; float: left; height: 0px; }
span.asterisk { color: #cc9900; font-weight: bold; font-size: 1.1em;}
span.required { font-size: 0.9em; color: #000; position: relative; top: -12px;}
div.address { margin-left: 40px;}
#submit { float: right; margin-top: 12px;}
#submit li {float:left; margin-right: 18px; height: 14px; padding: 0 4px 1px 4px; border-style: solid; border-width: 0 1px; border-color: #ffd24f; position: relative;}
#submit li a {font: normal 14px Arial; color: #b6b6b6; text-decoration: none;}
#submit li a:hover {color: #000;}

#loginform input[type="text"] { margin-bottom: 12px; font-size: 11px; width: 150px; height: 15px;}
#loginform input[type="password"] { margin-bottom: 12px; font-size: 11px; width: 150px; height: 15px;}
#loginform input[type="submit"] { padding: 4px; width: 125px; margin: 8px 0;}
#loginform fieldset { padding: 5px 5px 5px 50px; width: 200px; background-color: #fafafa;}
#loginform legend { font:bold 12px Arial; padding: 0 3px;}

/* ARTICLES
-----------------------------------------------------------*/
div.article h2 {font: bold 13px Arial; color: #666; margin: 16px 0 4px 0;}
div.article h2.first { margin-top: 0; }
div.article p, div.article a { margin: 0.3em 0; font: normal 11px Arial; color: #000; line-height: 18px;}
div.article p.tagline span, div.article p span { font: normal 9px Arial; color: #000; }
div.article p.tagline { margin: 0; padding: 0; position: relative; top: -6px; }
div.article span.more a { font: normal 11px Arial; color: #cc9900; }

/* VALIDATIONS
-----------------------------------------------------------*/
.fieldWithErrors { background-color: #ffd24f; display: table; }
#errorExplanation { width: 430px; border: 2px solid #ffd24f; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #ececec; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #cc9900; color: #fff; }
#errorExplanation p { color: #333; margin-top: 1em; padding: 5px; font-size: 12px;}
#errorExplanation ul li { font-size: 12px; list-style: square; margin-left: 22px;}

/* STAFF PAGE
-----------------------------------------------------------*/
table.employee { line-height: 16px; }
table.employee td { vertical-align: top; border: 1px solid #ececec; padding: 16px 12px; }
table.employee td.contact { width: 350px; }
table.employee td.contact a { color: #333 !important; vertical-align: top; }
table.employee h2 { font-size 80%; color: #666; margin-bottom: 0.42em; }
table.employee h3 { clear: left; margin-bottom: 0.6em; }
p.title { position: relative; top: -4px; font-weight: bold; color: #999999; }
img.contactIcon { padding-right: 4px;}
div.bio { display: none; min-height: 150px; }
div.bio img { float: left; margin-right: 12px !important; }
.wider { width: 500px; }
.wider p { margin-bottom: 1em !important; }