/*-------------------------------------------
C2AE MAIN STYLES
AUTHOR: 	BCP—www.blohmcreative.com
VERSION: 	1.6
MODIFIED: 	3/08
CHANGES:	homepage columns
-------------------------------------------
Style Reset
--------------------*/

* {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
:focus {outline: 0; -moz-outline-style: none;}
:active {outline: 0; -moz-outline-style: none;}
ol, ul {list-style: none}
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align: left;font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
blockquote, q {quotes: "" ""}

html {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

/*Typography & colors*/
body {font-size: 12px;line-height: 140%;/*16px*/font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; background: url("../images/background.gif") repeat-x scroll 0 139px #E8E8E8; margin: 0;padding: 0;}

/*typography elements (based on 12px)*/
#bottomContainer, #bottomContainer a {font-size: 1em;/* 12px */margin: 0 0 1.2em}
h1 {color: #00467F;font-size: 1.5em;/* 15.6px */}
#introText {font-size: 1.5em;line-height: 1.3em;margin-bottom: 1em;color: #4b4b4b}
#introText h1 {font-size: 1em;color: #00467F}
#introText.belowImage {margin-top: 1em;/* 12px */}
#bodyContainer li {line-height: 1.2em}
a {line-height: 1.45em;color: #2971A7}
.LSM_1 a {color: #acc8eb}
.newsHeading h3 a,.jobHeading h3 a, .newsHeading h3, .jobHeading h3  {color: #333;font-size: 1.25em !important}
.jobBody, .jobFooter, .jobIntro {color:#8C8C8C}
#third a {color: #3563a0}
#mainNav a {color: #575757;padding-left: 6px}
.newsPosted,.jobPosted {color: #484848}
#vertNavContainer a {color: #5d5d5d}
#vertNavContainer a.parent {background:transparent url("../images/menuPlusGray.gif") no-repeat scroll right 5px; padding-right:15px !important; }
#vertNavContainer a.parent.active {background:transparent url("../images/menuMinusGray.gif") no-repeat scroll right 5px; padding-right:15px !important; }
.LSM_0 a,.LSM_currentPage {color: #FFF}

/*typographic elements spacing*/
p {margin: 1em 0 1em 0}
#introText p {margin: 0}
#introText h1 {margin: 0 0 9px 0}
#introText p {margin: 1em 0 0}
#introText strong {color: #fff}
#rightSide #introText li {background-position: left center;padding-left: 1em}
#titleContainer h1 {margin: 2px 0 12px 0}

/*--homepage layout-- w/ news items --*/
#bodyContainerHome {width: 60%;float: left}
#bodyContainerHomeNews {padding: 0 0 0 1.5em;width: 34%;float: right;border-left: 1px solid #2b323a}
#bodyContainerHomeNews h1 {margin-bottom: 1em}
sup {font-size: .7em;vertical-align: .3em}
.homeNewsItem {margin: 0 0 1.5em}
.homeNewsSummary {color: #5d5d5d}
#rightSide .homeNewsItem a {    display: block;
    margin-right: 20px;}
#rightSide .homeNewsItem a:hover {background: none;text-decoration: underline}
.allStories {display: block;width: 132px;padding: 3px 3px 4px 7px; background: url(../images/newsButton.png) no-repeat 0px 0; color:#4b4b4b;}
.allStories:hover {color:#4b4b4b; background: url(../images/newsButton.png) no-repeat 0px -27px !important;}

/*--end of homepage only--*/
#blueRule {background-color: #FF833D;height: 5px}
#topHeader {background-color: #FFF;width: 100%}
#bannerHolder {overflow: hidden;height: 218px}
#mainNav a:hover {color: #3861a3}
#mainNav a.active {color: #000}
#bodyContainer ul {list-style: square;margin: 0 1.2em 1em 0}
#bodyContainer ul li, #bodyContainerWide ul li {background: url(../images/bulletFirstLevel.gif) no-repeat left 5px;list-style: none;padding-left: 10px}
#bodyContainer ul ul li, #bodyContainerWide ul ul li {margin-left: 10px;background: url(../images/bulletLevel2.gif) no-repeat left 5px;list-style: none;padding-left: 10px}
#thirdLevel a, #secondLevel #thirdLevel a {color: #2971A7; margin-right: .5em}
#thirdLevel a:hover, #secondLevel #thirdLevel a:hover {color: #EF7A3B !important}
ul#thirdLevel {margin: 0.3em 0 .5em 0;background: url(../images/borderVert.gif) repeat-y right top}
#thirdLevel li.active a, #secondLevel #thirdLevel li.active a {background: url(../images/menuArrow.png) no-repeat left 6px;padding-left: 12px;padding-top: 2px;}
#thirdLevel.hidden {display:none;}

/*Layout*/
* {text-decoration: none;margin: 0;padding: 0}
#bottomContainer {
    padding-top: 30px;}
#logoContainer {float: left;padding: 15px 0 0 30px}
#mainNav {margin-left: 25px;float: left;width: 740px}
#lightMenu a {color: #b0b0b0}
#mainNav ul {list-style: none;margin-top: 85px}
#mainNav li {float: left;margin-right: 20px;padding-bottom: 32px}
#mainNav li.active {position: relative; z-index: -1; background: url(../images/menuMarker.gif) no-repeat left bottom}
#vertNavContainer {margin-top: 1px;float: left;width: 249px;text-align: right}
#rightSide {padding-left: 30px;color: #4B4B4B;float: left;width: 740px}
#bodyContainer {float: left;width: 450px;color: #666;}
#bodyContainerWide {float: left;width: 650px;color: #666;}
#bodyContainerWide td {vertical-align: top;padding-right: 10px}
#third {margin-top: 0 !important}
.warning {color:#F00;}
a {cursor:pointer;}

/*news item display*/
.newsItem {margin-bottom: 2.166em}
.jobItem {margin-bottom: 2em}
.rightNews {float: right;width: 340px}
.newsThumb {margin-top: 3px;float: left}
.newsPosted,.jobPosted {margin: .3em 0 .7em}
.newsIntro,.jobIntro {color: #8c8c8c}
.managecontainer {background-color: #EEE;color: #000;border: solid 1px #000;width: 600px;position: absolute;top: 0;left: 0;padding: 25px}
#rightBodyCol {float: right;width: 210px;padding: 30px 50px 0 0}
#rightSide ul {list-style: disc;padding-left: 2em}
#rightSide li {margin-top: .5em}
#rightBodyCol img {float: right;margin: 7px}
#rightBodyCol img:hover {opacity: .80; filter:alpha(opacity=80);}
.zoomLink {background: url(../images/zoomC2ae.gif) no-repeat left 9px;color: #768394}
.galleryLink {background: url(../images/galleryC2ae.gif) no-repeat left 9px;text-transform: lowercase}
#rightBodyCol .galleryLink:hover {background: url(../images/galleryC2ae.gif) no-repeat left 9px}
.zoomLink, .galleryLink {display: block;clear: both;padding: 8px 0 5px 20px;margin: 0 !important}
#allPhotosGallery .thumbs li {float: left}
#allPhotosGallery ul.thumbs {padding: 0;margin: 0}
ul.thumbs li {}
#bottomNavClose {margin-right: 12px}
.managepicturecontainer {background: #FFF;border: solid 1px #666;margin-bottom: 25px;padding: 10px}
.managepicture {width: 130px}

/*--sitemap format--*/
.LSM_0 ul,.LSM_0 {list-style: none;margin: 0}
.LSM_0 ul {margin-left: 0}
.LSM_0 li {margin-top: 15px;width: 200px;float: left;margin-right: 10px}
.LSM_0 {width: 700px;margin: 0 !important}
.LSM_1 li {padding-top: 5px;float: none;margin-top: 0}
.LSM_2 {border-left: 1px solid #6f7b8b}
.LSM_2 a {color: #455d7e}

/*--Contact Form--*/
#contact td {padding: 1em 0 0 0}
form {margin-bottom: 2em;}
form label {vertical-align: middle;padding: 0 1em 0 0;margin-bottom: 4px;display: block}
form input,form textarea {padding: 2px;background: #fff;border: solid 1px #666;}
form textarea { width: 480px;}
form input:focus, form textarea:focus {border: 2px solid #1181dc;background: #fff}
.nm_row_odd,.nm_row_even {margin-top: 10px;padding: 10px}
.nm_row_even {background-color: #252525}
.divider {height: 2px;border-bottom: 1px solid #1c232c;margin: 1.5em 0}
.submit {background:url("../images/newsButton.png") no-repeat scroll -1px -1px transparent; border:1px solid #666; color:#4B4B4B; width:117px;}
.submit:hover {cursor: pointer;color: #4b4b4b; background:url("../images/newsButton.png") no-repeat scroll -1px -28px transparent;}
.leftMapTable {width:180px;}
#name { margin:10px 0 10px;}
#email {margin:10px 0 10px; }
#comments { margin:10px 0 20px;}

/*--Staff Pages Formatting--*/
.staffList {}
.staffList h1 { color:#fff; font-size:1.5em; line-height:1.3em; margin-bottom:15px;}
.staff { position:relative; clear:both;}
.staff .staffPreview {height:100px; margin: 15px 0 0 0; position:relative;}
.staff h3 { color:#4b4b4b; font-size:1.2em; line-height:0.6em; margin-bottom:10px; font-weight:bold;}
.staff h4 { color:#4b4b4b; font-size:1.0em; line-height:1.3em; margin-bottom:5px;}
.staff p {color:#4b4b4b; margin: 10px 0 10px 0;}
.staff img {height:100px; width:100px; float:left;}
.staffInfo {width:535px; position:absolute; left:115px; bottom: -4px;}
.staffBio {background:#ddd none repeat scroll 0 0; margin-top:10px; padding:5px 20px;}
#rightSide .staffInfo a, #rightSide .staffInfo a:hover{background:transparent url("../images/menuPlus.gif") no-repeat scroll left 4px; padding-left:10px !important; }
#rightSide .staffInfo a.active, #rightSide .staffInfo a.active:hover {background:transparent url("../images/menuMinus.gif") no-repeat scroll left 4px; padding-left:10px !important; }
.moreInfo {color:#2971A7;}
.staffBio{display:none;}



/*--footer formatting--*/
#footer {font-size: .8em;width: 620px;padding-top: 80px;padding-left: 280px;clear: both;color: #5d5d5d; padding-bottom: 50px;}
#footer a {color: #666}
#footer a:hover {color: #ff833d}
#footLeft ul {display: inline}
#footLeft {font-size: 1.2em}
#footer #lightMenu li.active a,#footer li.active a {color: #a1a1a2}
#footer li {display: inline;padding-right: 10px}
#footRight {margin-top: 1em}
#disclaimer {width: 400px;clear: both;padding-top: 5px; margin-bottom: 15px;}
a:hover,#lightMenu li.active a,#mainNav li.active a,.LSM_1 a:hover {color: #EF7A3B}
a img,#bodyContainer a:hover {border: none}
#rightSide a:hover {background: url(../images/underline.gif) repeat-x left bottom}
.firstHeading,#secondLevel li.active a,.whiteLetter,#vertNavContainer a:hover,.newsReadMore a,.jobReadMore a {color: #EF7A3B}
#restrictHeader,#mainContainer, #bottomContainerHome { 
    margin: 0 auto;
    padding: 0 10px;
    width: 1044px;}
#mainContainer{
	background: url("../images/background_repeatBody.png") repeat-y scroll 0 0 transparent;
}
#secondLevel li,#footer ul {list-style: none}
#secondLevel a:hover {color: #EF7A3B !important}
.clear,.nm_title,#footRight {clear: both}
.thumbs li p,.managecontainer hr {display: none}
input.button,#footer #lightMenu ul {float: left}
#caption {display: none}
#numberDisplay {color: #666}


/*--------------------------------gallery css--*/
#lbOverlay {position: absolute;left: 0;width: 100%;cursor: pointer;z-index: 999999999;background-color: #10141b}
#lbCenter, #lbBottomContainer {z-index:9999; position: absolute;left: 50%;overflow: hidden;background-color: #fff}
#lbBottomContainer {display: none}
#lbCenter {padding-top: 30px}
#lbImage {border: 10px solid #fff}
#lbPrevLink, #lbNextLink {display: block;outline: none;width: 15px;position: absolute;height: 15px !important}
#lbNextLink {background: url(/layout-files/images/forwardOver.gif) no-repeat;right: 10px;top: 9px}
#lbPrevLink {background: url(/layout-files/images/backOver.gif) no-repeat;top: 9px;right: 30px}
#lbBottom {font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none}
#lbCloseLink {display: block;float: right;width: 15px;height: 15px;position: absolute;top: 9px;right: 10px;background-position: right !important}
#lbCaption, #lbNumber {display: block;position: absolute;top: 0;left: 0}
#lbNumber {display: none}
#lbCaption {color: #666;padding: 7px 10px 7px 10px;width: 80%}
#lbCenter {margin-top: 80px}
#allPhotosGallery ul.thumbs li {border: 4px solid #10141b;margin: 0px !important}
#allPhotosGallery ul.thumbs li:hover {border-color: #2b3548}
ul.thumbs li {list-style: none;display: block;list-style-image: none !important;margin: 0px 5px 8px 5px !important;width: 200px;height: 120px;overflow: hidden;background: left center}
#rightBodyCol ul.thumbs {list-style: none;margin: 0;padding: 0;clear: both}
ul.thumbs li img {border: none;margin: 0 !important}
ul.thumbs li a {background: none !important;text-decoration: none;border: 0}
ul.thumbs li p {overflow: hidden}
.thumbs .clearboth {clear: both}
.childscontainer {margin-bottom: 20px;float: left}
.thumbscontainer {margin-bottom: 20px;float: left}
#bodyContainerWide #allPhotosGallery li {padding: 0;background: none;list-style: none}
.pagenumbers {margin-bottom: 20px}
.picturecontainer {text-align: center}
.picturecontainer .title {font-weight: bold;margin-top: 20px}
.picturecontainer .picture img {border: none;margin: 0 !important}
.picturecontainer .picture a {background: none !important;text-decoration: none;border: 0}
.managecontainer {float: left}
.managecontainer textarea {width: 395px}
.managecontainer hr {width: 400px;text-align: left;margin: 20px auto 20px 0}
.pictureform .managepicture {float: left;clear: left}
.pictureform .shortfields {margin-left: 20px;float: left}
.pictureform .clearboth {clear: both}
.uploadcounter {width: 20px;margin-bottom: 10px;float: left;clear: left}
.uploadfile {margin-bottom: 10px;float: none}
.uploadfile input {width: 385px}
.uploadform {margin-top: 20px;margin-bottom: -10px;clear: both}
.uploadform .clearboth {clear: both}
.slideshowwrapper {text-align: center}

/*--archive list--*/
#bodyContainerWide .reflect_archive_list ul, #bodyContainerWide .reflect_archive_list li {margin: 1px 0;padding: 0;list-style-type: none;background-image: none}
#bodyContainerWide .reflect_year_link, #bodyContainerWide .terms_title{display: block;font-size: 1.6em;color: #4b4b4b;border-bottom: 1px solid #2d384c;margin: 10px 0 10px 0;padding-bottom: 5px}
#bodyContainerWide .terms_title{margin-top:40px;}
#bodyContainerWide .reflect_month_link {color: #fff;display: block;margin: 0 !important}
.reflect_item {color: #fff}
.reflect_items {margin: 0 !important}
.reflect_date {margin-top: 1px;color: #5d5d5d;float: left;width: 14%}
.reflect_item_link {width: 84%;float: right}
#rightSide .reflect_item_link:hover {background: none;text-decoration: underline}

/*--team pages--*/

#bodyContainer.wide{width:745px;}

#bodyText{color:#4b4b4b;}

h1.contentTitle{ margin-top:3px;}
#introImageContainer { width:710px; height: 325px; position:relative; overflow:hidden;}
.introInfo {position: absolute; top:300px; left:0; width: 450px; height: 25px; background-color:#333; opacity: 0.75; filter: alpha(opacity=75); z-index:10; font-style:italic;}
#introImageContainer img {position:absolute; top:0; left:0; z-index:0; display:none;}
#introImageContainer h3 {position:absolute; bottom:4px; left:14px; color:#fff; display:none; z-index:20; font-style:italic;}


#projectTypeGallery {position:relative; width: 450px; height: 325px;}
#projectTypeGallery .projectInfo {position:absolute; top:245px; left:10px; z-index:2; font-style:italic;}
#projectTypeGallery img {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#projectTypeGallery h3 {position:absolute; bottom:14px; left:14px; color:#bbb; display:none; z-index:20;}

#projectGallery {position:relative; width: 450px; height: 325px;}
#projectGallery .projectImage {display:block; position:absolute; top:0; left:0; z-index:0;}

#infoBar {position:absolute; bottom:0; left:0; width:450px; height:45px; background-color:#222; z-index:1; color:#bbb;}
#infoBar .arrows {position:absolute; width:35px; height:15px; top: 15px; right: 10px; z-index:6;} 
#infoBar .arrows a {cursor:pointer; display:block; height:15px; width:15px;}
#infoBar .nav-previous, #infoBar a.nav-previous:hover {background:url("../images/prev.gif") no-repeat; float:left;}
#infoBar .nav-next, #infoBar a.nav-next:hover {background:url("../images/next.gif") no-repeat; float:right;}
#infoBar .nav-previous.inactive, #infoBar a.nav-previous.inactive:hover {background:url("../images/prevGray.gif") no-repeat;}
#infoBar .nav-next.inactive, #infoBar a.nav-next.inactive:hover {background:url("../images/nextGray.gif") no-repeat;}
#infoBar img.projectThumbs {position: relative; float:left; width: 38px; height: 25px; margin: 10px 0 0 10px; cursor:pointer; opacity: 0.8; filter: alpha(opacity=80);}
#infoBar h3{float:left; margin: 14px 0 0 10px; font-style:italic;}

#rightColumn { float:right; background-color: #282828; width: 130px; margin-right:140px; padding-bottom: 10px;}
#rightColumn .projectTypeThumbs { margin: 10px 0 0 10px; width:110px; height: 66px; position:relative; background-color:#1f1f1f;}
#rightColumn .projectTypeThumbs img {position:absolute; top:0; left:0; cursor:pointer; z-index:3}
#rightColumn .projectTypeThumbs .projectThumbInfo {position:absolute; top:0; left:0; width:110px; height:66px; z-index:2; padding: 5px; color:#AFAFAF; font-style:italic;}
#rightColumn.projectInfo {background-color: transparent; width: 200px; margin-right:60px;}
#rightColumn.projectInfo  ul {padding:0;}
#rightColumn.projectInfo  ul li{ float:none; list-style:none outside none; margin:0 0 1em 0; padding:0; color:#4b4b4b;}
#rightColumn.projectInfo  ul li h3{color:#00467F; font-size:1.5em; line-height:1.3em;}

#bodyContainer .projectList  {margin: 1em 0 2em 0; border-bottom: solid 1px #555555;}
#bodyContainer .projectList h3 {color:#4b4b4b; font-size:1.3em; line-height:1.3em;}
#bodyContainer .projects {position:relative; margin-top:1em;}
#bodyContainer .projectList ul{width:340px; margin-right: 1em; color:#5d5d5d; padding:0;}
#bodyContainer .projectList ul.rightList{position:absolute; left: 360px; top:0; margin-right: 1em;}
#bodyContainer .projectList li{margin:0 0 .4em 0; font-size:.95em;}

a.next {float:right;color:#2971A7;}
a.prev {float: left; color:#2971A7;}
a.prev:hover, a.next:hover {color:#ff833d; background:none !important;}