﻿/* 
	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;
}
