html, body
{
	margin:0;
	padding:0;
}

body
{
	background: #7396a9 url(../images/bg.jpg) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	text-align: center;
}

div, span, ul, li, a { behavior: url(iepngfix.htc) }

a { outline:none; }

/* Structural Elements */
 
#container {
	width: 1050px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 75px;
	margin: 0 20px;
}

#content {
	background: url(../images/content.png) repeat-y left top;
	position: relative;
	padding: 0 20px;
	height: 100%;
}

#lColumn {
	position: absolute;
	top: -10px;
	left: 20px;
	width: 265px;
	padding-right: 20px;
}

#mColumn {
	margin-left: 285px;
	padding-top: 5px;
	min-height: 1000px;
	height:auto !important;
 	height: 770px;
 	font-size: 12px;
 	line-height: 16px;
}

#mColumn h4 {
	margin: 20px 0;
}

.singleWidth {
	width: 450px;
	margin-right: 20px;
}
.topHomePageWidth {
	width:630px;
	margin-right:20px;
}

.doubleWidth {
	width: 705px;
}

#rColumn {
	position: absolute;
	left: 780px;
	top: 0;
	width: 250px;
	padding-top: 45px;
}

div#footerContainer {
	clear: both;
}

ul#footer {
	clear: both;
	margin: 40px 0 0 265px;
	padding: 0;
	float: left;
	width: 745px;
	_margin-left: 132px;
	background: #eec8a2 url(../images/rightFade.png) no-repeat left top;
	border-top: 1px solid #f47721;
}

ul#footer li {
	display: block;
	padding: 10px 20px;
	float: left;
	border-right: 1px solid #fff;
}

ul#footer li a {
	text-decoration: none;
}

/* Sitewide */

h3, h4 {
	padding: 0;
	margin: 5px 0 10px;
}

h3 {
	font-size: 25px;
	line-height: 26px;
	margin-top: 0;
}
h3 a {
    text-decoration: none;
}
h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

h3 span {
	font-weight: normal;
	display:block;
}

.clear {
	clear: both;
}

a {
	color: #3f3f3f;
}

a:hover {
	color: #f47822;
}

/* Home Page */

p.halfWidth {
	width: 450px;
}

ul#chooseCommute {
	background: url(../images/chooseCommuteLarge.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-top: 10px;
	padding-left: 150px;
	list-style: none;
	width: 555px;
}

ul#chooseCommute li {
	float: left;
	height: 44px;
}

ul#chooseCommute li a img {
	border: none;
}

/* CommuteTools */

#commuteTools #leftSide {
	float: left;
	width: 370px;
	padding: 10px;
}

#commuteTools #rightSide {
	float: right;
	width: 285px;
	padding: 10px;
}

#commuteTools h5 {
	text-align: center;
}

#commuteTools h5#tripPlanner {
	background: url(../images/tripPlanner.gif) no-repeat center;
	height: 50px;
	text-indent: -10000px;
}

#commuteTools h5#busTracker {
	background: url(../images/busTracker.gif) no-repeat center;
	height: 50px;
	text-indent: -10000px;
}

#commuteTools {
	background: #eec8a2 url(../images/cityScape.png) no-repeat left bottom;
	margin-top: 20px;
	float: left;
	font-size:11px;
	line-height: 14px;
	width: 705px;
}

#commuteTools div#commuteSubmit {
	text-align: right;
	margin-right: 10px;
}

#commuteTools div#commuteSubmit input {
	margin-bottom: 5px;
}

#commuteTools fieldset {
	border: 0;
}

#commuteTools fieldset p {
	margin: 0;
	margin-bottom: 10px;
}

#commuteTools fieldset#yourPlans {
	background: url(../images/yourPlans.gif) no-repeat;
	padding: 20px;
	padding-top: 30px;
}

#commuteTools fieldset#yourPreferences {
	background: url(../images/yourPreferences.gif) no-repeat;
	padding: 20px;
	padding-top: 30px;
}

#commuteTools fieldset#myBus {
	background: url(../images/byBus.gif) no-repeat;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 5px;
}

#commuteTools fieldset#moreServices {
	background: url(../images/byLocationNew.gif) no-repeat;
	padding: 20px;
	padding-top: 30px;
	margin-bottom:30px;
}

#commuteTools fieldset ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style: none;
}

#commuteTools fieldset ul li {
	margin-bottom: 10px;
	clear: left;
}

#commuteTools fieldset ul li label {
	float: left;
	width: 50px;
	text-align: right;
	margin-right: 10px;
}

#commuteTools fieldset#yourPreferences ul li label {
	width: 120px;
}

#commuteTools fieldset#myBus ul li label {
	width: 70px;
}

#commuteTools fieldset#myBus ul li input {
	width: 30px;
}

#commuteToolsMenu {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #f47721;
	float: left;
	width: 705px;
}

#commuteToolsMenu li {
	float: left;
}

#commuteToolsMenu li a {
	float: left;
	height: 30px;
	text-indent: -10000px;
	border-right: 1px solid #eec8a2;
}

#commuteToolsMenu li.current a {
	background-color: #eec8a2;
}

#commuteToolsMenu li#tripPlanner a {
	background: url(../images/commuteTools/commute1.png) no-repeat center center;
	background-color: #eec8a2;
	width: 200px;
}

#commuteToolsMenu li#trafficReport a {
	background: url(../images/commuteTools/commute2.png) no-repeat center center;
	width: 120px;
}

#commuteToolsMenu li#commuterClub a {
	background: url(../images/commuteTools/commute3.png) no-repeat center center;
	width: 140px;
}

/* Header */

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	display: block;
	width: 188px;
	height: 62px;
	background-image: url(../images/logo.gif);
	text-indent: -10000px;
	margin-left: 20px;
	margin-top: 30px;
	float: left;
}

h2 {
	display: none;
}

/* Header */

#weather {
	position: absolute;
	top: 0;
	right: 20px;
	width: 250px;
	text-align: right;
	color: #666;
}
#weather p {display:inline;}
#weather #weatherText{
	background: url(../images/weatherToday.png) no-repeat;
	width: 179px;
	height: 30px;
	padding: 5px;
	padding-left: 10px;
	text-align: left;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}

#weather #weatherIcons img, #weather #weatherIcons2 img {
	margin: 5px 0;
	height: ;
}


#weather #weatherIcons{
	background: url(../images/weatherToday.png) no-repeat top center;
	float: right;
	width: 78px;
	padding-top: 15px;
	height: 90px;
	text-align: center;
	margin-right: 10px;
}

#weather #weatherIcons p{
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 26px;
	margin-left: 5px;
}


#weather #weatherIcons2{
	background: url(../images/weatherTomorrow.png) no-repeat top center;
	float: right;
	width: 78px;
	padding-top: 15px;
	height: 90px;
	text-align: center;
}

#weather #weatherIcons2 p{
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 26px;
	margin-left: 5px;
}

/* Header Menu */

#topMenu {
	background: url(../images/top.png) no-repeat left bottom;
	width: 745px;
	padding-left: 285px;
	padding-right: 20px;
	padding-bottom: 9px;
}

#topMenu #welcome {
	text-indent: -10000px;
	height: 23px;
	width: 232px;
	background-image: url(../images/welcome.png);
	margin-left: 28px;
}

#topMenu #topTabs {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	width: 442px;
	height: 48px;
}

#topMenu .commuter {
	background: url(../images/commuter.png) no-repeat left bottom;
}

#topMenu .employer {
	background: url(../images/employer.png) no-repeat left bottom;
}

#topMenu .propertyOwner {
	background: url(../images/propertyOwner.png) no-repeat left bottom;
}

#topMenu .noHighlight {
	background: url(../images/noHighlight.png) no-repeat left bottom;
}

#topMenu #topTabs li {
	float: left;
	list-style: none;
}

#topMenu #topTabs li a {
	float: left;
	margin-top: 12px;
	height: 35px;
	display: block;
	text-indent: -10000px;
}

#topMenu #topTabs li#commuter a {
	width: 116px;
	margin-left: 4px;
	_margin-left: 2px;
}

#topMenu li#commuter a:hover {
	background: url(../images/topFade.png) repeat-x left bottom;
	_background: url(../images/menuFade.gif) repeat-x left bottom;
}

#topMenu .commuter li#commuter a:hover {
	background: none;
}

#topMenu #topTabs li#employer a {
	margin-left: 2px;
	width: 118px;
	_width: 117px;
}

#topMenu li#employer a:hover {
	background: url(../images/topFade.png) repeat-x left bottom;
	_background: url(../images/menuFade.gif) repeat-x left bottom;
}

#topMenu .employer li#employer a:hover {
	background: none;
}

#topMenu #topTabs li#propertyOwner a {
	width: 166px;
	_width: 163px;
	margin-left: 2px;
	_margin-left: 2px;
}

#topMenu li#propertyOwner a:hover {
	background: url(../images/topFade.png) repeat-x left bottom;
	_background: url(../images/menuFade.gif) repeat-x left bottom;
}

#topMenu .propertyOwner li#propertyOwner a:hover {
	background: none;
}

/* Leftside Lists */

ul.leftList {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 20px;
	position: relative;
}

ul.leftList9 {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 9px;
	position: relative;
}

ul.leftList li ul.leftInsideList {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.leftList li.goto {
	padding: 5px 0 ;
	padding-left: 40px;
}

ul.leftList9 li.goto {
	padding: 5px 0 ;
	padding-left: 40px;
}

ul.leftList9 li#gotoNewsletter  {
	background: #dfe0aa url(../images/greenGo.gif) no-repeat 20px center;
}

ul.leftList li#gotoEvents  {
	background: #dfe0aa url(../images/greenGo.gif) no-repeat 20px center;
}

ul.leftList li#gotoNews  {
	background: #dfe0aa url(../images/greenGo.gif) no-repeat 20px center;
}

ul.leftList li ul.leftInsideList li {
	padding: 5px 0;
	height: 30px;
	_margin-top: -10px;
}

ul.leftList li ul.leftInsideList li#time {
	width: 70px;
	margin-left: 10px;
}

ul.leftList li ul.leftInsideList li#time span {
	display: block;
	font-weight: bold;
}

ul.leftList li ul.leftInsideList li#event {
	position: absolute;
	left: 80px;
	width: 175px;
	top: 0;
	_top: 10px;
}

ul#commuterAlerts {
	padding-top: 22px;
	background: #f47721 url(../images/commuterAlert.gif) no-repeat 20px 2px;
}

ul#commuterAlerts li {
	background: #eec8a2;
	border-bottom: 1px solid #fff;
}

ul.leftList li#gotoAlerts {
	background: #eec8a2 url(../images/orangeGo.gif) no-repeat 20px center;
}

ul#commuterAlerts li ul li {
	border-bottom: none;
}

ul#commuterEvents {
	padding-top: 22px;
	background: #76a433 url(../images/commuterEvent.gif) no-repeat 20px 2px;
}

ul#commuterEvents li {
	background: #dfe0aa;
	border-bottom: 1px solid #fff;
}

ul#newsAndUpdates li ul  li{
	border-bottom: none;
}

ul#newsAndUpdates {
	padding-top: 22px;
	background: #76a433 url(../images/newsAndUpdates.gif) no-repeat 20px 2px;
}

ul#newsAndUpdates li {
	background: #dfe0aa;
	border-bottom: 1px solid #fff;
}

ul#newsAndUpdates li.goto {
	padding-left: 40px;
}

div#newsletterBox {
	padding-top: 22px;
	background: url(../images/greenFill.gif) no-repeat 0 10px;
	position: relative;
}

div#newsletterTitle {
	background: url(../images/newsletter.gif) no-repeat left top;
	position: absolute;
	top: 6px;
	left: 20px;
	text-indent: -10000px;
	height: 20px;
	width: 114px;
}

div#searchBox {
	padding-top: 22px;
	background: url(../images/orangeFill.gif) no-repeat 0 10px;
	position: relative;
}

div#searchTitle {
	background: url(../images/search.gif) no-repeat left top;
	position: absolute;
	top: 2px;
	left: 20px;
	text-indent: -10000px;
	height: 20px;
	width: 114px;
}

div#searchBox div#searchInterior {
	background: #eec8a2;
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #EEDBC5;
}

div#searchBox div#searchInterior input#searchField {
	width: 180px;
	margin-left: 10px;
}

div#searchBox div#searchInterior input#searchButton {
	position: relative;
	top: 8px;
	left: 8px;
}

ul#getMoreInformation {
	padding-top: 22px;
	background: #76a433 url(../images/newsAndUpdates.gif) no-repeat 10px 2px;
}

span.top {
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/roundTop.png) no-repeat left top;
}

span.bottom {
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/roundBottom.png) no-repeat left top;
}

ul#getMoreInformation li {
	background: #dfe0aa;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
	padding-left: 10px;
}

ul#getMoreInformation li#gotoGreen {
	padding-left: 30px;
	background: #dfe0aa url(../images/greenMail.gif) no-repeat 10px center;
}

ul#makeYourPledge, ul#transportationTraining {
	padding-top: 22px;
}

ul#makeYourPledge {
	background: #99afc0 url(../images/makeYourPledge.gif) no-repeat 20px 2px;
} 

ul#transportationTraining {
	padding-top: 22px;
	background: #99afc0 url(../images/transportationTraining.gif) no-repeat 10px 2px;
}

ul#makeYourPledge li, ul#transportationTraining li {
	background: #def0fb;
	border-bottom: 1px solid #fff;
	padding: 5px 0;
	padding-left: 10px;
}

ul#transportationTraining li.calloutItem {
	background: #def0fb url(../images/cityScape2.png) left -40px;
	padding-bottom: 50px;
}

div#rColumn .leftList li {
	padding-right: 10px;
}

ul#makeYourPledge li#gotoBlue, ul#transportationTraining li#gotoBlue {
	padding-left: 40px;
	background: #def0fb url(../images/blueGo.gif) no-repeat 20px center;
}

div.trivia, div.specialOffer {
	margin-left: 19px;
	margin-right: 10px;
	margin-top: 20px;
}

div.specialOffer {
	margin-bottom: 20px;
}

div.trivia p, div.specialOffer p {
	margin: 0;
	line-height: 20px;
	margin-left: 28px;
}

div.trivia h4 {
	background: url(../images/didYouKnow.gif) no-repeat;
	text-indent: -10000px;
	height: 20px;
	margin-bottom: 5px;
}

div.specialOffer h4 {
	background: url(../images/specialOffer.gif) no-repeat;
	text-indent: -10000px;
	height: 20px;
	margin-bottom: 5px;
}

a#facebookLink {
	margin-left: 19px;
	margin-top: 19px;
	display: block;
	width: 124px;
	height: 35px;
	text-indent: -4000px;
	outline: none;
	background: url(../images/facebookBadge.gif) no-repeat 0 0;
}

a#facebookLink:hover {
	background-position: -124px 0;
}

/* BoxComponent */

#boxComponent {
	position: relative;
	margin-top: 20px;
}

#boxComponent h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #a0bdcb;
}

#boxComponent .closeButton {
	position: absolute;
	right: 0;
	_right: 15px;
	top: 24px;
	border: 0;
	display: none;
}

#boxComponent .closeButton img {
	border: 0;
}

#quickColumn {
	width: 220px;
	float: left;
}

#quickColumn ul {
	margin: 0;
	padding: 0;
	padding-left: 25px;
}

#quickColumn ul li {
	margin-bottom: 10px;
	list-style: square;
	font-size: 12px;
}

#featuredColumn {
	width: 250px;
	float: left;
}

#archiveColumn {
	width: 200px;
	float: left;
}

#archiveColumn ul {
	margin: 0;
	padding: 0;
	padding-left: 25px;
}

#archiveColumn ul li {
	margin-bottom: 10px;
	list-style: square;
	font-size: 12px;
}

#archiveColumn ul li#gotoArchive {
	list-style: none;
	font-weight: bold;
}

#archiveColumn ul li#gotoArchive a {
	text-decoration: none;
}

ul#caseStudies {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#caseStudies li {
	padding-top: 52px;
	width: 130px;
	height: 26px;
	margin: 20px 20px 0 0;
	float: left;
	text-align: center;
}

ul#caseStudies li a {
	text-decoration: none;
	border: none;
}


/* Detail Pag */

#returnBar {
	width: 420px;
	padding-left: 25px;
	background: #eec8a2 url(../images/returnButton.gif) no-repeat;
	height: 20px;
	padding-top: 3px;
	margin-bottom: 10px;
}

#returnBar a {
	text-decoration: none;
}

p.intro {
	font-size: 13px;
	line-height: 18px;
}