/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 0.8em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; color: #fff; text-shadow: none; } ::selection { background: #b3d4fc; color: #fff; text-shadow: none; } a { color: #CF4520; text-decoration: none; } a[href="#"]:visited {color: #CF4520;} a:visited { color: #A8361A; } a:hover, a:visited:hover { color: #CF4520; } a:focus { outline: thin dotted; } a:hover {text-decoration: underline;} a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 25px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } input[type=text], input[type=search], input[type=password], input[type=submit] {-webkit-border-radius:0px; -webkit-appearance: none; border-radius: 0;} table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ===== Base Styles ======================================================== ========================================================================== */ h1, h2, h3 {font-family: 'HelveticaNeueW01-45Ligh'; font-weight: normal; margin: 0.5em 0;} h4, h5 {font-family: 'HelveticaNeueW01-75Bold'; font-weight: normal; margin: 0.5em 0;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'HelveticaNeueW01-75Bold'; font-weight: normal;} h3 {font-size: 1.3em;} span.error { color: red; display: block; float: left; margin-left: 165px; width: 100%; } .applyNow { font-family: 'HelveticaNeueW01-75Bold'; font-size: 1.5em; } .container {width: 100%;} #header {float: left; clear: both; width: 100%; position: relative;} #skip-to-content {color: #fff; display: none; position: absolute; left: 300px; top: 17px; font-weight: bold; } #skip-to-content:focus, #skip-to-content:active {color: #CF4520;} #logo {background: url(../images/template/sprite.png) top left no-repeat; width: 226px; height: 86px; margin: 6px 10px 6px 10px; display: block; position: relative; text-transform: capitalize; text-indent: -999em; } .pdf, .doc, .ppt, .external, .screen {padding-left: 25px; line-height: 18px; background-image: url(../images/template/sprite.png); background-repeat: no-repeat; display: block;} .pdf {background-position: -980px -650px;} .doc {background-position: -980px -600px;} .ppt {background-position: -980px -510px;} .external {background-position: -990px -550px;} .screen { background-position: -980px -420px; } /***********************/ #beta {width: 166px; height: 48px; background: url(../images/content/beta.png) top left no-repeat; position: absolute; top: 10px; left: 30px; } /**********************/ #menu-toggle {display: none;} #top-nav {float: left; margin-bottom: 10px; display: none;} #top-nav li {float: left; border-left: solid 1px #767676; padding: 0 8px; font-weight: bold;} #top-nav li:first-child {border-left: none;} #top-nav li.last { padding-right: 3px; } #top-nav li a {color: #CF4520} #primary-nav {background-color: #5B6770; float: left; clear: both; width: 100%; min-height: 37px;} #primary-nav #dmo-logo {background-image: url(../images/template/sprite.png); background-position: 10px -100px; background-repeat: no-repeat; padding: 0; width: 87px; margin: 0; padding: 0px; height: 37px; border: none; float: left;} #primary-nav #dmo-logo span { height: 37px; width: 100%;} #primary-nav li.first {border-left: 0;} #primary-nav li {float: left; border-left: solid 1px #5B6770;} #primary-nav li a {color: #fff; float: left; padding: 0px 13px; font-weight: bold; line-height: 37px; font-size: 1.05em;} #primary-nav li.last {float: right; border: none;} #primary-nav li.last a {background-color: #000; padding: 0 47px; } #primary-nav li.last a:hover {background-color: #000; } #primary-nav li:hover a {background-color: #5B6770; text-decoration: none;} #primary-nav li.first.active {margin-left: -1px;} #primary-nav li.active a, #primary-nav li.active a:hover {background-color: #dddddd; color: #000000;} #secondary-nav {float: left; width: 22%; margin-right: 2%;} #secondary-nav p {font-weight: bold; margin: 0 0 1px 0; float: left; width: 100%; position: relative; border-bottom: solid 1px #ccc;} #secondary-nav p .expand {display: none;} #secondary-nav p a {font-size: 1.15em; color: #CF4520; margin: 10px 5% 10px 5%; display: block;} #secondary-nav li {float: left; width: 100%;} #secondary-nav li a {color: #272727; float: left; width: 80%; /*border-top: solid 1px #d8d8d8;*/ padding: 10px 5% 10px 15%;} #secondary-nav li a.inactive {color: #999 !important;} #secondary-nav ul {padding-left: 0; list-style-type: none; float: left; margin: 0; width: 100%; border-top: solid 1px #ccc;} #secondary-nav ul ul {display: none; border: none;} #secondary-nav ul li.active, #secondary-nav ul li.active-expand {background: #f5f5f5;} #secondary-nav ul ul {display: none;} #secondary-nav ul li.active ul {display: block;} #secondary-nav ul li a {font-size: 1.1em; color: #272727; width: 80%; float: left; border-bottom: solid 1px #ccc; padding: 8px 5% 8px 15%; position: relative; word-wrap: break-word;} #secondary-nav ul li a.last {border-bottom: none;} #secondary-nav ul li a:hover {text-decoration: none; background-color: #d4ae9a;} #secondary-nav ul li.active-page > a, #secondary-nav ul li.active-page > a:hover {background-color: #CF4520 !important; color: #fff !important;} #secondary-nav .expand {background-image: url(../images/template/sprite.png); background-repeat: no-repeat; background-position: 5px -195px; width: 20px; height: 20px; float: left; cursor: pointer; position: absolute; top: 7px; left: 5px; z-index: 20;} #secondary-nav .expand.on {background-position: 5px -295px;} .touch #secondary-nav .expand {background-position: -30px -200px; width: 20px; height: 20px; position: absolute; top: 7px; left: 6px;} .touch #secondary-nav .expand.on {background-position: -30px -300px;} #secondary-nav ul ul li a {font-size: 1.05em; padding-left: 23%; width: 72%; color: #272727;} #secondary-nav ul li.active ul li a {background: none; font-weight: normal; color: #272727;} #secondary-nav ul ul li .expand {left: 12%;} #secondary-nav ul ul li a:hover {background-color: #d4ae9a !important;} #secondary-nav ul ul ul li a {background-image: url(../images/template/sprite.png); background-position: 35px -589px; background-repeat: no-repeat; padding-left: 30%; width: 65%;} #secondary-nav ul ul ul li .expand {left: 20%;} #secondary-nav ul li.active ul ul {display: none;} #secondary-nav ul li.active ul li.active ul {display: block;} #secondary-nav ul li.active ul li.active ul li a {background: none; font-weight: normal;} #secondary-nav ul ul ul li a:hover {background-color: #d4ae9a !important;} #secondary-nav ul ul {display: none; background: transparent;} #secondary-nav ul li.active ul li.active ul ul {display: none;} #secondary-nav ul li.active ul li.active ul li.active ul {display: block;} #secondary-nav ul ul ul ul li a {padding-left: 35%; width: 60%;} #secondary-nav span {display: block;} #search {float: left; margin-bottom: 10px;} #search input.text {background-color: #e7e7e7; color: #575757; border: 0; padding: 0; width: 193px; height: 37px; text-transform: uppercase; font-size: 0.9em; padding-left: 15px; padding-right: 10px; float: left; font-weight: bold; } .lt-ie9 #search input.text {line-height: 37px;} #search input.submit {background-color: #5B6770; text-transform: capitalize; border: none; color: #fff; height: 37px; line-height: 37px; padding: 0 10px; float: left; background-image: none;} #search input.submit:focus {color: #CF4520;} #main {float: left; clear: both; width: 100%;} #footer {background-color: #5B6770; float: left; width: 100%; font-weight: bold; margin: 15px 0 20px 0;} footer {width: 100%; float: left;} #footer p {color: #fff; float: left; margin: 0; line-height: 37px; margin-left: 15px;} #footer a {color: #fff;} #footer ul {float: right; margin-right: 7px; min-height: 37px;} #footer li {float: left; border-left: solid 1px #767676; padding: 0 8px; margin: 9px 0; font-weight: bold;} #footer li:first-child {border-left: none;} /* Homepage */ #home-carousel, #landingFeatureImg {width: 100%; min-height: 318px; float: left; margin: 22px 0 0 0; padding-bottom: 12px; border-bottom: solid 1px #ccc; position: relative;} #home-carousel .slide-wrapper {overflow-x: hidden; float: left; width: 100%; min-height: 318px; position: relative;} #home-carousel .inner {float: left; width: 10000px; min-height: 318px;} .js #home-carousel .inner {display: none;} #home-carousel .slide {float: left; width: 960px; min-height: 318px; background-repeat: no-repeat; background-position: top left;} #home-carousel .slide-content, #landingFeatureImg .description {width: 22em; margin-left: 50px; float: left;} #home-carousel .slide-content-body, #landingFeatureImg .description-body {background-color: rgba(255, 255, 255, 0.9); float: left; padding: 12px 4% 0 4%; width: 92%; margin-bottom: 4px;} #home-carousel .slide-content .read-more, #landingFeatureImg .description .read-more {background-color: rgba(255, 255, 255, 0.9); border: none; float: left; clear: both;} .lt-ie9 #home-carousel .slide-content-body, .lt-ie9 #home-carousel .slide-content .read-more, .lt-ie9 #landingFeatureImg .description-body, .lt-ie9 #landingFeatureImg .description .read-more {background: #fff;} #home-carousel .slide-content h2, #home-carousel .slide-content h3, #landingFeatureImg .description h3 {font-size: 2em; margin: 0; font-weight: normal; line-height: 1em; width: 100%; border-bottom: solid 1px #ccc; font-family: 'HelveticaNeueW01-45Ligh'; padding-bottom: 10px;} #home-carousel .slide-content h2 a, #home-carousel .slide-content h3 a, #landingFeatureImg .description h3 a {color: #000;} #home-carousel .arrow {background-image: url(../images/template/sprite.png); width: 41px; height: 93px; top: 112px; display: block; position: absolute; cursor: pointer; z-index: 100;color: #272727;} #home-carousel-left {background-position: -300px 0; left: -10px;} #home-carousel-right {background-position: -350px 0; right: -10px;} #home-carousel-nav {background-color: rgba(207, 69, 32, 0.6); position: absolute; right: 0; bottom: 12px; height: 41px; padding: 0 8px 0 17px;} .lt-ie9 #home-carousel-nav {background-color: #CF4520;} .js #home-carousel-arrows {display: none;} #home-carousel-arrows p {display: none;} .js #home-carousel-nav {display: none;} .slide-number, .playPause {width: 17px; height: 17px; float: left; color: #CF4520; background-image: url(../images/template/sprite.png); background-position: -400px 0; text-align: center; line-height: 17px; margin: 12px 9px 12px 0; cursor: pointer;} .slide-number:focus {outline-color: #fff;} .slide-number.active, .slide-number.active:hover, .playPause.play {background-position: -430px 0; color: #fff; width: 21px; height: 21px; margin: 10px 7px 10px 0; line-height: 21px;} .slide-number:hover {text-decoration: none; color: #CF4520;} .playPause.pause { margin-right: 11px; } .playPause span { display: block; height: 10px; width: 10px; background: url(../images/template/sprite.png) no-repeat -415px -50px; margin: 4px; } .playPause.play span { background-position: -430px -50px; margin: 5px 0 5px 7px; } .home-block {float: left; padding-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc;} .home-block.last {border-bottom: none; padding-bottom: 0;} #home-first-column {float: left;} #home-last-column {float: left; margin-bottom: 10px; } #home-last-column .home-content-block {width: 100%;} #home-last-column .home-content-block.news { padding-bottom: 0; } #home-last-column a {color: #5B6770;} #home-last-column .read-more a {color: #fff;} .home-content-block {float: left; width: 100%; padding-bottom: 27px; position: relative;} .home-content-block h2 {font-size: 1.8em; margin: 0; font-family: 'HelveticaNeueW01-45Ligh'} .home-content-block ul {list-style-type: none; padding-left: 0;} .home-content-block .read-more { position: absolute; bottom: 0; left: 0; margin: 0; } .news div {border-top: solid 1px #ccc; width: 100%; float: left;} .news div.first { border: none; } .news section article:first-child div { border: none; } div.news div p {margin: 9px 0 9px 63px; font-weight: bold; padding-left: 0; background: none;} .news p.date {float: left; width: 50px; line-height: 1.3em; color: #272727; margin-left: 0; text-align: center; text-transform: uppercase; font-weight: normal; padding-left: 0; background: none;} .news p .year {font-size: 1.5em; float: left; width: 50px; font-weight: normal;} #home-last-column .news div { min-height: 72px; } #budget {position: relative; height: 100%; z-index: 1;} #budget h2 {color: #CF4520; line-height: 1em !important; margin-bottom: 20px; font-family: 'HelveticaNeueW01-45Ligh'; border: none !important;} #budget ul {width: 140px;} #budget ul li {color: #000000; position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 1.05em;} #budget ul li span {width: 15px; height: 15px; float: left; position: absolute; left: 0; top: 0; text-indent: -999em; text-transform: capitalize;} #budget img {position: absolute; z-index: 10; bottom: 1em; right: 0;} #budget .read-more a {position: relative; z-index: 20;} #highlight {background-color: #ececec; padding: 10px 4% 0 4%; width: 92%; border-bottom: 1px solid #F0DACF; border-right: 1px solid #F0DACF; margin-bottom: 4px;} #highlight p, #highlight ul { margin: 6px 0; } #highlight ul {list-style-type: disc; padding-left: 20px; margin-bottom: 1em; } #our-projects p.bar {float: left; color: #fff; margin: 0; padding: 10px 8px; font-size: 1.1em; font-weight: bold; margin-right: 15px; position: relative;} #our-projects p.info {margin: 3px 0;} #our-projects p span {position: absolute; right: 8px; top: 10px; font-weight: normal;} #our-projects li {width: 100%; float: left; clear: left; margin-bottom: 10px;} #our-projects .cost {background-color: #CF4520; width: 217px;} #our-projects .capability {background-color: #245148; width: 164px;} #our-projects .schedule {background-color: #5B6770; width: 110px;} #twitter ul {margin: 0 0 20px 0;} #twitter li {border-top: solid 1px #ccc; padding: 10px 0 6px 40px; min-height: 36px; position: relative;} #twitter li .icon {background: url(../images/template/sprite.png) -979px -750px no-repeat; width: 21px; height: 28px; position: absolute; top: 13px; left: 0;} #twitter li:first-child {border: none;} #accountability div {background-color: #5B6770; padding: 10px 4% 10px 4%; width: 92%; color: #fff; margin-bottom: 4px;} #accountability p {margin-bottom: 0;} #accountability p.ir {width: 308px; height: 88px; display: block; margin-top: 0; background: url(../images/home/budget.png) left top no-repeat;} .home-block.last .home-content-block.middle .read-more {background-color: #5B6770; border: none;} .home-block.last .home-content-block.middle .read-more a {color: #fff;} .home-block.last .home-content-block.middle .read-more a span.disc {background-position: right -50px; width: 13px; height: 13px;} #business-updates {background: #ECE9EE; padding-top: 8px; padding-bottom: 0; margin-bottom: 0;} #business-updates h2 {padding: 0 2% 0 2%;} #business-updates h3 {color: #CF4520; margin: 0; /*border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea;*/ padding: 8px 4%; line-height: 1em; clear: both; font-size: 1.4em;} #business-updates div.first {border-top: none;} #business-updates p { margin: 0; } #business-updates div p.update-title {font-weight: bold;} #business-updates div p.date {font-size: 0.8em; color: #626262;} #business-updates .read-more {margin-top: 12px;} .businessBlock {float: left; width: 100%; margin-top: 13px;} .businessBlock.first {margin: 0;} .businessBlock div {padding: 7px 4%; border-top: solid 1px #ccc;} /* Landing Page */ #landingFeatureImg { min-height: 235px; padding-bottom: 0; margin-bottom: 20px; margin-top: 15px; overflow-x: hidden;} #landingFeatureImg .description { position: absolute; z-index: 10; top: 0; left: 0px;} #landingFeatureImg img {float: left; width:100%;} #landingFeatureImg .read-more { margin: 0; } .landing .home-content-block { width: 31.99%; margin: 0 0 0 2%; } .landing .home-content-block:first-child { width: 32%; margin: 0; } .landing.home-block { margin: 0; width: 100%; min-height: 0; border: none; padding: 0; } div.landing h2 { font-size: 1.6em; } .landing .plainText h2 { border-bottom: 1px solid #CCCCCC; } .landing .news div.first { border: none; } div.landing p { margin: 9px 0; } .landing .home-content-block img { float: left; margin: 10px 10px 0 0; width: 50px; } .landing ul { margin: 0; } .landing li { border-top: 1px solid #CCCCCC; min-height: 52px; padding: 9px 0; } .landing li h3, .landing li p { font-size: 1em; margin: 0; font-family: Arial, Helvetica, sans-serif; } .landing li a { color: #CF4520; font-weight: bold; } /* Online Magazines */ .magazine.bulletin h1 {float: left; overflow: hidden; width: 448px; height: 77px; background: transparent url('../images/template/sprite.png') -552px -921px no-repeat; text-indent: 100%; white-space: nowrap;} .magazine.threads h1 {float: left; overflow: hidden; width: 448px; height: 77px; background: transparent url('../images/template/sprite.png') -552px -921px no-repeat; text-indent: 100%; white-space: nowrap;} .magazine .magazine-issue {float: right; margin: 70px 0 0; font-size: 1.3em; line-height: 0.8em;} .magazine .news h2 {background-color: #5B6770; border: none; font-size: 1.2em;} .magazine .news h2 a {font-family: Arial, sans-serif; font-weight: bold; padding: 10px 12% 10px 5%; display: block; min-height: 43px; position: relative; color: #fff;} .magazine .news .img-wrapper {margin: 0 0 10px; width: 100%; overflow: hidden;} .magazine .news img { width: 100%; margin: 0; } #content.magazine {float: right;} .content.magazine-article h1 {overflow: hidden; padding: 5px 0; margin: 0 0 10px;} .magazine-article.bulletin .magazine-logo {float: right; overflow: hidden; width: 233px; height: 40px; background: transparent url('../images/template/sprite.png') -552px -879px no-repeat; text-indent: 100%; white-space: nowrap;} .magazine-article figure img {width: 100%;} .magazine-article figcaption {padding: 5px; background: #EEE; font-style: italic;} .magazine-article p:first-of-type {font-weight: 700;} .magazine-article .fast-facts {float: right; width: 36%; padding: 10px; margin: 0 0 20px 20px; background: #eeeeee;} .magazine-article h4 {text-transform: uppercase;} .magazine-article .fast-facts p {font-weight: normal;} /* Content styles */ .read-more {background-color: #ececec; float: left; padding: 4px 4%; width: 92%; margin: 0; border-bottom: solid 1px #f0dacf; border-right: solid 1px #f0dacf;} .read-more.inbody {width: auto; padding: 4px 10px;} .read-more.inbody a {padding-right: 20px; float: left; width: auto;} .read-more a {color: #CF4520; width: 100%; display: block; font-weight: bold; position: relative;} .read-more a span.disc {background: url(../images/template/sprite.png) right top no-repeat; position: absolute; width: 11px; height: 11px; right: 0; top: 4px; display: block;} .read-more.purple {background-color: #5B6770; border: none;} .read-more.purple a {color: #fff;} .read-more.purple a span.disc {background-position: right -50px; width: 13px; height: 13px;} .read-more.light-purple {background-color: #5B6770; border-bottom: solid 1px #5b5168; border-right: solid 1px #5b5168; padding-right: 6%; position: relative;} .read-more.light-purple a {color: #fff;} .read-more.light-purple a span.disc {background-position: right -50px; width: 13px; height: 13px;} .read-more.light-purple .triangle {border-bottom: 5px solid #160325; border-right: 5px solid transparent; line-height: 0; height: 0; width: 0; position: absolute; right: -1px; top: -5px;} .link {background: url(../images/template/sprite.png) right top no-repeat; font-weight: bold; padding-right: 18px;} .orange {color: #CF4520;} .green {color: #245148;} .purple {color: #5B6770;} .orange-bg {background-color: #CF4520;} .green-bg {background-color: #245148;} .purple-bg {background-color: #5B6770;} #breadcrumb {width: 100%; float: left; padding: 5px 0 5px 0; border-bottom: solid 1px #ccc; font-size: 0.9em;} #breadcrumb ul {float: left; width: 86%;} #breadcrumb li {float: left; background-image: url(../images/template/sprite.png); background-position: -0 -348px; background-repeat: no-repeat; margin: 5px 12px 5px 0;padding-left: 10px; color: #595959; white-space: nowrap;} #breadcrumb li:first-child {padding: 2px 0 0 0; margin-right: 5px; margin-top: 0; background: none;} #breadcrumb li a.home {background: url(../images/template/sprite.png) -195px -95px no-repeat; width: 9px; height: 9px; padding: 5px; float: left;} #breadcrumb li a {color: #000000;} #page-tools {float: right; padding-top: 5px;} .st_sharethis_hcount { float: left; border-right: solid 1px #ccc;} .stButton .stButton_gradient, .stButton_gradient {border: none !important; background: none !important; padding: 0 5px 0 0 !important; filter: none !important;} .stButton .chicklets {font-size: 1.2em !important; color: #5B6770 !important; font-family: Arial, sans-serif !important; line-height: 16px !important;} .stArrow {display: none !important;} #print-page {width: 20px; height: 17px; float: left; background: url(../images/template/sprite.png) -500px 0 no-repeat; margin-left: 5px; text-transform: capitalize; text-indent: -999em; display: block; } .expanding-panels {float: left; width: 100%;} .expanding-panels .heading {background: #C0C0C0; padding: 10px 4%; position: relative; margin: 0 0 6px 0; width: 92%; float: left; color: #000;} .expanding-panels a h2 {font-size: 1.8em; margin: 0;} .expanding-panels a.heading:hover {text-decoration: none;} .expanding-panels .heading p {margin: 0; font-style: italic;} .expanding-panels div {width: 96%; float: left; margin: 1em 2% 0 2%;} .expanding-panels .heading .triangle {border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #5B6770; font-size: 0; position: absolute; top: 20px; right: 12px;} .expanding-panels .heading.open .triangle {border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #5B6770;} .expanding-panels div h3, #bioListing h3 { font-family: Arial, sans-serif; font-size: 1em; margin: 0 0.5em 0 0; font-weight: bold; line-height: 1.2em;} .expanding-panels div p, #bioListing p {margin-top: 0;} .back-to-top {position: absolute; bottom: 0px; right: 0; color: #fff; background: #CF4520 url(../images/template/sprite.png) -200px -150px no-repeat; line-height: 44px; font-weight: bold; padding: 0 20px 0 15px; margin-right: -30px; color: #fff !important;;} .back-to-top .triangle {border-right: solid 30px transparent; border-bottom: solid 30px #5d321c; position: absolute; top: -30px; right: 0px; height: 0px;} #areas-of-interest {width: 100%; float: left; margin-top: 1em; position: relative;} #areas-of-interest .back-to-top {top: 0; bottom: auto;} #areas-of-interest h2 {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; line-height: 43px; margin: 0 0 12px 0;} #areas-of-interest .block {width: 30%; margin-right: 5%; float: left; position: relative;} #areas-of-interest .block h3 {font-family: 'HelveticaNeueW01-45Ligh'; font-size: 1.6em; background: #5B6770; color: #fff; line-height: normal; padding: 0.5em 30px 0.2em 0.5em; margin: 0; background-image: url(../images/template/orange.gif); background-repeat: repeat-y; background-position: right top;} #areas-of-interest .block img {float: left; width: 100%;} #areas-of-interest .block .imageHolder { float: left; width: 100%; height: 170px; overflow: hidden; } #areas-of-interest .block .overlay-content {position: absolute; bottom: 45px; left: 0; background: rgba(255, 255, 255, 0.9); font-family: 'HelveticaNeueW01-45Ligh'; font-size: 1.6em; padding: 0.2em 0.5em; width: 66%; margin: 0;} .lt-ie9 #areas-of-interest .block .overlay-content {background: #fff;} #areas-of-interest .block .overlay-content a { color: #222222; } #areas-of-interest #budget h3 {color: #CF4520; font-weight: normal; background: none; padding: 0;} #areas-of-interest #budget img {width: 50%;} #areas-of-interest .block ul {padding-left: 0; list-style-type: none;} #areas-of-interest .block.last {margin-right: 0%; float: right; } #areas-of-interest.landing { margin-bottom: 10px; display: block; } #areas-of-interest.landing .block { margin-right: 0; margin-left: 2%; position: relative; width: 31.95%; } #areas-of-interest.landing .block.first { margin-left: 0; clear: left; } #areas-of-interest.landing .block .overlay-content { font-size: 1em; bottom: 45px; position: static; background-color: #EFEFEF; clear: both; width: auto; padding: 5px; min-height: 75px; } #areas-of-interest.landing .block .imageHolder { height: 80px; } /*#areas-of-interest.landing .block h3 { padding: 0.5em 4% 0.2em; width: 92%; font-size: 1.1em; min-height: 35px; font-weight: bold; font-family: Arial; } #areas-of-interest.landing .block h3 a { color: #fff; }*/ #areas-of-interest.landing .block h3 {padding: 0; width: 100%; font-size: 1.1em; height: 50px; font-weight: bold; font-family: Arial; float: none; display: table; vertical-align: middle;} #areas-of-interest.landing .block h3 a {color: white; display: table-cell; padding: 7px; vertical-align: middle;} #featureHeading { max-height: 400px; overflow: hidden; position: relative; margin-top: 10px; } #featureHeading .heading { position: absolute; bottom: 10px; left: 0; background: url(../images/template/steel-gradient.png) no-repeat top left; height: 75px; width: 100%; } #featureHeading .heading p { position: absolute; top: 1px; right: 50px; margin: 0; text-transform: uppercase; font-size: 0.9em; } #featureHeading .heading h1 { border: none; color: #fff; margin: 17px 0 0 0; padding: 15px 50px 15px 10px; font-family: Arial Black; text-transform: uppercase; text-align: right; line-height: 1em; background: #000; background: -moz-linear-gradient(left, #000 0%, #5B6770 65%, #000 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000), color-stop(65%,#5B6770), color-stop(100%,#000)); background: -webkit-linear-gradient(left, #000 0%,#5B6770 65%,#000 100%); background: -o-linear-gradient(left, #000 0%,#5B6770 65%,#000 100%); background: -ms-linear-gradient(left, #000 0%,#5B6770 65%,#000 100%); background: linear-gradient(to right, #000 0%,#5B6770 65%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=1 ); } #areas-of-interest .block h3 {} .additional-content {border-top: solid 1px #ccc; width: 100%; padding-top: 0.5em; float: left; margin-top: 1.5em;} .additional-content div {float: left; width: 50%;} .additional-content p {margin: 0 0 20px; font-weight: bold; background: url(../images/template/sprite.png) -989px -246px no-repeat; padding-left: 20px;} .additional-content li {font-weight: bold;} .additional-content p .orange {margin-top: 0.3em; display: block;} #content.project {padding-bottom: 44px;} .project table thead th { background-color: #C0C0C0; padding: 0.5em 1em; } .project table td { text-align: center; } #content.project img { float: left; margin: 12px 1.95% 20px 0; max-width: 48%; } .project .quickInfo { float: left; width: 50%; } .project .quickInfo dt { margin-top: 5px; font-weight: bold; background-color: #F3F3F3; padding: 5px; } .project .quickInfo dt:first-child { margin-top: 0; } .project .quickInfo dd { margin-left: 0; padding: 5px; } .project h2 { clear: both; } .project .read-more { margin-bottom: 0; } .project .additional-content { border: none; margin-top: 0; } #content.project-listing h1 {font-size: 1.6em; float: left; border: none; margin: 10px 0 0 0;} #project-listing-header p { clear: both; float: left; color: #CF4520; font-weight: bold; margin-top: 16px; margin-bottom: 0; display: none;} #project-nav {float: right; list-style-type: none; margin-bottom: 0; margin-right: 0; margin-top: 10px; padding-left: 0; width: 93%;} #project-nav li:first-child {margin-left: 0;} #project-nav li {border-style: solid; border-width: 0 0 4px; float: left; margin-left: 1px; width: 87px;} #project-nav a {color: #CF4520; float: left; font-size: 1.1em; font-weight: bold; line-height: 30px; padding: 0; text-align: center; width: 100%;} #project-nav a:hover {text-decoration: none; background-color: #e7e7e7;} #project-nav .all {border-color: #CF4520; width: 48px;} #project-nav .top-30 {border-color: #934bcc; width: 150px;} #project-nav .sustainment {border-color: #cfbe00; width: 113px;} #project-nav .emerging {border-color: #b77a19;} #project-nav .air {border-color: #3ab2bd; width: 50px;} #project-nav .land {border-color: #74ab2c;} #project-nav .sea {border-color: #39479a;} #project-nav .joint {border-color: #ff6000;} #project-nav .minor {border-color: #9d0f98;} #project-nav .disposals {border-color: #006468;} #project-nav li.active a {color: #fff;} #project-nav li.all.active a, .project-listing .project-category.all {background-color: #5B6770;} #project-nav li.top-30.active a, .project-listing .project-category.top-30 {background-color: #934bcc;} #project-nav li.sustainment.active a, .project-listing .project-category.sustainment {background-color: #cfbe00; color: #000;} #project-nav li.emerging.active a, .project-listing .project-category.emerging {background-color: #b77a19;} #project-nav li.air.active a, .project-listing .project-category.air {background-color: #3ab2bd;} #project-nav li.land.active a, .project-listing .project-category.land {background-color: #74ab2c;} #project-nav li.sea.active a, .project-listing .project-category.sea {background-color: #39479a;} #project-nav li.joint.active a, .project-listing .project-category.joint {background-color: #ff6000;} #project-nav li.minor.active a, .project-listing .project-category.minor {background-color: #9d0f98;} #project-nav li.disposals.active a, .project-listing .project-category.disposals {background-color: #006468;} #projects {padding-top: 12px; float: left; width: 100%; position: relative;} #projects .loader {display: none; width: 32px; height: 32px; position: absolute; left: 48%; top: 48%; background: url(../images/template/ajax-loader.gif) top left no-repeat;} #projects .row {width: 100%; float: left; clear: left; margin-bottom: 2%;} #projects .project {width: 23.5%; margin-right: 2%; float: left; position: relative;} .lt-ie8 #projects .project {width: 23.3%;} #projects .project.even {} #projects .project.last {margin-right: 0;} #projects .project img {float: left; width: 100%;} #projects .project h2 { width: 100%; float: left; font-size: 1.2em; margin: 0; } #projects .project h2 a {background-color: #5B6770; font-family: Arial, sans-serif; font-weight: bold; padding: 10px 12% 10px 5%; display: block; min-height: 43px; position: relative; background-image: url(../images/template/orange.gif); background-repeat: repeat-y; background-position: right top;} #projects .project h2 .disc {background: url(../images/template/sprite.png) right -50px no-repeat; width: 12px; height: 12px; top: 25px; right: 4px; display: block; position: absolute;} #projects .project h2 a {color: #fff;} #projects .project p {background-color: #efefef; width: 90%; padding: 10px 5%; float: left; margin: 0;} #projects .image { position: relative; float: left; width: 100%;} #projects .categories { position: absolute; bottom: 0; left: 0; width: 100%; } .project-listing .project-category {width: 20px; height: 20px; display: block; float: left; clear: left;} #pagination {float: left; width: 100%; background-color: #f3f3f3; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7; position: relative; min-height: 38px;} #pagination .center {text-align: center; margin: 10px 0;} #pagination .center a {padding: 5px 7px;} #pagination .center a.active {color: #fff; background-color: #5B6770;} #pagination .center a.active:hover {text-decoration: none;} #pagination #previous {position: absolute; left: 10px; top: 10px; font-weight: bold; background: url(../images/template/sprite.png) -989px -147px no-repeat; padding-left: 18px;} #pagination #next {position: absolute; right: 10px; top: 10px; font-weight: bold; background: url(../images/template/sprite.png) right 3px no-repeat; padding-right: 18px;} #project-listing-header {float: left; width: 100%; position: relative;} #project-filter {width: 96%; background: #e7e7e7; padding: 4px 1% 4px 3%; margin: 12px 0 0 0; float: left; position: relative; z-index: 1;} #project-filter legend {margin: 0 0 0 10px; color: #5B6770; font-weight: bold; line-height: 30px; float: left;} #content #project-filter fieldset {background: transparent;} .lt-ie8 #project-filter legend {position: absolute; left: 235px;} #project-filter .form-row {float: left; margin-left: 10px;} #content #project-filter fieldset {float: right; padding: 0; margin: 0;} #project-filter input[type=text] {border: solid 1px #ccc; padding: 0 5px; min-height: 30px;} #content #project-filter input[type=submit] {margin-left: 0;} .lt-ie9 #project-filter input[type=text] {line-height: 30px;} #image-gallery .image-wrapper {float: left; width: 23%; margin: 0 1% 10px; background-color: #EFEFEF; min-height: 220px;} #image-gallery .image-wrapper img {width: 100%; } #image-gallery .image-wrapper a:hover {text-decoration: none;} #image-gallery .image-wrapper p { padding: 5%; width: 90%; margin: 0; color: #222;} /* Bio Listing */ #bioListing {width: 100%; clear: both;} #bioListing img { float: left; width: 100px; margin: 0 1em 1em 0; } #bioListing .details {margin: 0 0 0 110px; clear: none; float: none;} #bioListing div {float: left; clear: both; width: auto; display: block;} #bioListing .block { width: 100%; margin: 10px 0; } #bioListing h2 {margin-bottom: 0;} #bioListing .title {margin: 0;} /* Search page */ #content .searchBar {background-color: transparent; float: left; width: 100%; padding: 0; margin-top: 20px; margin-bottom: 0; position: relative;} #content .searchfield {margin-right: 310px;} #content .searchBar .buttons { position: absolute; top: 0; right: 0; width: 295px;} #content .searchBar input[type=search], .lt-ie8 #content .searchBar input[type=text] {float: left; width: 97.5%;} #content .searchBar input[type=submit] { margin: 0; float: left; margin-right: 5px; } .lt-ie9 #content .searchBar input[type=text], .lt-ie9 #content .searchBar input[type=search] { line-height: 2.1em; } a.AdvSearchBtn { background-position: right -471px; display: inline-block; margin-left: 0; text-decoration: none; color: #FFFFFF !important; float: right; line-height: 32px; } #content .advancedSearch { padding: 0; margin: 10px 0; width: 100%; float: left; clear: both;} .searchFields { padding:2%; position: relative; float: left; width: 96%;} .js .searchFields {display: none;}/* .advancedSearch a { display: block; text-align: center; color: #222222; background-color: #E7E7E7; padding: 10px; font-weight: bold; outline: none; }*/ #content .advancedSearch.siteSearch label { float: left; width: 40%; clear: both; margin-top: 5px; } #content .advancedSearch.siteSearch input[type=text] { float: right; width: 50%; margin-bottom: 5px; clear: none; } #content .advancedSearch.siteSearch select {float: left; margin-left: 2.2%; width: 100px;} #content .advancedSearch.siteSearch .dk_container {float: left;} #content .advancedSearch.siteSearch .dk_container a {text-align: left;} .advancedSearch input[type="submit"] { float: right; margin-top: 10px; clear: right; } /* upload page */ #content .upload input[type=submit] { float: left; margin: 0 0 0 20px;} .upload input[type=file] { margin-top: 4px; float: left; } /* Listing pages */ .listing { margin: 0 0 10px; padding: 0; list-style: none; float: left; width: 100%; } .listing li { float: left; width: 100%; padding: 10px 0; border-top: 1px solid #CCCCCC; } .listing li:first-child { border-top: none; } .listing img { float: left; width: 100px; margin: 0 !important; } .listing .text { margin-left: 115px; } .listing h2 { margin: 0 0 5px; } .listing.events h2 { margin: 0; } .listing p { margin: 0; } .listing.events .location { margin: 0; font-style: italic; } .listing.dates .sideInfo .date { padding-top: 5px; width: 100px; line-height: 1.3em; clear: left; } div.sideInfo { float: left; font-size: 1.2em; text-align: center; font-family: 'HelveticaNeueW01-45Ligh'; } div.sideInfo strong { font-size: 1.3em; font-weight: normal; } div.sideInfo p { margin: 0; } /* Search Results */ #SearchResults { font-weight: bold; padding-left: 0; list-style: none; clear: both; } #SearchResults .number { position: absolute; top: 16px; left: 0; font-size: 1em; display: block; width: 30px; text-align: center; } #SearchResults li { padding: 10px 0 10px 40px; border-top: 1px solid #ccc; position: relative; } #SearchResults h2, #SearchResults p { margin: 0; font-weight: normal; } #SearchResults p.date { font-style: italic; } .lt-ie8 #SearchResults li { position: static; padding-top: 0; } .lt-ie8 #SearchResults .number { position: relative; top: 13px; left: -35px; } .lt-ie8 #SearchResults h2 { margin-top: -10px; } /* Glossary search */ #content .searchFields h2 { margin: 0 0 10px; } #content .searchFields ul { list-style: none outside; margin: 0; padding: 0; width: 100%; } #content .searchFields ul li { float: left; width: 33%; clear: none; } #content .searchFields label { width: 70%; padding-bottom: 5px; } .searchFields input[type=checkbox] { margin-left: 10%; } .searchFields input[type=checkbox]:first-child { margin-left: 0; } /* Glossary */ #glossary { list-style: none outside; padding: 0; margin: 0 0 20px; float: left; width: 100%; } #glossary h3 { margin-bottom: 0; } #glossary p { margin: 0; } #glossary > li { border-top: 1px solid #CCCCCC; } /* Item details */ #item-details .text { margin-left: 120px; } #item-details .sideInfo { width: 100px; } #item-details .sideInfo img { width: 100px; margin-bottom: 10px; margin-top: 6px; } #item-details.imgless .sideInfo { width: 70px; } #item-details.imgless .text { margin-left: 85px; } #item-details .pdf, #item-details .screen { float: left; } #item-details .screen { margin-left: 20px; } /* Event Detail */ .eventImage { height: 190px; float: right; } .eventDetails { margin-right: 35%; margin-top: 1em; } .eventDetails div { background-color: #f5f5f5; float: left; margin: 0; padding: 15px 5%; width: 39%;} .lt-ie8 .eventDetails div { width: 38.5%; } .eventDetails div:first-child { float: left; margin-bottom: 0.5%; margin-right: 0.5%; } #content .eventDetails .location { width: 88.5%; margin-bottom: 1em; } .eventDetails h3 { margin: 0 0 5px; } .eventDetails p { margin: 0; } .eventDetails dt {clear: left; float: left; font-family: 'HelveticaNeueW01-75Bold'; font-size: 1.15em; font-weight: normal; line-height: 0.9em; margin: 0;} .eventDetails dt:first-child { margin-top: 0; } .eventDetails dd {margin-bottom: 9px; margin-left: 80px;} .eventDescription { clear: both; } .content fieldset { background-color: #f5f5f5; padding: 15px 5%; margin-bottom: 20px; } .content fieldset .row { float: left; width: 100%; margin-bottom: 15px; } .content h2.formHeading { margin: 0; padding: 10px; color: #000; background-color: #C0C0C0; font-size: 1.5em; } .content input[type="submit"], .AdvSearchBtn {min-height: 32px; line-height: 28px; border: none; color: #fff; font-weight: bold; background: #5B6770 url(../images/template/sprite.png) right -290px no-repeat; padding: 0 30px 0 10px; margin-left: 165px;} .content fieldset ul { list-style: none; margin: 5px 0 0; padding: 0; float: left; width: 50%; } .content fieldset ul label { float: left; width: auto; margin: 0; padding-right: 0; padding-left: 10px; text-align: left; } .content fieldset li { clear: both; } .content input[type=radio], .content input[type=checkbox] { float: left; cursor: pointer; margin-top: 2px; clear: both; } .content input[type=text], .content input[type=tel], .content input[type=email], .content input[type=search], .content textarea {border: 1px solid #CCCCCC; min-height: 30px; padding: 0 5px; width: 180px;} .content textarea { width: 300px; height: 100px; padding: 7px; } .content label { margin: 5px 0; padding-right: 15px; float: left; width: 150px; padding-right: 15px; text-align: right; } .content label.left { text-align: left; } #content {float: left; width: 73.8%; margin-left: 2%; position: relative;} #content.wide {width: 100%; margin-left: 0;} .content img {max-width: 100%;} .content img.right {float: right; margin: 0 0 1em 1em;} .content img.left {float: left; margin: 0 1em 1em 0;} .content p {margin: 1em 0;} .content img.center {display: block; margin: 1em auto;} .content h1 {border-bottom: solid 1px #ccc; margin: 5px 0 0 0;} .content h2 {font-size: 1.8em;} .content h3 {font-size: 1.4em;} .content h4 {font-size: 1.3em;} .content hr {border-style: solid; border-width: 1px 0 0 0; border-color: #ccc; margin: 1em 0;} .lt-ie8 .content h1 { font-size: 2em; } .content table td, table th {border-top: solid 1px #ccc;} .content table {margin: 20px 0 30px; width: 100%; border-bottom: solid 1px #ccc;} .content table td {padding: 0.5em 1em;} .content table th.left {text-align: left; padding-left: 5px;} .content table ul {margin: 0;} .content table p {margin: 0;} .content table p + p {margin: 1em 0 0 0;} .content table .cp_jobListJobTitle {font-weight: bold;} .content table .cp_jobDetails ul {margin: 1em 0;} .content table td.cp_jobDetails a {margin: 0 0 0.5em 0; display: block;} .content h2 + table {margin-top: -0.5em;} .content table tbody tr.alt {background-color: #f3f3f3;} .content table thead .header a {padding-right: 20px; background: url(../images/template/sort.gif) right 0px no-repeat;} .content table thead .header.headerSortUp a {background: url(../images/template/asc.gif) right 3px no-repeat;} .content table thead .header.headerSortDown a {background: url(../images/template/desc.gif) right 3px no-repeat;} /******************************\ Base Lifecycle styles \******************************/ #lifecycle { padding-top: 75px; } #lifecycle .stage { float: left; width: 27%; padding: 0 2%; border-left: 1px solid #ccc; color: #222; margin-bottom: 20px; } #lifecycle .stage:first-child { border: none; } #lifecycle .stage .segment + .segment .lifecycle-arrow div { border-left: 1px solid #ccc; } #lifecycle .stage .segment + .segment .lifecycle-arrow p { padding-left: 15px; } #lifecycle .lifecycle-arrow { display: block; float: left; width: 50%; padding-bottom: 115px; position: relative; } #lifecycle .lifecycle-arrow .text { position: absolute; bottom: 120px; font-weight: bold; color: #222; padding: 0 10px 0 0; font-size: 0.9em; line-height: 1.3em; } #lifecycle .lifecycle-arrow .image { position: absolute; bottom: 0; width: 100%; border-bottom: 1px solid #ccc; } #lifecycle .lifecycle-arrow .image span { display: block; height: 94px; width: 65px; margin: 0 auto 15px; background: url(../images/template/orange-and-purple-arrows.png) 0 0 no-repeat; font-size: 0; color: transparent; text-indent: -500px; overflow: hidden; } #lifecycle .purple .lifecycle-arrow .image span { background-position: 0 bottom; } #lifecycle .lifecycle-arrow:hover .image span {background-position: 2px 0px} #lifecycle .purple .lifecycle-arrow:hover .image span {background-position: 2px bottom} #lifecycle .lifecycle-arrow:hover .text { text-decoration: underline; } #lifecycle .stage.half { width: 14.3%; } #lifecycle .stage.half .lifecycle-arrow { width: 100%; } #lifecycle .description h3 { clear: both; color: #BC5B1C; font-weight: bold; font-family: Arial; font-size: 1.1em; padding-top: 0.5em; margin-bottom: 0.3em; } #lifecycle .purple .description h3 { color: #431E68; } #lifecycle .description p { margin-top: 0; } #lifecycle + hr { clear: both; } /* ============================================================================= Media Queries ========================================================================== */ /* Styles that are not for 'Mobile only' version */ @media only screen and (min-width: 240px) { } /* Desktop displays */ @media only screen and (min-width: 1000px) { #logo {float: left; margin: 17px 0;} #top-nav {float: right; margin: 17px 0 24px 0;} #search {float: right; clear: right; width: auto; margin-bottom: 20px;} .container {width: 960px; margin: 0 auto;} .home-block {width: 694px; margin-right: 12px;} #home-first-column {width: 706px;} #home-last-column {width: 254px;} .home-content-block.left, .left .home-content-block {width: 350px; margin-right: 13px;} .home-content-block.middle {width: 330px;} #top-nav { display: block; } } /* Smaller than 1024 tablet in landscape orientation */ @media only screen and (max-width: 1000px) { #logo {float: left; margin: 17px 0;} #top-nav {display: block; float: right; margin: 17px 0 24px 0;} #search {float: right; clear: right; width: auto; margin-bottom: 20px;} .container {width: 100%;} #logo {margin-left: 1%;} #top-nav, #search {margin-right: 1%;} #primary-nav, #main {width: 98%; margin: 0 1%;} #home-carousel {width: 100%; margin: 12px 0;} #home-carousel .arrow {width: 31px; background-color: #CF4520; height: 85px;} #home-carousel-left {background-position: -300px -8px; left: 0px; padding-left: 10px;} #home-carousel-right {background-position: -350px -8px; right: 0px; padding-right: 10px;} #primary-nav p {display: none;} #primary-nav li a {padding: 0 1em;} #primary-nav li.last {float: left;} .home-block {width: 98%; margin: 0 1%;} /*#skilled { padding-bottom: 5px; }*/ .home-content-block.left, .left .home-content-block {width: 49%; margin-right: 2%;} .home-content-block.middle {width: 49%;} .read-more.light-purple {padding-right: 4%;} .read-more.light-purple .triangle {display: none;} #home-first-column {width: 100%;} #home-last-column {width: 98%; margin: 0 1%;} #home-last-column .read-more {padding: 4px 2%; width: 96%;} #latest-tenders, #latest-proposals {width: 49%;} #latest-tenders {margin-right: 2%;} #business-updates {padding-bottom: 0; margin-top: 15px;} #landingFeatureImg img {float: left; max-width: none; margin: 0;} #content .advancedSearch.siteSearch label {width: 30%;} #secondary-nav ul li a {width: 75%; padding: 8px 5% 8px 20%;} #secondary-nav .expand {background-position: -25px -195px; width: 30px; height: 30px; position: absolute; top: 2px; left: 5px;} #secondary-nav .expand.on {background-position: -25px -295px;} #secondary-nav ul ul li a {padding-left: 27%; width: 68%;} #secondary-nav ul ul ul li a {padding-left: 32%; width: 63%;} #secondary-nav ul ul li .expand, .touch #secondary-nav ul ul li .expand {left: 10%;} #secondary-nav ul ul ul li .expand, .touch #secondary-nav ul ul ul li .expand {left: 16%;} #project-nav li {width: 15.83%; margin-left: 1%;} #project-nav li.all, #project-nav li.top-30, #project-nav li.sustainment, #project-nav li.emerging {width: 24.25%;} #project-nav li a {width: 95%; padding: 0 0 0 5%;} #project-nav li.air {margin-left: 0; width: 15.83%} #accountability p.ir {max-width: 100%; background-size: 100%;} #footer {margin-bottom: 0;} #footer ul {float: none; text-align: center;} #footer p {text-align: center; float: none;} #footer li {float: none; display: inline-block;} /*#content img {width: 50%;}*/ #areas-of-interest .block.first {margin-right: 2%;} #areas-of-interest .block {width: 49%; margin-right: 0;} #areas-of-interest .block.last {display: none;} .back-to-top {padding: 0 20px 0 20px; margin-right: 0;} .back-to-top .triangle {display: none;} #image-gallery .image-wrapper {width: 31.33%;} #areas-of-interest.landing .block { margin-left: 2%; margin-right: 0; display: block; } #areas-of-interest.landing .block.first, #areas-of-interest.landing .block.last { margin-left: 0; } } @media only screen and (max-width: 840px) { #project-nav li {margin-top: 10px;} #project-listing-header {border-bottom: 0;} #project-listing-header h1 {width: 100%;} } @media only screen and (max-width: 768px) { .content textarea { width: 230px; } #business-updates {margin-top: 0;} .magazine .magazine-issue { display: block; clear: left; float: none; margin-top: 0; padding-top: 15px; } } @media only screen and (max-width: 640px) { .content textarea { width: 300px; } #top-nav {display: none;} #search {margin-top: 32px;} #budget img {display: none;} #budget ul {width: auto;} #breadcrumb {display: none;} #content.project-listing {margin-top: 1em;} #secondary-nav {width: 100%; margin-right: 0;} #secondary-nav p {position: relative; margin: 6px 0 0 0; background-color: #5B6770;} #secondary-nav p .expand, #secondary-nav p a {color: #fff;} #secondary-nav p a {padding-left: 11%; padding-right: 5%; width: 85%; margin-left: 0; margin-right: 0;} #main #secondary-nav p .expand {display: block; position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; background-position: -25px -195px;} #main #secondary-nav p .expand.on {background-position: -25px -295px;} #secondary-nav ul {display: none; border: none;} #secondary-nav ul li a {width: 85%; padding: 8px 5% 8px 11%;} #secondary-nav ul ul li a {padding-left: 15%; width: 80%;} #secondary-nav ul ul ul li a {padding-left: 20%; width: 75%;} #secondary-nav ul ul ul ul li a {padding-left: 25%; width: 70%;} #secondary-nav ul ul ul li span {left: 20%;} #secondary-nav ul ul li .expand {left: 7%;} #secondary-nav ul ul ul li .expand {left: 12%;} #primary-nav, #main {width: 96%; margin: 0 2%;} #content {width: 100%; margin: 0;} #areas-of-interest {display: none;} #pagination .center {display: none;} #areas-of-interest {display: none;} #areas-of-interest.landing { display: block; } #areas-of-interest.landing .block { width: 49%; } #areas-of-interest.landing .block:nth-child(5) { margin-left: 0; } #areas-of-interest.landing .block:nth-child(6) { margin-left: 1%; } #project-filter legend {display: none;} #project-filter .form-row {width: 100%; margin: 6px 0;} #project-filter .form-row * {float: left;} #project-nav li {margin-left: 2%;} #project-nav li.all {width: 49%;} #project-nav li.top-30 {width: 49%;} #project-nav li.sustainment {width: 49%; margin-left: 0;} #project-nav li.emerging {width: 49%;} #project-nav li.air, #project-nav li.land, #project-nav li.sea, #project-nav li.joint, #project-nav li.minor, #project-nav li.disposals {width: 32%;} #project-nav li.air, #project-nav li.joint { margin-left: 0;} #projects .row {margin-bottom: 0;} #projects .project.odd {clear: left; margin-right: 4%;} #projects .project {width: 48%; margin-right: 0%; margin-bottom: 4%;} #content input[type=text], #content input[type=tel], #content input[type=email], #content input[type=search], #content textarea, #content select, #content .row ul, .customStyleSelectBox {clear: left; float: left;} #content .searchField input[type=text] {width: 96%; padding: 0 1.8%;} #content label {text-align: left;} span.error { margin-left: 0;} #content ul label {} #content input[type=submit] {margin-left: 0;} .listing div.sideInfo {clear: left; width: 100px; margin-top: 10px;} .listing div.text {margin-left: 115px !important;} .listing img { float: left !important; } } @media only screen and (max-width: 560px) { #home-carousel {margin-top: 6px; margin-bottom: 6px; min-height: 170px;} #home-carousel .slide-wrapper { min-height: 170px;} #home-carousel .inner {min-height: 170px;} #home-carousel .slide {min-height: 170px; background-size: 511px; position: relative;} #home-carousel .slide-content {width: 22em; margin-left: 0; margin-top: 0; position: absolute; bottom: 50px; float: left;} #home-carousel .slide-content h3 {font-size: 1.5em;} #home-carousel .slide-content p, #home-carousel .slide-content .read-more {display: none;} #home-carousel .arrow {width: 28px; height: 28px; background-color: transparent; padding: 0;} #home-carousel #home-carousel-left {background-position: -300px -100px; top: auto; bottom: 4px; left: 4px;} #home-carousel #home-carousel-right {background-position: -350px -100px; top: auto; bottom: 4px; right: 4px;} #home-carousel-nav {display: none !important;} #home-carousel-arrows {background: rgba(207, 69, 32, 0.9); float: left; width: 100%; height: 36px; position: absolute; left: 0; bottom: 12px; display: block;} .lt-ie9 #home-carousel-arrows {background-color: #CF4520;} #home-carousel-arrows p {display: block; text-align: center; color: #fff; font-weight: bold;} #content .searchfield {margin: 0 0 1em 0; width: 100%; float: left; } #content .searchBar .buttons { float: left; clear: left; position: static; width: 100%;} #lifecycle { padding-top: 0; } #lifecycle .stage { float: none; clear: both; width: auto; border: none; } #lifecycle .stage.half { width: 45%; float: left; clear: none; } #lifecycle .lifecycle-arrow { padding-bottom: 0; } #lifecycle .lifecycle-arrow .text { position: static; width: 50%; float: left; } #lifecycle .lifecycle-arrow .image { border-top: 1px solid #ccc; position: static; } #lifecycle .lifecycle-arrow .image span, #lifecycle .lifecycle-arrow:hover .image span { background-size: 500px; background-position: -15px -200px; height: 50px; width: 33px; right: 0; left: auto; margin-right: 10px; margin-top: 15px; } #lifecycle .purple .lifecycle-arrow .image span, #lifecycle .purple .lifecycle-arrow:hover .image span { background-position: -100px -200px; } } /* Landscape phone view */ @media only screen and (max-width: 480px) { #top-nav {display: none;} #menu-toggle {position: fixed; top: 0; left: 0; height: 32px; float: left; width: 100%; display: block; background: #5B6770; z-index: 1000;} #menu-toggle a {display: block; float: right; margin-left: 200px; background: #ddd; line-height: 32px; color: #5B6770; padding: 0 10px;} #menu-toggle .triangle {float: right; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #5B6770; margin: 13px 0 0 5px;} #menu-toggle .triangle.up {border-top: 0; border-bottom: 5px solid #5B6770;} #header {padding-top: 32px; position: relative;} #search {position: absolute; bottom: 0; right: 0; margin: 0 2% 0 0;} #search input.text {width: 120px;} #primary-nav {width: 96%; margin: 0 2%;} #primary-nav ul {position: fixed; top: 32px; left: 0; width: 100%; z-index: 100; background: rgba(91, 103, 112, 0.90); float: left; display: none;} .lt-ie9 #primary-nav ul {background-color: #5B6770;} #primary-nav li, #primary-nav li.active {width: 50%; float: left; border: 0;} #primary-nav li a, #primary-nav li.active a {float: left; width: 90%; padding: 8px 5%; line-height: normal; border: 0; z-index: 100; background: none;} #primary-nav li.last {background: none;} #primary-nav li.last a { background-color: #000; padding: 8px 5%; } #primary-nav li.active {background-color: #CF4520;} #primary-nav li.active a {color: #fff;} #primary-nav #dmo-logo {width: 83px; display: block; background-size: 500px; background-position: 5px -365px; } .no-backgroundsize #primary-nav #dmo-logo { background-position: 10px -100px; } #logo {margin: 10px auto; float: none; background-size: 500px; background-position: 0 -425px;} .no-backgroundsize #logo { background-position: top left; } #accountability, #budget, #our-projects {display: none;} .home-content-block.left, .left .home-content-block, .home-content-block.middle, #home-last-column {width: 96%; margin: 0 2%;} .home-block.landing .home-content-block {width: 100%; margin-bottom: 20px;} #latest-tenders, #latest-proposals {width: 100%} #business-updates {padding-top: 0; margin-top: 15px;} .content img.left, .content img.right {float: none; display: block; margin: 1em auto;} #bioListing .details { margin: 0; } #bioListing hr { clear: left; } #bioListing .block h3 { clear: left; } #bioListing .block h3:first-child { clear: none; } #content .advancedSearch.siteSearch label {width: 100%; text-align: left;} #content .advancedSearch.siteSearch input[type=text] {width: 98%; clear: left;} #item-details div.text { margin-left: 0; clear: both; } #item-details div.sideInfo { float: none; text-align: center; width: 100% } #item-details div.sideInfo.hasDate { width: 200px; min-height: 80px; margin: 20px auto 40px; float: none; } #item-details div.sideInfo.hasDate img { float: left; margin: 0; } #item-details div.sideInfo.hasDate .date { padding-top: 20px;} .content img, .content img.left, .content img.right {float: none; display: block; margin: 1em auto;} #projects .project img { margin: 0; } #image-gallery .image-wrapper {width: 48%;} .magazine.bulletin h1 {width: 100%; height: 43px; margin: 15px 0 0; background: transparent url('../images/template/sprite.png') -547px -810px no-repeat; } .magazine .magazine-issue {margin-top: 10px; margin-left: 5px;} .magazine-article.bulletin .magazine-logo {display: none;} .magazine #landingFeatureImg .description {margin-left: 0;} .magazine-article .fast-facts {float: none; margin: 0; width: 94%;} .magazine-page #secondary-nav ul {display: block;} .home-block.landing .home-content-block { width: 100%; margin: 0 0 1em 0; height: auto !important; } #footer p {text-align: left;} #footer ul {list-style-type: disc; padding-left: 30px; padding-bottom: 10px; text-align: left; color: #fff;} #footer li {border: none;list-style-type: disc; position: static; display: list-item; margin: 0; padding: 0;} } /* Portrait phone only */ @media only screen and (max-width: 320px) { #projects .project {width: 100%; clear: left; margin-bottom: 10px;} #secondary-nav p a {padding-left: 12%; width: 88%;} #main #secondary-nav p .expand {left: 2px;} #secondary-nav ul li a {width: 80%; padding: 8px 5% 8px 15%;} #secondary-nav ul ul li a {width: 75%; padding-left: 20%;} #secondary-nav ul ul ul li a {width: 70%; padding-left: 25%;} #secondary-nav ul ul li .expand, .touch #secondary-nav ul ul li .expand {left: 8%;} #secondary-nav ul ul ul li .expand, .touch #secondary-nav ul ul ul li .expand {left: 14%;} } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .noBreak { white-space: nowrap; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: none transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-family: Arial, helvetica, sans-serif !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; height: auto !important; position: static !important; float: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } p a[href]:after, td a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } #content img, #budget img { max-width: 100% !important; width: auto !important; float: left !important; margin-right: 10px !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; } .read-more { border: none !important; } .date span, .date strong { margin-left: 5px !important; font-size: 1em !important; } form select { display: inline !important; font-weight: normal !important; opacity: 1 !important; } form label { font-weight: bold; } form ul label { font-weight: normal; } form input { width: auto !important; } form input[type=text], form input[type=search], form input[type=email], form input[type=tel], form select { border-bottom: 1px solid #595959 !important; border-left: none !important; border-top: none !important; border-right: none !important; width: auto !important } /*hidden elements*/ #header, #breadcrumb, #secondary-nav, #footer, #pagination, #home-carousel-nav, #home-carousel-arrows, #areas-of-interest, .visuallyhidden, fieldset.searchBar, fieldset.advancedSearch, span.triangle, .customStyleSelectBox, input[type=submit], .back-to-top, #cboxNext, #cboxPrevious, #cboxClose, .cp_jobActions { display: none !important; } .listing li { clear: both; padding: 10px 0; float: left !important; border: none; } .expanding-panels { clear: both; } .expanding-panels div { display: block !important; margin-bottom: 40px; } .expanding-panels a { background: none !important; } .expanding-panels .details {margin-left: 110px !important; width: auto !important;} div.sideInfo {float: left !important; margin-right: 10px !important; text-align: left !important; width: 100px !important;} div.sideInfo a[href]:after { content: "" } div.sideInfo p { display: inline !important; } .listing .sideInfo .date { float: left !important; } #projects .project { clear: both; float: left !important; padding: 10px 0; } #projects .project a, #projects .project p { padding: 0 !important; height: auto !important; min-height: 0 !important; } #projects .row { margin: 0 !important; } #content img.center { float: none !important; } #image-gallery .image-wrapper {float: left !important; margin: 0 1% 10px !important; width: 23% !important;} #image-gallery .image-wrapper:nth-child(5), #image-gallery .image-wrapper:nth-child(9) { clear: left !important; } #image-gallery .image-wrapper img { float: none !important; } #image-gallery img { width: auto !important; } .cp_jobDetails { width: 70% !important; } .cp_closingDate, .cp_timeRemaining { width: 15% !important; text-align: center !important; } #SearchResults .number { position: absolute !important; left: 0; top: 5px; } #SearchResults li { padding-left: 20px !important; position: relative !important; } #SearchResults .date { font-style: italic; } #SearchResults p { margin: 0 !important; } #SearchResults h2 { margin-bottom: 0; } .content table th.left { width: 15% !important; } }