/* Kiwirail website stylesheet ? Copyright KiwiRail 2011. Written by Frontend Design http://www.frontend.co.nz/ */ /* GENERAL */ p, a, li, body {font-family: 'Arial', sans-serif;} h4 {font-size: 16px;} a {text-decoration: none;} a.extLink {background: url(../i/link-external-arrow-icon.png) no-repeat 98% center;} a.intLink {background: url(../i/link-internal-arrow-icon.png) no-repeat 98% center;} a.intLinkSmall {background: url(../i/link-internal-arrow-small-icon.png) no-repeat 98% center;} a.intLinkDownload {background: url(../i/link-internal-download-icon.png) no-repeat 98% center;} a.readMore {padding-left: 15px; background: url(../i/link-internal-arrow-small-icon.png) no-repeat left center; font-size: 12px; font-weight: bold;} h3 a {font-family: inherit;} nav li {float: left;} ul.arrowList li {margin: 6px 0; width: 100%; display: inline-block;} ul.arrowList li a {background: url(../i/link-internal-arrow-small-icon.png) no-repeat left center; padding-left: 25px; font-size: 13px; font-weight: bold; color: #1D1D1B;} ul.arrowList li a:hover {color: #F37021;} .centre {width: 960px; margin: 0 auto; position: relative;} .clear {clear: both !important; display: block !important; visibility: hidden !important; width: 100% !important; height: 0px !important; margin: 0 !important; padding: 0 !important; border: none !important;} .hide {display: none;} input[type="text"] {background: #fff; border: 1px solid #7F8081; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /* SPECIFICS */ /* header */ header #flagship {display: block; height: 62px;} header #logo {float: left; margin-top: 15px;} header nav ul li.last {margin-right: 0 !important;} header #nav-misc {float: right; margin-top: 22px;} header #nav-misc ul li {font-size: 13px; color: #908F8F;} header #nav-misc ul li span {color: #F37021; padding-left: 5px;} header #nav-misc ul li p {padding: 5px 10px; display: inline-block;} header #nav-misc ul li a {padding: 5px 10px; display: inline-block; color: #000;} header #nav-misc ul li a:hover {color: #F37021;} header #nav-misc ul li#search {margin-left: 10px; position: relative;} header #nav-misc ul li#search input.search-input {padding: 4px 5px 2px 5px; width: 130px; margin-right: 80px;} header #nav-misc ul li#search input.search-button {background: url(../i/search-button-background.gif) no-repeat left top #fff; border: none; color: #fff; position: absolute; right: 0; top: -6px; padding: 9px /*14px*/ 0 15px; width: 70px; cursor: pointer;} header #nav-misc ul li#search input.search-button:hover {background-position: left -39px;} header #navBG {background: #000; display: block; height: 80px; clear: both;} header #nav-main {float: left; margin-top: 24px; margin-left: -10px;} header #nav-main ul li {margin-right: 20px;} header #nav-main ul li a {color: #F7F7F7; font-size: 22px; float: left; padding: 10px 10px 24px;} header #nav-main ul li.active a, header #nav-main ul li.active a:hover {border-bottom: 10px solid #596541; color: #a3bd65; padding-bottom: 14px;} header #nav-main ul li a:hover {border-bottom: 10px solid #414042; color: #A7A9AC; padding-bottom: 14px;} header #nav-main a /*, header #nav-sub a*/ {font-family:'RotisSansSerifW02-Light 743017', Arial, sans-serif;} header #nav-sub {margin-top: 26px; position: absolute; right: 0;} header #nav-sub ul li {margin-right: 8px; padding-top: 10px;} header #nav-sub li.active {height: 44px;} header #nav-sub ul li.active a, header #nav-sub ul li.active a:hover {border-bottom: 10px solid #596541; color: #a3bd65; padding-bottom: 17px;} header #nav-sub ul li a {color: #F7F7F7; font-size: 14px; padding: 15px;} header #nav-sub ul li:hover a {border-bottom: 10px solid #414042; color: #A7A9AC; padding-bottom: 17px;} /* footer */ footer {background: url(../i/footer-watermark.gif) no-repeat 15% bottom #F2F2F2; padding-top: 95px; height: 190px;} footer .centre {height: 100%;} footer .footerBlock {float: left; width: 300px; margin: 0 11px 0 9px;} footer .footerBlock h5 {font-size: 14px; color: #636466; text-transform: uppercase; font-family: 'Rotis Sans Serif W02', Arial, sans-serif;} footer .footerBlock p, footer .footerBlock li {font-size: 12px; color: #939598; line-height: 1.3em; font-family: 'Arial', sans-serif;} footer .footerBlock ul {margin-top: 20px;} footer .footerBlock ul li {margin-bottom: 8px;} footer .footerBlock ul.twoCol li {float: left; width: 150px; } footer .footerBlock p {margin-top: 20px;} footer .footerBlock p span {margin-top: 5px; display: inline-block;} footer .footerBlock a:hover {color: #www.frontend.co.nz;} #copyright {background: #000; height: 20px;} #copyright p {color: #BCBEC0; font-size: 12px; width: 100%; text-align: right; padding-top: 5px; font-family: 'Arial', sans-serif;} #footer-logo {position: absolute; bottom: 20px; right: 0;} /* content */ #content {background: #F2F2F2; min-height: 300px;} #content .orangeButton { padding: 13px 25px 8px; margin: 22px 30px 0 32px; font-size: 19px; font-family: 'RotisSansSerifW02-Light 743017', 'Arial', sans-serif; text-transform: uppercase; color: #fff; display: inline-block; /* css3 */ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 1px 1px #4a4544; -webkit-box-shadow:0px 1px 1px #4a4544; box-shadow:0px 1px 1px #4a4544; background: #F37021; background-image: -moz-linear-gradient(top, #F37021, #F37021); background-image: -webkit-gradient(linear, center top, center bottom, from(#F37021), to(#F37021)); background-image: -o-linear-gradient(top, #F37021, #F37021); background-image: linear-gradient(top, #F37021, #F37021); -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } #content .orangeButton:hover { background-image: -moz-linear-gradient(top, #F37021, #F37021); background-image: -webkit-gradient(linear, center top, center bottom, from(#F37021), to(#F37021)); background-image: -o-linear-gradient(top, #F37021, #F37021); background-image: linear-gradient(top, #F37021, #F37021); } #content #hero {display: block; height: 360px; position: relative; overflow: hidden;} #content #hero #heroBG {display: block; width: 100%; height: 360px; position: absolute; top: 0; left: 0; background-color: #1f2352;} #content #hero #heroBG img {width: 1460px; height: 360px;} #content #hero .heroSliderWrapper {position: absolute !important; left: 50%; margin-left: -730px;} #hero #heroPager {position: absolute; z-index: 100; right: 25px; top: 20px;} #hero #heroPager a {text-indent: -1000em; font-size: 1px; color: #f7f7f7; padding: 5px 7px; background: url(../i/carousel-bullet.png) no-repeat center center;} #hero #heroPager a.pager-active {background: url(../i/carousel-bullet-active.png) no-repeat center center; color: #F37021;} #hero #heroNext { display: none; height: 120px; width: 80px; background: url(../i/carousel-next.png) no-repeat center center; position: absolute; right: -20px; top: 100px; z-index: 100; } #content #hero h1 { font-size: 46px; line-height: 48px; font-family: 'RotisSansSerifW02-Bold', 'Arial', sans-serif; text-transform: uppercase; color: #fff; } #content #hero .slideCopy {position: absolute; top: 110px; left: 270px; width: 900px;} #content #hero .alignRight {text-align: right;} #content #hero h1 span {background: #000; padding: 0 30px;} #content #diet-hero {display: block; height: 340px; position: relative; overflow: hidden;} #content #diet-hero h1, #content #diet-hero h2 {font-size: 24px; color: #F7F7F7; line-height: 28px; margin-left: 50px;} #content #diet-hero h1 {margin-bottom: 5px; margin-top: 110px; font-size: 36px; text-transform: uppercase;} #content #diet-hero #heroBG {display: block; width: 100%; height: 336px; position: absolute; top: 0; left: 0; background-color: #414042;} #content #diet-hero #heroBG img {position: absolute; top: 0; left: 50%; margin-left: -730px; width: 1460px; height: 336px;} #freight #content #tiny-hero #heroBG {background-color: #939393 !important;} #travel #content #tiny-hero #heroBG {background-color: #949494 !important;} #infrastructure #content #tiny-hero #heroBG {background-color: #949494 !important;} #projects #content #tiny-hero #heroBG {background-color: #949494 !important;} #in-the-community #content #tiny-hero #heroBG {background-color: #939393 !important;} #about-us #content #tiny-hero #heroBG {background-color: #929493 !important;} #media #content #tiny-hero #heroBG {background-color: #949494 !important;} #working-for-us #content #tiny-hero #heroBG {background-color: #c2ca12 !important;} #content #tiny-hero {display: block; height: 278px; position: relative; overflow: hidden;} #content #tiny-hero h1, #content #tiny-hero h2 {font-size: 24px; color: #F7F7F7; line-height: 28px; text-shadow: #000 0 1px 0;} #content #tiny-hero h1 {margin-bottom: 3px; margin-top: 65px; text-transform: uppercase;} #content #tiny-hero #heroBG {display: block; width: 100%; height: 380px; position: absolute; top: 0; left: 0; background-color: #414042;} #content #tiny-hero #heroBG img {position: absolute; top: 0; left: 50%; margin-left: -730px; width: 1460px; height: 278px;} #tiny-hero .aLittleExtra {position: absolute; top: 24px; right: 22px;} #tiny-hero .aLittleExtra p {background: #000; padding: 2px 10px; color: #F7F7F7; font-size: 14px; line-height: 18px; margin-bottom: 3px; width: 276px; margin-right: 8px;} #tiny-hero .aLittleExtraText p {padding: 6px 12px 8px;} #tiny-hero .aLittleExtra p span {display: inline-block; width: 145px;} #content #overlap {margin-top: -75px; z-index: 100;} #overlap .threeSect article {width: 270px; /*min-height: 300px;*/ display: inline-block; padding: 15px; margin-right: 15px; background: #fff; position: relative; overflow: hidden; vertical-align: top;} #overlap .threeSect article.lastSect {margin-right: 0;} #media #overlap .threeSect article.lastSect, #working-for-us #overlap .threeSect article.lastSect {height: 259px;} #overlap .threeSect article h2 {font-size: 21px; color: #000; text-transform: uppercase; font-family: 'Rotis Sans Serif W02', 'Arial', sans-serif; margin-bottom: 4px; z-index: 20; position: relative;} #overlap .threeSect article h3 {font-size: 18px; color: #F37021; text-transform: uppercase; font-family: 'Rotis Sans Serif W02', 'Arial', sans-serif; margin-bottom: 15px;} #overlap .threeSect article h4 {font-size: 15px; color: #1D1D1B; font-weight: bold; font-family: 'Arial', sans-serif; margin-bottom: 10px;} #overlap .threeSect article h4 a:hover {color: #F37021;} #overlap .threeSect article img {margin-bottom: 20px;} #overlap .threeSect article p {color: #706F6F; font-size: 13px; line-height: 16px; margin-bottom: 10px;} #overlap .threeSect article .sectHover {background: #E3E3E3; padding: 15px; width: 270px; margin-left: -15px;} .threeSect article .sectHover ul {margin-top: 45px;} .threeSect article .sectHover ul li {border-top: 1px dashed #b2b2b2;} .threeSect article .sectHover ul li.first {border-top: none;} .threeSect article .sectHover ul li a {padding: 8px 15px; display: block; font-size: 14px;} .threeSect article .sectHover ul li a:hover {background-color: #F8F8F8;} #content .sectHover ul li a.orangeButton {padding: 8px 8px 4px; margin: 10px 0 0 15px; font-size: 13px; -moz-box-shadow:0px 1px 2px #b8b4b5; -webkit-box-shadow:0px 1px 2px #b8b4b5; box-shadow:0px 1px 2px #b8b4b5;} #overlap .threeSect article .jsKick {position: absolute; top: -205px; z-index: 10; height: 175px;} #overlap .threeSect article .jsKick ul {opacity: 0; filter: /*IE 5-7*/alpha(opacity=0); /*IE 8*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #overlap .threeSect hr.sep {border: none; border-top: 1px solid #ececec; margin: 18px 0 14px;} #overlap .threeSect article h3 {position: relative;} #overlap .threeSect article h3 a span.more {color: #000000; font-family: 'Arial', sans-serif; font-size: 12px; position: absolute; right: 0; top: 0; text-decoration: underline; text-transform: none;} #overlap .threeSect article h3 a:hover {color: #000;} #overlap .threeSect article h3 a:hover span.more {text-decoration: none;} #overlap .threeSect article.darkSect {background: #000; position: relative;} #overlap .threeSect article.darkSect h3 { position: absolute; top: 0; left: 0; float: left; padding: 15px 14px 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; color: #F7F7F7; background: #F37021; } #overlap .threeSect article.darkSect h3.blackBoxImgTitle {top: 150px;} #overlap .threeSect article.hoverOver h3 { color:#222; } #overlap .threeSect article.darkSect p {font-size: 16px; color: #FBFBFC; line-height: 28px;} #overlap .threeSect article.darkSect p a, #overlap .threeSect article.darkSect li a {color: #fff; text-decoration: underline;} #overlap .threeSect article.darkSect p a:hover, #overlap .threeSect article.darkSect li a:hover {text-decoration: none;} #overlap .threeSect article.darkSect li {font-size: 16px; color: #FBFBFC; line-height: 28px; list-style: disc outside none; margin-left: 20px;} #overlap .threeSect article#our-history li {list-style: none; margin-left: 0;} #overlap .threeSect article#feature-project h3 {top: 150px;} #overlap .threeSect .hoverOver { cursor:pointer; } #overlap .threeSect article#feature-project a:hover, #overlap .threeSect .hoverOver a {color: #F37021;} #projects #overlap .threeSect article.darkSect img {margin-bottom: 12px;} #projects #overlap .threeSect article {min-height: 370px;} #media #overlap .threeSect article {min-height: 295px;} #working-for-us #overlap .threeSect article {min-height: 406px;} #in-the-community #overlap .threeSect article {min-height: 393px;} #media #overlap .threeSect .darkSect {min-height: 295px;} #working-for-us #overlap .threeSect .darkSect {min-height: 360px; padding-top: 60px;} #in-the-community #overlap .threeSect .darkSect {min-height: 393px; padding-top: 60px;} #overlap .threeSect article div.sectImg {float: left; display: block; width: 50px; min-height: 50px; margin-right: 20px;} #overlap .threeSect article div.sectText {float: left; width: 200px;} #overlap .threeSect article div.sectText a {color: #000;} #overlap .threeSect article div.sectText a:hover {color: #F37021;} #overlap .threeSect article hr.sep {clear: both; display: inline-block; width: 100%;} #projects #overlap .threeSect article hr.sep {margin: 8px 0 12px;} #about-us .threeSect article {height: 420px;} #overlap .threeSect #our-history {padding-top: 60px; height: 375px;} #overlap .threeSect #our-history ul li {margin-bottom: 10px;} #overlap .threeSect #our-history ul li a {font-size: 16px; line-height: 20px; color: #FBFBFC; display: block; padding-left: 20px; background: url(../i/link-list-arrow-white.png) no-repeat left 1px;} #overlap .threeSect #our-history hr.sep {border-color: #565555;} #content #overlap .fullSect article {margin-top: 15px;} #content #overlap .fullSect .leftCol, #content #overlap .rightCol {padding-top: 0;} #content #overlap .fullSect .leftCol {width: 390px;} #overlap .fullSect article {padding: 35px; background: #fff;} #overlap .fullSect .mapCol {display: block; width: 160px; height: auto; margin-right: 35px; float: left;} #overlap .fullSect .leftCol h4 {font-size: 16px; color: #000; font-weight: bold; margin-bottom: 10px; font-family: 'Arial', sans-serif;} #overlap .fullSect .leftCol p {font-size: 13px; color: #6D6E71; line-height: 17px; margin-bottom: 10px;} #overlap .fullSect .rightCol {position: relative;} #content #overlap .fullSect .rightCol aside {margin-bottom: 0;} #overlap .fullSect .sep {border: none; border-top: 1px dashed #cdcdcf; margin: 18px 0 15px;} .general #content h1 {font-size: 40px; color: #F37021; font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif;} #content .leftCol {float: left; width: 670px; margin-right: 50px; padding-top: 75px;} #content .leftCol h1 {margin-bottom: 25px;} #content .leftCol #emergency-contact {background: #fff; padding: 20px; margin-bottom: 40px;} #emergency-contact h2 {font-size: 18px; font-family: 'Arial', sans-serif; color: #636466; width: 100%; margin-bottom: 20px;} #emergency-contact #emergency-number {font-size: 40px; color: #F37021; float: left;} #emergency-contact p {font-size: 12px; line-height: 16px; width: 380px; color: #6D6E71; float: left; margin-left: 20px;} #other-contacts h2 {font-size: 18px; color: #6D6E71; margin-bottom: 10px;} #other-contacts div.contact {padding: 18px 20px 0; position: relative;} #other-contacts div.odd {background: #E6E7E8;} #other-contacts .name {font-size: 18px; color: #000; margin-bottom: 10px;} #other-contacts .desc {font-size: 14px; color: #939598; padding-bottom: 20px;} #other-contacts .number {font-size: 18px; color: #6D6E71; float: right;} #other-contacts a.moreDetails {float: right; position: absolute; top: 50px; right: 20px; font-size: 12px; color: #000; font-weight: bold; display: none;} #other-contacts a.moreDetails:hover {color: #F37021;} #other-contacts .details {padding: 20px 0; border-top: 1px solid #ddd; min-height: 55px;} /*#other-contacts .details p {font-size: 14px; color: #808285; line-height: 18px;} #other-contacts .details p strong {display: inline-block; margin-right: 10px;} #other-contacts .details p.address {float: left; margin-right: 80px;} #other-contacts .details p.address strong {float: left; height: 40px;} #other-contacts .details p.fax {margin-bottom: 8px;}*/ #other-contacts .details p {font-size: 14px; color: #808285; line-height: 18px; float: left; margin: 0 30px 20px 0; width: 280px;} #other-contacts .details p strong {display: inline-block; width: 100%;} #other-contacts .details a {color: #000;} #other-contacts .details a:hover {color: #F37021;} #content .rightCol {float: left; width: 220px; padding-top: 140px;} #content .rightCol .asideDark {background: #414042; position: relative; padding: 62px 15px 20px;} .asideDark h4 {position: absolute; top: 0; left: 0; padding: 15px 14px 10px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; color: #F7F7F7; background: #F37021;} .asideDark p, .asideDark li {color: #F7F7F7; font-size: 12px; line-height: 18px; margin-bottom: 8px;} aside.largerText p, aside.largerText li {font-size: 14px; line-height: 22px;} .asideDark p strong {display: inline-block; width: 50px;} .asideDark li {list-style: disc outside none; margin-left: 15px;} .asideDark hr.sep {border: none; border-top: 1px solid #636466; margin: 25px 0;} #content .rightCol #our-offices {background: url(../i/new-zealand-icon.gif) no-repeat 164px 10px #414042;} .plainText p {margin-bottom: 12px;} .plainText p strong {width: auto;} .plainText a {color: #f7f7f7; font-size: 12px;} #content .rightCol .plainText {padding-top: 50px;} #content aside {margin-bottom: 40px;} #content .modAside h5 {font-size: 15px; text-transform: uppercase; color: #F37021; font-family: 'RotisSansSerifW02-Bold', 'Arial', sans-serif; margin-bottom: 10px; letter-spacing:0.02em;} #content .modAside p, #content .modAside li {font-size: 12px; color: #6D6E71; line-height: 18px;} #content .modAside a {color: #000; font-weight: bold;} #content .modText .modCopy {padding: 15px; border-top: 1px solid #DCDDDE; border-bottom: 1px solid #DCDDDE;} #content .modLinks ul {border-top: 1px solid #DCDDDE;} #content .modLinks li {border-bottom: 1px solid #DCDDDE;} #content .modLinks li a {width: 86%; padding: 7px 15px; display: block;} #content .modLinks li a:hover {color: #F37021; background-color: #F2F2F2;} .archive li a span {color: #706F6F; font-weight: normal;} #filter li a.active, #filter li a.menuactive, #archive li a.menuactive {color: #706F6F; background: url(../i/link-filter-arrow-icon.png) no-repeat -3px center;} #content .navCol {float: left; width: 140px; margin-right: 50px; padding-top: 95px;} #content .navCol .modLinks li {width: 100%;} #content .navCol .modLinks li a {padding-left: 0; padding-right: 0; font-weight: normal; width: auto;} #content .navCol .modLinks li a.active {color: #706F6F;} #content .navCol .modLinks ul.topLevelUL, #content .navCol .modLinks ul.topLevelUL li.activeparent {border-bottom: none;} #content .navCol .modLinks ul ul ul {border-top: none;} #content .navCol .modLinks ul ul ul li {border-bottom: none;} #content .navCol .modLinks ul ul ul li a {padding: 0 0 0 12px; margin: 0 0 10px 0; background: url(../i/left-nav-col-sub-item-arrow.gif) no-repeat 3px 6px;} #content .navCol .modLinks ul ul ul ul {padding-left: 10px;} #download-table .modLinks {float: left; width: 100%; margin-right: 40px; margin-top: 22px;} #download-table .modLinks a {background-position: 99% center; width: 450px !important;} /*#download-table .even {margin-right: 0;}*/ #download-table h3 {clear: both; width: 100%; display: inline-block; margin-bottom: 0 !important;} #download-table h3.setTitle {margin-top: 60px !important;} #download-table hr.sep {border: none; /*border-bottom: 1px dotted #DCDDDE;*/ width: 100%; clear: both; display: inline-block; margin: 40px 0 5px;} .threeCol #content .leftCol {width: 480px;} .twoColNav #content .leftCol {width: 670px;} .detail #content .leftCol {padding-top: 50px;} .detail #content .rightCol {padding-top: 120px;} .detail #content .leftCol h1 {color: #F37021; font-size: 40px; padding-bottom: 30px; border-bottom: 1px solid #DCDDDE; font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif;} .detail #content .leftCol h2 {color: #3C3C3B; font-size: 24px; text-transform: uppercase;} .detail #content .leftCol h2.headTitle {margin-top: 35px;} .detail #content .leftCol article {border-bottom: 1px solid #DCDDDE; padding-bottom: 25px;} .detail #content .leftCol p {font-size: 14px; line-height: 20px; color: #6D6E71; margin-bottom: 15px;} .detail #content .leftCol p.listHead {margin-bottom: 6px;} .detail #content .leftCol a {color: #000;} .detail #content .leftCol a:hover {color: #F37021;} .detail #content .leftCol h3 {font-size: 18px; color: #F37021; margin-top: 30px; margin-bottom: 15px; text-transform: uppercase; font-family: 'Rotis Sans Serif W02', 'Arial', sans-serif;} .detail #content .leftCol h4 {font-size: 18px; color: #6D6E71; margin-top: 30px; margin-bottom: 15px;} .detail #content .leftCol .greyNote {background: #E6E7E8; padding: 20px 50px; margin: 15px 0 25px; display: inline-block;} .detail #content .leftCol .greyNote h3, .detail #content .leftCol .greyNote h4 {margin: 10px 0;} .detail #content .leftCol ul li {font-size: 14px; line-height: 20px; color: #6D6E71; margin-bottom: 6px; list-style: disc outside none; margin-left: 20px;} .detail #content .leftCol .modLinks ul li {list-style: none; margin-left: 0; margin-bottom: 0;} .detail #content .leftCol .modLinks ul li a {padding: 7px 25px 7px 5px;} .detail #content .leftCol img.contentImg {margin: 10px 0 25px 0; clear: right;} .detail #content .leftCol img.contentImgLeft {float: left; margin: 10px 25px 25px 0;} .detail #content .leftCol img.contentImgRight {float: right; margin: 10px 0 25px 25px;} .detail #content .leftCol h6 {font-size: 18px; color: #6D6E71; line-height: 22px; padding-bottom: 30px; margin-bottom: 25px; font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif; border-bottom: 1px solid #DCDDDE;} .detail #content .leftCol h6 img {float: left; margin-right: 15px;} .detail #content .leftCol h6 a {font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif; color: #3C3C3B;} .detail #content .leftCol .introText {font-size: 18px; color: #6D6E71; line-height: 22px; padding-bottom: 30px; margin-bottom: 25px; font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif; border-bottom: 1px solid #DCDDDE;} .detail #content .leftCol .introText img {float: left; margin-right: 15px;} .detail #content .leftCol .introText a {font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif; color: #3C3C3B;} /*.detail #content .leftCol .imgCaption {background: #000; display: block; width: 460px; font-size: 12px; line-height: 16px; color: #D1D3D4; padding: 0 10px 12px;} .detail #content .leftCol article .imgCaption img {width: 480px; height: auto; margin-left: -10px; clear: both; margin-bottom: 10px;}*/ .detail #content .leftCol .addCaption { vertical-align:text-top; /*display: inline-block;*/ } .detail #content .leftCol .imgCaption {background: #000; display: block; font-size: 12px; line-height: 16px; color: #D1D3D4; padding: 12px 10px; clear: both; margin-top: -5px;} #content .post .key-fact-item, #content .leftCol .customLink {display: none;} #content #breadcrumbs {padding-top: 10px; width: 100%; clear: both;} #breadcrumbs, #breadcrumbs a {font-size: 11px; color: #000;} #breadcrumbs a, #breadcrumbs span {padding: 0 5px;} #breadcrumbs span {color: #6D6E71;} #content .leftCol .profile {margin-top: 30px; padding-bottom: 20px; border-bottom: 1px dashed #DCDDDE; min-height: 160px;} #content .leftCol .last {border-bottom: none; padding-bottom: 0;} #content .leftCol .profile img {float: left; margin-right: 30px; border: 10px solid #fff;} #content .leftCol .profile .details {display: inline-block; width: 510px;} html body #content .leftCol .profile p {line-height: 21px; margin-bottom: 8px;} #content .leftCol .profile .name {font-size: 18px; margin-bottom: 2px;} #content .leftCol .profile .title {font-weight: bold; margin-bottom: 5px;} .threeCol #content .leftCol .profile .details {width: 320px;} #content .leftCol .post {margin-bottom: 70px;} #content .leftCol .post h1 {margin-bottom: 14px;} #content .leftCol .post h6 {padding-bottom: 14px; border-bottom: 1px solid #DCDDDE;} #content .leftCol .posts {margin-bottom: -40px; border-bottom: 1px solid #DCDDDE;} #content .leftCol .NewsSummaryLink h1 a {color: #F37021; font-size: 40px; padding-bottom: 30px; font-family: 'RotisSansSerifW01-Itali', 'Arial', sans-serif;} #content .leftCol .NewsSummaryMorelink a {font-size: 12px; color: #000; font-weight: bold; background: url(../i/link-internal-arrow-small-icon.png) no-repeat left top; padding-left: 18px; padding-top: 1px;} #site-map {} #site-map ul {margin: 10px 0 20px;} #site-map ul li {list-style: none !important;} html #content #site-map ul li, #site-map ul li a {font-size: 20px; line-height: 26px;} html #content #site-map ul ul li, #site-map ul ul li a {font-size: 16px; line-height: 22px;} html #content #site-map ul ul ul li, #site-map ul ul ul li a {font-size: 13px; line-height: 20px;} html #content #site-map ul ul ul {margin-bottom: 5px;} /*.glossaryItem {width: 100%; clear: both; margin-bottom: 30px;} .glossaryItem strong {float: left; width: 170px; height: 30px; display: block;}*/ #glossary {} #glossary h5 {float: left; display: block; width: 170px; font-size: 14px; font-weight: bold; padding-top: 2px; line-height: 18px; margin-right: 40px;} #glossary p {width: 460px; margin-bottom: 30px !important; display: inline-block;} /* Disaster LATEST NEWS messaging bar */ #disaster {clear: both; padding: 20px; background: #F37021;} #disaster p {font-size: 13px; line-height: 17px; color: #6D6E71;} #disaster p strong {font-size: 13px;color: #fff;font-weight: bold;} #disaster p span {color: #000;} #disaster .disasterContacts {float: right; width: 220px; margin-left: 50px;} #disaster .disasterContacts p {font-size: 13px; color: #F37021; font-weight: normal;} #disaster .disasterContacts strong {width: 95px; display: inline-block; font-weight: normal; color: #6D6E71;} #pagination {text-align: center; font-size: 16px !important; padding-top: 20px;} /* NO-JS and fallback text styles */ /* FONTS */ .no-js header #nav-main ul li a {font-size: 20px;} .no-js header #nav-main ul li a:hover {padding-bottom: 16px;} .no-js #content #hero h1 {font-size: 44px;} .no-js #overlap .threeSect article h2 {font-size: 18px;} .no-js #content .orangeButton {padding-top: 12px; padding-bottom: 12px; font-size: 18px;} .no-js #content .sectHover ul li a.orangeButton {padding: 7px 8px 6px; font-size: 12px;} .no-js #emergency-contact #emergency-number {font-size: 36px;} /* webfont failure */ .no-webfonts header #nav-main ul li a {font-size: 20px;} .no-webfonts header #nav-main ul li a:hover {padding-bottom: 16px;} .no-webfonts #content #hero h1 {font-size: 44px;} .no-webfonts #overlap .threeSect article h2 {font-size: 18px;} .no-webfonts #content .orangeButton {padding-top: 12px; padding-bottom: 12px; font-size: 18px;} .no-webfonts #content .sectHover ul li a.orangeButton {padding: 7px 8px 6px; font-size: 12px;} .no-webfonts #emergency-contact #emergency-number {font-size: 36px;} /* LAYOUT */ .no-js #content #hero .slideCopy {left: 470px; top: 105px;} .no-js .threeSect article .sectHover ul {margin-top: 0;} .formsText { font-family: 'Arial',sans-serif; font-size: 14px; line-height: 20px; color: #6d6e71; } .captcha { color: #6d6e71; font-size: 13px; margin: 5px; }