/* ----- CNC CSS FRAMEWORK v1.0 ---------------------------------------------------------- */
/* ----- Created by Creative Nature Communications 24/11/2009 ---------------------------- */
/* ----- South Metro Connect Website ----------------------------------------------------- */
/* ----- Credits: UX: Tim Paul DEV: Khalid Balkhi  --------------------------------------- */


/* TABLE OF CONTENTS

00 - Global Includes
01 - Typography 
02 - Main Structure - The core Structure
03 - Internal Page Styles 	

*/


/* 00 - Global Includes  */
/* --------------------------------------------------------------------------------------------------------------------------- */

@import url(cssreset.css);
@import url(navigation.css);
@import url(modules/modules.css);


/* 01 - Typography  */
/* --------------------------------------------------------------------------------------------------------------------------- */

#h2-southMetro, #sp-getInvolved, #a-eNews, #h3-navOptions, .a-cncLogo, .a-waGov, .a-mainRoads, .a-aecom, #h3-inThisSection, #a-getInvolved, #a-video
{ /* Hide the Text for the following heading ID's  */
	display: block;
	float: left;
	text-indent: -3000em;
}
h1 { /* ie 7 hacked */ 
	font-size: 4.7em;
	letter-spacing: -0.09em;
	line-height: 1.0em;
	color: #00779b;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 0 0 0.3em 0; 
}
h2 { /* ie 7 hacked */ 
	font-size: 3.5em;
	letter-spacing: -0.07em;
	line-height: 1.0em;
	color: #00779b;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0; 
}
#h2-southMetro { /* ie 6 hacked */ 
	width: 433px;
	height: 54px;
	background: url(../images/h2-southMetro.png) 0 0 no-repeat;
	position: relative;
	margin: -54px 0 0 30px;
}
#h2-pageTitle { /* ie 7 hacked */ 
	font-size: 4.5em;
	letter-spacing: -0.09em;
	line-height: 1.0em;
	color: #cce5ed;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 3px 0 -4px 28px;
	position: relative;
	z-index: 0;
}
h3 { /* ie 7 hacked */ 
	font-size: 2.8em;
	letter-spacing: -0.07em;
	line-height: 1.0em;
	color: #0c8db4;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0; 
}
#h3-navOptions { /* ie 6 hacked */
	width: 239px;
	height: 26px;
	background: url(../images/h3-navigationOptions.png) 0 0 no-repeat;
	margin: 65px 0 5px 35px;
}
#h3-inThisSection {
	width: 204px;
	height: 25px;
	background: url(../images/subNavTopBG.png) 0 0 no-repeat;
	margin: 0;
}
h4 { /* ie 7 hacked */ 
	font-size: 1.8em;
	letter-spacing: -0.06em;
	line-height: 1.4em;
	color: #0b8fd3;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0; 
}
h5 { /* ie 7 hacked */ 
	font-size: 1.3em;
	letter-spacing: -0.05em;
	line-height: 1.0em;
	color: #65b0c7;
	font-family: 'Arial Black','Helvetica Black', Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em 0; 
}
h6 { /* ie 7 hacked */ 
	font-size: 1.0em;
	letter-spacing: -0.05em;
	line-height: 1.0em;
	color: #5bb6e5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 0.5em 0; 
}

ul{}
ol{}
li{}

a{}
a:hover{}

.d-cmsInput img {
	border: 6px solid #f5f5f5;
	padding: 1px;
	background: #fff;
}
p { /* ie 6 hacked */
	clear: left;
	line-height: 1.9em;
	color: #6b6b6b;
	font-size: 1.1em;
}
.d-cmsInput ul, .d-cmsInput ol, .d-cmsInput table {
	font-size: 1.0em;
	line-height: 1.7em;
	color: #8a8a8a;
	border: none;
}
.d-cmsInput ul, .d-cmsInput ol {
	color: #337fa0;
	background: #f9f9f9;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1.0em;
	clear: left;
}
.d-cmsInput li {
	list-style: outside circle;
	padding-left: 20px;
}
.d-cmsInput ul ul, .d-cmsInput ol ol, .d-cmsInput ul ol, .d-cmsInput ol ul {
	font-size: 1.0em;
	color: #62911a;
}
.d-cmsInput a {
	color: #7fb033;
	text-decoration: none;
}
.d-cmsInput a:hover {
	color: #638f1e;
	text-decoration: underline;
}

.p-first {
	font-size: 1.3em;
	line-height: 1.70em;
	letter-spacing: -0.03em;
	color: #59a0c5;
	font-weight: normal;
	margin: 0.5em 0 1.2em 0;
}
.d-internalPage .p-first {
	font-size: 1.45em;
}
.p-first.home {
	display: block;
	float: left;
	margin: 1px 0 0 0;
	font-weight: normal;
}
.p-first.home.left { /* ie 6 hacked */
	width: 420px;
	background: #00779b;
	color: #b7e3fd;
	font-size: 1.4em;
	line-height: 1.6em;
	letter-spacing: -0.04em;
	padding: 20px 65px 20px 30px;
}
.p-first.home.right {
	width: 366px;
	background: #d0671b;
	color: #f7c387;
	font-size: 1.3em;
	letter-spacing: -0.05em;
	line-height: 1.70em;
	padding: 20px 35px 0 35px;
	letter-spacing: 0;
	text-decoration: none;
}
.p-first.home.right span {
	cursor: pointer;
}
.p-first.home.right:hover {
	background: #bc5b15;
	color: #f7c387;
	text-decoration: underline;
}
.p-first.home.right a {
	color: #fcd8af;
}
.p-first.home strong {
	color: #fff;
}
.p-first.home span {
	font-weight: bold;
}


/* 02 - Main Structure */
/* --------------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;

	font-size: 62.5%;
	font-weight: normal;
	line-height: 1.8em;
	color:#333333;
	width: 100%;
	margin: 0;
	background: #eeeeee url(../images/bgWrapper.jpg) 0 0 repeat-x;
}
.hidden {
	display: none;
}


/* Header Area */

.d-container {
	font-size: 1.1em;
	width: 960px;
	margin: 0 auto;
}	

#d-headerBG { /* ie 6 hacked */
	float: left;
	width: 100%;
	min-height: 232px; 
	background: url(../images/headerBG.png) 50% 0 no-repeat;
	position: relative;
}
#a-smcLogo { /* ie 6 hacked */
	width: 208px;
	height: 139px;
	float: left;
	background: url(../images/smcLogo.png) 0 0 no-repeat;
	margin: 20px 0 0 0;
}
#a-smcLogo img {
	display: none;
}
#d-searchArea { /* ie 6 hacked */
	float: right;
	width: 230px;
	margin: 11px 25px 0 0;
}
.d-inputBG { /* ie 6 hacked */
	float: left;
	width: 180px;
	height: 49px;
	background: url(../images/searchInputBG.png) 0 0 no-repeat;
}
.d-inputBG:hover {
	background: url(../images/searchInputBG-hov.png) 0 0 no-repeat;
}
.d-inputBG input {
	float: left;
	background: transparent;
	border: none;
	padding: 12px 0 8px 10px;
	margin: 2px 0 0 3px;
	font-size: 1.50em;
	letter-spacing: -0.06em;
	font-weight: normal;
	width: 160px;
	color: #83afc2;
}
.d-inputBG:hover input {
	color: #4b7b90;
}
.i-goButton { /* ie 6 hacked */
	float: left;
	width: 43px;
	height: 41px;
	padding: 0;
	margin: 2px 0 0 1px;
	font-size: 1.8em;
	letter-spacing: -0.06em;
	background: url(../images/BTN-search.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
}
.i-goButton:hover { /* ie 6 hacked */
	background: url(../images/BTN-search-hov.png) 0 0 no-repeat;
}
.ul-accessibility {  /* ie 6 hacked */
	display: block;
	float: right;
	clear: right;
	margin: 0 30px 0 0;
	width: 110px;
}
.ul-accessibility li, .ul-accessibility a {
	float: left;
	margin: 0;
	text-indent: -3000em;
	display: block;
	padding: 0;
	width: 27px;
	height: 26px;
}
.ul-accessibility a { /* ie 6 hacked */
	background: url(../images/BTN-accessibilityBGs.png) 0 0 no-repeat;
}
.ul-accessibility a.a-toggleTextMinus {
	background-position: 0 0;
}
.ul-accessibility a.a-toggleTextPlus {
	background-position: -28px 0;
}
.ul-accessibility a.a-print {
	background-position: -56px 0;
}
.ul-accessibility a.a-down2Content {
	background-position: -84px 0;
}
.ul-accessibility a.a-toggleTextMinus:hover {
	background-position: 0 -26px;
}
.ul-accessibility a.a-toggleTextPlus:hover {
	background-position: -28px -26px;
}
.ul-accessibility a.a-print:hover {
	background-position: -56px -26px;
}
.ul-accessibility a.a-down2Content:hover {
	background-position: -84px -26px;
}





/* Content Area */

#d-middle {
	width: 100%;
	float: left;
	margin: -55px 0 0 0;
}
#flashBanner, #flashBannerImg {
	float: left;
	margin: 0 0 0 10px;
}
.d-leftCol, .d-rightCol {
	float: left;
	width: auto;
}
.d-middleContent {
	float: left;
	margin: 1px 0 0 0;
	width: auto;
	background: #fff;
	border-top: 12px solid #f2f2f2;
}
.d-middleContent.left {
	width: 483px;
	padding: 0 10px 50px 12px;
	margin: 1px 0 0 10px;
}
.d-middleContent.right {
	width: 406px;
	padding: 0 10px 83px 10px;
	margin: 1px 10px 0 0;
	color: #007ea3;
}
.d-leftCol.middle {
	width: 515px;
}
.d-rightCol.middle {
	width: 436px;
	margin: 0 0 0 1px;
}

.ul-news { /* ie 6 hacked */
	float: left;
	padding: 0;
	margin: 12px 0 0 20px;
	list-style: none;
	width: 185px;
}
.ul-news li {
	float: left;
	padding: 0;
	margin: 0 0 0.8em 0;
	width: 185px;
	list-style: none;
}
.ul-news li a {
	display: block;
	float: left;
	color: #d0671b;
	line-height: 1.6em;
	cursor: pointer;
	padding: 5px;
	margin: 0 0 0 -5px;
	width: 180px;
	text-decoration: none;
}
.ul-news li a:hover {
	color: #fff;
	background-color: #d0671b;
}
.ul-news .itemDate {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
	font-weight: bold;
	color: #ac5618;
}
.ul-news .itemBriefDescription {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
}
.ul-news li a:hover .itemDate {
	color: #fccf7f;
}
#a-eNews { /* ie 6 hacked */
	margin: 20px -20px 0 0;
	background: url(../images/enewsSignup.png) 0 0 no-repeat;
	width: 214px;
	height: 84px;
	float: right;
}
#a-eNews:hover {
	background: url(../images/enewsSignup-hov.png) 0 0 no-repeat;
}
#a-getInvolved, #a-video { 
	margin: 20px -20px 0 0;
	background: url(../images/get-involved-btn.png) 0 0 no-repeat;
	width: 204px;
	height: 88px;
	float: right;
	clear: both;
}
#a-video { 
	background: url(../images/video-btn.png) 0 0 no-repeat;
}
#a-getInvolved:hover, #a-video:hover { 
	background-position: 0 -88px;
}
#sp-getInvolved { /* ie 6 + 7 hacked */
	clear: both;
	width: 372px;
	height: 40px;
	background: url(../images/h2-getInvolved.png) 0 0 no-repeat;
	margin: 14px 0 0 -5px;
}
#sp-forumIcon { /* ie 6 hacked */
	display: block;
	float: left;
	width: 133px;
	height: 131px;
	background: url(../images/forumIcon.png) 0 0 no-repeat;
	margin: -42px 0 0 10px;
	position: relative;
	z-index: 99;
}
#sp-communityText {
	width: 210px;
	float: left;
	display: block;
	font-weight: normal;
}
.d-cmsInput {
	float: left;
	width: auto;
	padding: 0 10px 2.0em 10px;
}

/* Footer Area */

#d-footerBG { /* ie 6 hacked */
	margin: -90px 0 0 0;
	background: url(../images/footerBG.png) top center no-repeat;
	float: left;
	width: 100%;
}
.d-leftCol.footer {
	width: 820px;
	position: relative;
}
.d-rightCol.footer { /* ie 6 hacked */
	width: 440px;
	float: right;
	margin: 0;
	position: relative;
}
#d-bottomFooter {
	width: 300px;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}
.ul-linkArray { /* ie 6 hacked */
	float: left;
	clear: left;
	width: 790px;
	margin: 6px 0 0 30px;
	padding: 0;
}
.ul-linkArray li {
	float: left;
	margin: 0 3px;
	padding: 0;
	list-style: none;
}
.ul-linkArray li a {
	display: block;
	float: left;
	color: #7eb6d8;
	text-decoration: none;
	padding: 3px 6px;
	background: #086a8d;
}
.ul-linkArray.bottom li a {
	background: #045877;
	color: #6c9fca;
}
.ul-linkArray li a:hover {
	background-color: #b25816;
	color: #ffd07d;
}
.a-cncLogo { /* ie 6 hacked */
	width: 71px;
	height: 45px;
	background: url(../images/cncLogo.png) 0 0 no-repeat;
	margin: 0 30px 0 0;
	float: left;
	clear: left;
}
.d-clear {
	width: 100%;
	height: 2px;
	background: #000;
	float: left;
	clear: both;
}
.p-copyright { /* ie 6 hacked */
	color: #8dd6f8;
	margin: 18px 0 1.0em 35px;	
	clear: none;
	float: left;
	clear: both;
	width: 300px;
}
#d-bottomLogos { /* ie 6 hacked */
	float: right;
	width: 400px;
	margin: 0 40px 20px 0;
}
.d-clear { /* ie 6 hacked */
	width: 100%;
	clear: both;
	float: left;
}
.a-waGov { /* ie 6 hacked */
	width: 54px;
	height: 55px;
	background: url(../images/waGovLogo.png) 0 0 no-repeat;
	margin: 6px 0 0 0;
	float: left;
}
.a-mainRoads { /* ie 6 hacked */
	width: 161px;
	height: 44px;
	background: url(../images/mainRoadsLogo.png) 0 0 no-repeat;
	margin: 12px 20px 0 20px;
	float: left;
}
.a-aecom { /* ie 6 hacked */
	width: 133px;
	height: 32px;
	background: url(../images/aecomLogo.png) 0 0 no-repeat;
	margin: 15px 0 0 0;
	float: left;
}
#d-far-rght-btns { /* ie 6 and 7 hacked */
	width: auto;
	float: right;
}


/* 03 - Internal Page Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

#d-middle.d-internalPage {
	margin: 0;
}
.d-internalPage .d-rightCol.middle {
	width: 240px;
}
.d-internalPage .p-first.home.right { /* ie 6 + 7 hacked */
	width: 210px;
	padding: 16px 15px 0 15px;
	margin: 0;
	letter-spacing: 0;
	font-size: 1.0em;
	line-height: 1.6em;
	min-height: 103px
}
.d-internalPage .p-first.home.right:hover {
	background: #d0671b;
	color: #f7c387;
	text-decoration: none;
}
.d-internalPage .d-middleContent {
	margin: 1px 13px 0 13px;
	width: 933px;
	padding: 0 0 105px 0;
}
#breadcrumb.d-leftCol {
	width: 718px;
	background: #554830;
}
.d-internalPage #sp-getInvolved { /* ie 6 + 7 + 8 hacked */
	width: 283px;
	height: 31px;
	background: url(../images/h2-getInvolved-internal.png) 0 0 no-repeat;
	margin: 37px 0 0 -90px;
}
#d-breadCrumbArea { /* ie 7 hacked */
	background: url(../images/logoOverlay.png) 400px 0 no-repeat;
	float: left;
	width: 688px;
	margin: -51px 0 0 0;
	padding: 51px 0 20px 30px;
}
#h3-yourAreCurrently {
	font-size: 1.0em;
	letter-spacing: 0;
	line-height: 1.0em;
	color: #918061;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 25px 0 6px 0;
	float: left;
	display: block;
	width: 100%;
}
.d-leftCol.internal { /* ie 6 hacked */
	width: 658px;
	margin: 15px 0 0 20px;
}
.d-rightCol.internal { /* ie 6 hacked */
	margin: 25px 0 0 35px;
	width: 200px;
}
.d-rightCol.internal img {
	background: #fff;
	padding: 1px;
	float: left;
	width: 178px;
	border: 5px solid #f2f2f2;
}

#ul-breadCrumbList { /* ie 7 hacked */
	float: left;
	display: block;
	width: 664px;
	margin: 0;
	padding: 0 0 2px 0;
}
#ul-breadCrumbList li { /* ie 6 hacked */
	float: left;
	display: block;
	width: auto;
	margin: 2px 0 0 0;
	padding: 0;
}
#ul-breadCrumbList li.li-last {
	margin: 2px 0 0 -36px;
}
#ul-breadCrumbList li a {
	float: left;
	display: block;
	width: auto;
	margin: 0 0 0 -36px;
	paddinng: 0; 
	text-decoration: none;
	cursor: pointer;
	z-index: 1;
}
#ul-breadCrumbList li.li-first a {
	width: 73px;
	height: 54px;
	background: url(../images/CRUMB-homeBG.png) 0 0 no-repeat;
	text-indent: -3000em;
	position: relative;
	margin: -1px 0 0 0;
	z-index: 9;
}	
#ul-breadCrumbList li.li-last a {
	margin: 0;
}
#ul-breadCrumbList li.li-first a:hover { /* ie 6 hacked */
	background: url(../images/CRUMB-homeBG-hov.png) 0 0 no-repeat;
}	
#ul-breadCrumbList li span {
	background: url(../images/CRUMB-linkWrapperBG.png) 0 0 repeat-x;
	float: left;
	display: block;
	width: auto;
	padding: 20px 0 0 49px;
	height: 32px;
	font-size: 1.3em;
	letter-spacing: -0.04em;
	color: #64b0d2;
}
#ul-breadCrumbList li a:hover span {
	background: url(../images/CRUMB-linkWrapperBG-hov.png) 0 0 repeat-x;
	color: #ffc7a9;
	text-decoration: underline;
}
#ul-breadCrumbList li span.sp-arrow { /* ie 6 hacked */
	width: 36px;
	height: 52px;
	background: url(../images/CRUMB-linkArrowBG.png) 0 0 no-repeat;
	position: relative;
	padding: 0;
}
#ul-breadCrumbList li.li-first span, #ul-breadCrumbList li.li-first span.sp-arrow {
	padding: 0;
	margin: 0;
	width: auto;
	background: transparent;
}
#ul-breadCrumbList li a:hover span.sp-arrow { /* ie 6 hacked */
	background: url(../images/CRUMB-linkArrowBG-hov.png) 0 0 no-repeat;
}
#ul-breadCrumbList li.li-last span {
	background: url(../images/CRUMB-PlainWrapperBG.png) 0 0 repeat-x;
	color: #c0a371;
}
#ul-breadCrumbList li.li-last span.sp-arrow { /* ie 6 hacked */
	background: url(../images/CRUMB-PlainArrowBG.png) no-repeat 0 0;
}
.subscribeForm .sp-formLabel {
	font-size: 1.3em;
	letter-spacing: -0.03em;
	color: #59A0C5;
	font-weight: bold;
}
.subscribeForm input, .subscribeForm textarea {
	color: #666666;
	border: 5px solid #f5f5f5;
	padding: 10px 5px 5px 5px;
}
.subscribeForm .i-submit {
	background: #007da3;
	border: 5px solid #00729b;
	color: #fff;
	cursor: pointer;
}
.subscribeForm .i-submit:hover {
	background: #fff;
	border: 5px solid #f3f3f3;
	color: #007da3;
}
.d-cmsInput table.hotTable {
	position: relative;
	z-index: 9;
	background: #fff;
}

.d-internalPage #a-getInvolved {
	margin: 20px -35px 0 0;
}