body  { background-color: #fff; background-image: url(../images/top_bar_striped.gif); background-repeat: repeat-x; margin: 0; padding: 0 }
hr  { color: #ccc; background-color: #ccc; width: 100%; height: 1px; border: 0 }
p { margin: 0 0 10px }
#container  { background-color: #fff; margin: 0 auto; width: 950px }
#main  { margin: 0 auto; padding: 0; width: 938px }
#top { margin-bottom: 6px; height: 40px }
#nav      { height: 40px }
#nav ul     { list-style-type: none; margin: 0; padding: 0 }
#nav li   { float: left }
#nav li a       { display: block; padding-top: 40px; height: 0; overflow: hidden }
#nav li#home     { background-image: url("../images/nav_home_bt.gif"); background-repeat: no-repeat; width: 246px }
#nav li#home a:hover     { background-image: url("../images/nav_home_sbt.gif"); background-repeat: no-repeat }
#nav li#about     { background-image: url("../images/nav_about_bt.gif"); background-repeat: no-repeat; width: 133px }
#nav li#about a:hover     { background-image: url("../images/nav_about_sbt.gif"); background-repeat: no-repeat }
#nav li#projects     { background-image: url("../images/nav_projects_bt.gif"); background-repeat: no-repeat; width: 115px }
#nav li#projects a:hover     { background-image: url("../images/nav_projects_sbt.gif"); background-repeat: no-repeat }
#nav li#services     { background-image: url("../images/nav_services_bt.gif"); background-repeat: no-repeat; width: 114px }
#nav li#services a:hover     { background-image: url("../images/nav_services_sbt.gif"); background-repeat: no-repeat }
#nav li#careers     { background-image: url("../images/nav_careers_bt.gif"); background-repeat: no-repeat; width: 111px }
#nav li#careers a:hover     { background-image: url("../images/nav_careers_sbt.gif"); background-repeat: no-repeat }
#nav li#news     { background-image: url("../images/nav_news_bt.gif"); background-repeat: no-repeat; width: 89px }
#nav li#news a:hover     { background-image: url("../images/nav_news_sbt.gif"); background-repeat: no-repeat }
#nav li#contact     { background-image: url("../images/nav_contact_bt.gif"); background-repeat: no-repeat; width: 130px }
#nav li#contact a:hover     { background-image: url("../images/nav_contact_sbt.gif"); background-repeat: no-repeat }
#banner { height: 212px; overflow: hidden }
#bannerLogo { float: left }
#bannerFlash, #bannerPhoto { float: right }
#body  { background-image: url("../images/body_back.gif"); background-repeat: repeat-y; margin-top: 6px; width: 938px; overflow: hidden }
#bodyLeft   { background-image: url("../images/body_left_top_back.gif"); background-repeat: no-repeat; padding: 30px 20px 20px; width: 200px; min-height: 100px; float: left }
#bodyLeft ul  { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; list-style-type: none; margin-left: 0; padding: 0 }
#bodyLeft li      { margin: 4px 0 }
#bodyLeft li a       { color: #333; text-decoration: none; display: block; padding: 4px 6px }
#bodyLeft li a:hover    { background-color: #a5a687 }
#leftHeadlines   { margin-top: 8px; margin-bottom: 20px; padding-left: 4px }
#leftHeadlines h3  { color: #333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 14px; background-image: url("../images/news_bullet.gif"); background-repeat: no-repeat; margin: 0 0 10px; padding: 0 0 0 18px }
#leftHeadlines a { color: #333; text-decoration: none }
#leftHeadlines a:hover { text-decoration: underline }
#leftTraffic   { padding-left: 10px }
#leftTraffic h3 { color: #333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px }
#leftTraffic a { color: #333 }
#bodyRight    { background-image: url("../images/body_right_top_back.gif"); background-repeat: no-repeat; padding: 40px 30px 30px; width: 632px; min-height: 100px; float: right }
#introHeading    { color: #32508a; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 22px }
#introText   { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
#introPullout      { color: #c00; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 28px; background-image: url("../images/quote_back.gif"); background-repeat: no-repeat; margin-bottom: 30px; margin-left: 30px; padding-top: 4px; padding-left: 20px; width: 180px; float: right }
#featuredProject { margin-top: 30px; clear: both }
#featuredPhoto   { background-color: #fff; margin-right: 20px; margin-bottom: 20px; padding: 8px; float: left; border: solid 1px #ccc }
#featuredTitle      { color: #333; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url("../images/featured_arrow.gif"); background-repeat: no-repeat; margin: 0 0 10px 166px; padding: 0 0 0 12px }
#featuredText  { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px }
#featuredText a { color: #c00; text-decoration: none }
#featuredText a:hover { text-decoration: underline }
#subnav { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 30px }
#subnav a  { color: #32508a; text-decoration: none; padding: 4px 6px }
#subnav a:hover { background-color: #d4d4bb }
#content { width: 380px; color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
#contentWide  { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; width: 632px }
#content h1, #contentWide h1  { color: #32508a; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold }
#content h3, #contentWide h3  { color: #333; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 40px }
#content p a, #content li a, #contentWide p a, #contentWide li a, #contentWide h3 a { color: #c00; text-decoration: none }
#content p a:hover, #content li a:hover, #contentWide p a:hover, #contentWide li a:hover, #contentWide h3 a:hover  { text-decoration: underline }
#map { margin-top: 24px; border: solid 1px #333 }
#map1, #map2 { margin-bottom: 24px; border: solid 1px #333 }
#projectPulldown { float: right }
#projectPhotos, #careerPhotos    { text-align: center; margin-top: 80px; width: 218px; float: right; clear: right }
.projectPhoto, .careerPhoto    { background-color: #fff; margin-top: 20px; padding: 8px; border: solid 1px #ccc }
#quote      { color: #c00; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 20px; background-image: url("../images/quote_back.gif"); background-repeat: no-repeat; padding-top: 10px; padding-left: 24px; width: 200px; float: right }
#quote a { color: #c00; font-weight: bold }
.quoteSource     { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic }
#hiddenQuote { display: none }
#hideLink { display: none }
#family  { overflow: hidden }
#familyLeft  { width: 300px; float: left }
#familyRight  { width: 300px; float: right }
.familyPhoto  { background-color: #fff; margin-bottom: 10px; padding: 8px; border: solid 1px #ccc }
.newsPhoto, .contactPhoto   { background-color: #fff; margin-bottom: 20px; margin-left: 20px; padding: 8px; float: right; border: solid 1px #ccc }
#contactMap  { float: right }
#footer  { background-image: url("../images/body_btm_back.gif"); background-repeat: no-repeat; height: 24px; clear: both }
#copyright  { color: #666; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: right; padding: 20px }
#copyright .sitemap  { color: #c00; text-decoration: underline }
#copyright a { color: #666; text-decoration: none }
#copyright a:hover { text-decoration: underline }