/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-size: 11px;
	}
	
p {
	text-align: left;
	line-height: 1.0em;
	}
	
body, ul, ol, p {
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	color: #000;
	}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-weight: lighter;
	}

h1 {
	font-size: 2.4em;
	}
	
h2 {
	font-size: 2.2em;
	}
	
h3 {
	font-size: 1.8em;
	}
	
h4 {
	font-size: 1.6em;
	}

img {
	border: 0;
	}

form {
	line-height: 0px;
	margin: 0;
	padding: 0;
	}

select {
	font-size: 11px;
	}
	
.tan {
	color: #B57909;
	}
	
.purple {
	color: #554F75;
	}	

h1 {
	font-size: 2.4em;
	}
	
#uberContainer {
	width: 100%;
	}
	
#bodyContainer {
	margin: 0 auto;
	width: 780px;
	margin-bottom: 12px;
	}
	
div.headerNav {
	background: #e7e7e7 url('../images/elements/hdrNav_bg.gif') top left repeat-x;
	border-bottom: 1px solid #39233F;
	}
	
ul#headerNavList {
	display: block;
	text-align: right;
	height: 34px;
	list-style: none;
	margin: 0;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #666666;
	margin-right: 8px;
	}
	
ul#headerNavList li {	
	padding: 6px 4px;
	display: inline;
	position: relative;
	top: 9px;
	}
	
#headerNavList a:link, #headerNavList a:active, #headerNavList a:visited {
	color: #666666;
	text-decoration: none;
	}
	
#headerNavList a:hover {
	text-decoration: underline;
	}
	
div.brandingContainer {
	border-top: 1px solid #A487A5;
	margin-bottom: 13px;
	}

#indexBranding {	
	background: #623465 url('../images/elements/hdr_bg.jpg') bottom left no-repeat;
	height: 103px;
	}
	
#subBranding {
	background: #623465 url('../images/elements/hdr_bg_sub.jpg') bottom left no-repeat;
	height: 73px;
	}
	
div.branding {
	float: left;
	position: relative;
	left: 30px;
	top: 30px;
	}
	
div.brandingSub {
	float: left;
	position: relative;
	left: 30px;
	top: 18px;
	}

/* == Sandbox ===================== */

div.sandBox {
	clear: both;
	background: red;
	}
	
#anchor_laptopGirl {
	background: url('../images/bodyAnchor_laptopGirl.jpg') bottom right no-repeat;
	padding-bottom: 12px;	
	}

div.leadContainer {
	float: left;
	/*clear: right;*/
	margin-left: 8px;
	}
	
div.alertsBar {
	height: 32px;
	background: transparent url('../images/elements/alertBar_bg_right.gif') top right no-repeat;
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 780px;
	}
	
.alertsBar h4 {
	height: 32px;
	background: transparent url('../images/elements/alertBar_bg_left.gif') top left no-repeat;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	overflow: hidden;
	font-family: Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 11px;
	color: #000;
	float: left;
	width: 680px;
	}
	
.alertsBar h4 a {
	position: relative;
	top: 10px;
	left: 4px;
	padding: 8px;
	padding-top: 10px;
	padding-left: 32px;
	}

.alertsBar a:link, .alertsBar a:active, .alertsBar a:visited {
	color: #333;
	text-decoration: none;
	}
	
.alertsBar a:hover {
	color: #B57909;
	}
	
a.alert_construction {
	background: transparent url('../images/alertIcon_orangeCone.gif') left no-repeat;
	}
	
a.alert_trafficRed {
	background: transparent url('../images/alertIcon_redLight.gif') left no-repeat;
	}
	
a.alert_trafficYellow {
	background: transparent url('../images/alertIcon_yellowLight.gif') left no-repeat;
	}
	
a.alert_trafficGreen {
	background: transparent url('../images/alertIcon_greenLight.gif') left no-repeat;
	}
	
a.alert_incidentBus {
	background: transparent url('../images/alertIcon_bus.gif') left no-repeat;
	}
	
a.alert_incidentTrain {
	background: transparent url('../images/alertIcon_train.gif') left no-repeat;
	}

img.alertButton {
	float: right;
	}
	
img.shim {
	clear: both;
	display: block;
	height: 0px;
	line-height: 0px;
	border: 0px;
	}

/* == News Feeds ===================== */

/* ---- styles for tabs are located in spry.css file ---- */
	
dl.feedList {
	clear: both;
	margin: 12px;
	margin-top: 3px;
	padding: 0;
	float: left;
	width: 490px;
	list-style: none;
	font-size: 11px;
	display: inline;
	}
	
.feedList dt {
	display: inline;
	font-size: 12px;
	float: left;
	margin-bottom: 2px;
	margin-top: 9px;
	}
	
.feedList dd {
	clear: both;
	margin: 0;
	padding: 0;
	padding-left: 16px;
	background: url('../images/elements/bullet_arrow_yellow.gif') 0px 2px no-repeat;
	}
	
.feedList a:link, .feedList a:active, .feedList a:visited {
	color: #8882AA;
	text-decoration: none;
	}
	
.feedList a:hover {
	text-decoration: underline;
	}
	
p.feedLinkMore {
	float: left;
	position: relative;
	top: 0px;
	left: 6px;
	width: 496px;
	height: 22px;
	background: url('../images/elements/slash_bg.gif') top left repeat-x;
	text-align: right;
	margin: 0;
	margin-bottom: 0;
	font-size: 11px;
	line-height: 100%;
	padding: 4px;
	}
	
.feedLinkMore a:link, .feedLinkMore a:active, .feedLinkMore a:visited {
	height: 22px;
	text-decoration: none;
	color: #8882AA;
	background: url('../images/elements/bullet_arrow_yellow.gif') 0px 2px no-repeat;
	padding-left: 16px;
	margin-right: 2px;
	}
	
.feedLinkMore a:hover {
	text-decoration: underline;
	}

/* == Vanpool / Carpool Widget ===================== */
	
div.widgetContainer {
	background: url('../images/elements/widgetContainer_bg.gif') bottom left no-repeat;
	width: 254px;
	padding-bottom: 5px;
	position: relative;
	}
	
.widgetIndex {
	top: 0px;
	left: 9px;
	}	
	
.widgetContainer h3 {
	margin: 0;
	padding: 0;
	}

.widgetRight {
	float: right;
	}
	
.widgetLeft {
	float: left;
	}
	
div.widgetForm {
	padding: 8px;
	font-size: 11px;
	}
	
.widgetBlack {
	color: #fff;
	}	

div.formTier {
	margin-bottom: 6px;
	clear: both;
	}
	
p.formActionLink {
	clear: both;
	}
	
p.actionTierRight {
	display: block;
	text-align: right;
	margin: 0;
	padding: 4px 6px;
	}
	
.actionTierRight a:link, .actionTierRight a:active, .actionTierRight a:visited, .actionTierRight a:hover {
	color: #FF9900;
	text-decoration: none;
	padding-left: 16px;
	background: url('../images/elements/bullet_arrow_purple.gif') 0px 2px no-repeat;
	}
	
/* == Traffic alert widget ===================== */

div#trafficAlertWidget {
	background: url('../images/elements/trafficAlerts_sub_bg.gif') top left no-repeat;
	width: 254px;
	padding-top: 5px;
	margin-top: 12px;
	margin-bottom: 12px;
	}

h4.trafficAlertsSub {
	margin: 0;
	padding: 8px;
	padding-top: 4px;
	padding-left: 40px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 140%;
	}

#trafficAlertWidget a {
	display: block;
	}

#trafficAlertWidget a:link, #trafficAlertWidget a:active, #trafficAlertWidget a:visited {
	color: #333;
	text-decoration: none;
	}
	
#trafficAlertWidget a:hover {
	color: #B57909;
	}
	
#alertSub_construction {
	background: url('../images/alertIcon_orangeCone.gif') 6px 0px no-repeat;
	}
	
#alertSub_construction {
	background: url('../images/alertIcon_orangeCone.gif') 6px 0px no-repeat;
	}

/* == Align / Float ===================== */

.textLeft {
	text-align: left;
	}
	
.textRight {
	text-align: right;
	}
	
.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}
	
/* == Ad Bar ===================== */

div.adBar {
	float: left;
	position: relative;
	display: inline;
	width: 517px;
	}
	
.adSubBottom {
	margin-bottom: 12px;
	}
	
img.adBugLeft {
	float: left;
	margin-right: 9px;
	}
	
img.adBugRight {
	float: right;
	clear: right;
	}
	
/* == Module Bricks ===================== */

div.oneWide {
	width: 254px;
	}

div.twoWide {
	width: 517px;
	display: inline;
	}
	
.columnLeft {
	float: left;
	}
	
.columnRight {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	}
	
/* == Subpage Content ===================== */

div#subContent {
	margin: 0;
	padding: 0;
	background: url('../images/elements/subContent_bg_top.gif') top left no-repeat;
	margin-bottom: 12px;
	}
	
div.crumbTrail {
	float: none;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 12px;
	line-height: 18px;
	}
	
.crumbTrail a {
	white-space: nowrap;
	}
	
.crumbTrail a:link, .crumbTrail a:active, .crumbTrail a:visited {
	color: #6D6697;
	}
	
.crumbTrail a:hover {
	color: #B57909;
	}
	
div.contentBlock {
	padding: 18px;
	padding-top: 12px;
	}
	
#subContent h1 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #B57909;
	}
	
#subContent p {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 140%;
	}

/* == Traffic Alerts Sub-page ===================== */

div#trafficWidgetSub {
	margin: 0;
	padding: 12px;
	background: #000000 url('../images/elements/trafficAlerts_sub_bg.gif') top left no-repeat;
	}
	
/* == Footer ===================== */

div.footerContainer {
	clear: both;
	margin: 0;
	padding: 12px;
	background: #000000 url('../images/elements/footerTop.gif') top left no-repeat;
	color: #fff;
	font-family: Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 11px;
	}
	
.footerContainer p {
	margin: 0;
	padding: 0;
	line-height: 140%;
	}
	
.footerContainer p a {
	color: #ffffff;
	}

.footerContainer em {
	color: #FF9900;
	font-weight: normal;
	font-style: normal;
	}

ul.footerLinks {
	background: #333 url('../images/elements/footerBottom.gif') bottom left no-repeat;
	height: 36px;
	width: 780px;
	text-align: center;
	list-style: none;
	color: #666;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #999;
	}
	
ul.footerLinks li {
	display: inline;
	margin-left: 1px;
	margin-right: 1px;
	line-height: 10px;
	position: relative;
	top: 9px;
	}
	
ul.footerLinks a:link, ul.footerLinks a:active, ul.footerLinks a:visited, ul.footerLinks a:hover {
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 100%;
	text-decoration: none;
	}

p.copyright {
	margin-top: 20px;
	}
	
img.webmagnetix {
	float: right;
	position: relative;
	top: 0;
	}
	
div.shim {
	clear: both;
	float: none;
	display: block;
	}
	
img.spacer {
	height: 0px;
	width: 0px;
	display: block;
	}

div.anchorAbout {
	padding: 0;
	margin: 0;
	font-size: 8pt;
	margin-top: 12px;
	margin-left: 12px;
}

.anchorAbout h4 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-right: 12px;
}

.anchorAbout p {
	padding: 8px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	margin-right: 12px;
	margin-top: 0;
	margin-bottom: 8px;
}
	
div.anchorSpacer {
/* this div will sit on top of the page anchor at the bottom right, 
just in case there is not enough content to space the page out. In that
event, this div will keep the anchor from being covered by content in
the right margin */
	width: 254px;
	padding: 0;
	margin: 0;
	height: 220px;
	}
	
/* == Press Releases Sub-page ===================== */

table#newsMatrix {
	width: 480px;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#newsMatrix td {
	padding: 8px;
	vertical-align: top;
	}

#newsMatrix tr.matrixHdr {
	margin: 0;
	padding: 0;
	}

tr.matrixHdr td {
	background: transparent url('../images/elements/tableHead_bg.gif') top left repeat-x;
	white-space: nowrap;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	}
	
#newsMatrix tr.matrixTier {
	margin: 0;
	padding: 0;
	background: transparent url('../images/elements/newsMatrix_tierDiv.gif') bottom left repeat-x;
	padding-bottom: 4px;
	}
	
dl.storyBlurb {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}
	
.storyBlurb dt {
	margin: 0;
	padding: 0;
	display: block;
	}
	
.storyBlurb dd {
	margin: 0;
	padding: 0;
	display: block;
	}
	
.storyBlurb dd.newsJump {
	margin-bottom: 0;
	text-align: right;
	clear: both;
	padding: 8px;
	}
	
.storyBlurb h4 {
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 2px;
	}
	
.storyBlurb p {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	margin-right: 10px;
	}
	
.newsObj_pdf {
	background: url('../images/elements/newsJump_pdf.gif') right no-repeat;
	padding-right: 36px;
	padding-left: 20px;
	}
	
.newsObj_doc {
	background: url('../images/elements/newsJump_doc.gif') right no-repeat;
	padding-right: 36px;
	padding-left: 20px;
	}

dd.newsJump a:link, dd.newsJump a:active, dd.newsJump a:visited {
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
	color: #554F75;
	padding: 6px;
	padding-right: 18px;
	padding-left: 12px;
	background: transparent;
	}
	
dd.newsJump a:hover {
	color: #8882AA;
	}
	
td.archivesJump {
	text-align: left;
	}
	
.archivesJump a:link, .archivesJump a:active, .archivesJump a:visited {
	font-weight: normal;
	font-style: normal;
	color: #554F75;
	padding: 4px;
	padding-left: 16px;
	background: url('../images/elements/bullet_arrow_yellow.gif') 0px 6px no-repeat;
	}
	
.archivesJump a:hover {
	color: #8882AA;
}
	
ul.alertNotes {
	border: 1px solid #EBE2BE;
	background: #FFFFCC;
	padding: 4px 8px;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

.alertNotes li {
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}
	
.alertNotes li em {
	font-weight: bold;
	font-style: normal;
}

/* == Newsletter call-out ===================== */

/* == Pools ===================== */

td.origin {
	padding: 0;
	margin: 0;
	}
	
td.origin p {
	padding: 4px;
	padding-left: 16px;
	margin: 0;
	white-space: nowrap;
	background: url('../images/elements/mapPin_green.gif') 0 4px no-repeat;
}
	
td.destination {
	padding: 0;
	margin: 0;
}

td.matrixStd {
	padding: 4px;
	margin: 0;
}

td.matrixStdRed {
	padding: 4px;
	margin: 0;
	color: #ff0000;
}

.matrixStd p {
	padding: 0;
	margin: 0;
}
	
td.destination dl {
	list-style: none;
	padding: 0;
	margin: 0;
}

td.destination dl dt {
	padding: 4px;
	padding-left: 16px;
	margin: 0;
	white-space: nowrap;
	background: url('../images/elements/mapPin_red.gif') 0 4px no-repeat;
}

td.destination dl dd.stop {
	padding: 4px;
	padding-left: 16px;
	margin: 0;
	margin-left: 16px;
	background: url('../images/elements/icon_stop_sm.gif') 0 5px no-repeat;
}

span.detailsLink {
	padding: 0;
	margin: 0;
	margin-left: 10px;
	white-space: nowrap;
	color: #666;
}
	
.detailsLink a {
	background: url('../images/elements/icon_details_sm.gif') 2px 7px no-repeat;
	padding: 4px;
	padding-left: 16px;
	color: #554F75;
}

a.searchLink {
	color: #554F75;
	text-decoration: none;
	padding-left: 14px;
	background: url('../images/elements/bullet_arrow_purple.gif') 0px 2px no-repeat;
	margin-left: 16px;
}

a.emailContact {
	color: #554F75;
	background: url('../images/email.gif') 0px 1px no-repeat;
	padding: 2px 0px 2px 20px;
	text-decoration: underline;
}

a.emailContact:hover {
	text-decoration: none;
	background: url('../images/email_go.gif') 0px 1px no-repeat;
}
	
div.tripLine {
	width: 480px;
	margin: 0;
	padding: 0;
	height: 32px;
	font-weight: bold;
	background: #fff url('../images/elements/tripLine_bg.gif') left repeat-x;
	float: left;
	border-top: 1px solid #ccc;
}
	
.tripLine div.tripStart {
	padding: 8px;
	padding-left: 20px;
	margin: 0;
	white-space: nowrap;
	background: #fff url('../images/elements/mapPin_green.gif') 4px 8px no-repeat;
	float: left;
}

.tripLine div.tripStop {
	padding: 8px;
	padding-left: 20px;
	float: right;
	clear: right;
	margin: 0;
	white-space: nowrap;
	background: #fff url('../images/elements/mapPin_red.gif') 4px 8px no-repeat;
	float: right;
	clear: right;
}