/***********************************************/
/*             GLOBAL DEFINITIONS              */
/***********************************************/

* {margin:0; padding:0;}

body {
			background-color: #EEF6E7;
			font-family: verdana,arial,helvetica,sans-serif;
			font-size: 11px;
			color: #362916;
}

img {display: block;}

a {color: #CB5A13; text-decoration: none;}

a:hover {color: #E8730B; text-decoration: underline;}

a img { border: none; }

table { font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

td, th { vertical-align: top; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

.clear { clear: both; height: 0; font-size: 0; }

.nowrap { white-space: nowrap; }

.inline {display: inline;}

ul dl, ol dl {display:inline;} /* fix ie bug */

h3.developer {font-style:italic; margin: 22px 0 12px 0; border-bottom: 1px solid #c6c; color:#c6c;}

select option {padding-right: 6px;}

* html .checkbox,
* html .radio {
	margin-bottom: .5em; /* IE Mac Fix */
} 

/* ie.css controls default margins on .checkbox and .radio */
input.radio { vertical-align: middle; margin-right: 3px; }

.normal {font-weight:normal;}


/***********************************************/
 /*                  LAYOUT                    */
/***********************************************/


#container {
			background-color: #fff;
			margin: 10px 0 20px 58px;
			width: 782px;
			background: url(../images/bg_main_right.gif) no-repeat right bottom #fff;
}

#innerContainer 
{
			padding: 21px 20px 19px 20px;
			background: url(../images/bg_main_left.gif) no-repeat left bottom transparent; 
			/* see ie.css for ie fix */
} 

#mainContentArea {
		width: 421px;
		float: left;
		margin: 31px 0 37px 0;   
		border-left: solid 1px #C9C5C1;
}


.contentArea {
			margin: 0 13px 0 20px;
			padding: 0 0 8px 0;
}


/* Content area for pages with no right barker column. Used for FAQs, Articles, Site Map, Forms */
#mainContentArea2Col, #articleArea, #transitGuideArea {
			width: 581px;
			float: left;
			margin: 31px 0 12px 0;    
			border-left: solid 1px #C9C5C1;
}

/* TransitGuide template */
#transitGuideArea #mainContentArea {
			width: 421px;
			float: left;
			margin: 31px 0 34px 0;    
			border-left: none;
}

#transitGuideArea .contentArea {
			margin-right: 0;
			padding-bottom:0;
}

/* lower part of transitGuide template */
#transitGuideArea #mainContentArea .contentArea {
			margin-right: 10px;
}


#barkerArea {
			margin: 36px 0 0 0;    
			width: 160px;
			float: left;
}

#headerArea {
			width: 742px; 
			display:table;
}

#navigationArea {
			width: 602px; 
			float:right;
}

#sectionHeaderArea {
			clear:left; /* ie5 mac */
			width: 742px; 
			height: 48px; 
			background-color: #ABC591; 
}

#sectionHeader {float: left;}

#utilityArea {
		float:right; 
		width: 87px; 
		width: auto;
		padding:18px 20px 0 0;
		font-size: 10px; 
}

#utilityArea img {float:left; padding-top:1px;}

#utilityArea a  {color:#163A5C;}

#utilityArea a:hover {text-decoration:underline;}

#utilityArea span {white-space:nowrap;}


/*************** SEARCH ***************/
#searchBoxArea {
			float:right; 
			width: 170px;
			text-align: right;
			margin-right: 2px;
			height: 20px;
}

#searchBox input.textInput {
			width: 94px; 
			height: 14px;
			margin-right: 7px;
			vertical-align: top;
}



#barkerSearch input.textInput {
			width: 94px; 
			height: 14px;
			margin-right: 2px;
			vertical-align: top;
}

/***********************************************/
/*             FORM CLASSES          		   */
/***********************************************/
input.button {
			margin-top: 1px;
			vertical-align: top;
}

.form {margin-bottom: 12px;}

label {
			display:block; 
			margin-bottom: 5px; 
			line-height: 1.4em;
}

label.required {font-weight:bold;}

.formTable {margin-bottom: 26px;}

table.formTable td { padding-bottom:8px;}

.form h6 {font-weight: normal;}
		
.form h6.required {font-weight: bold;}

ol.form  {
			margin-left: 23px;
			/* see ie.css for margin fix for IE */	
}

ol.form li {margin-bottom: 12px;}



/* ****************  Error Messages   ****************** */
.error {
	color: #c00;
	margin-bottom: 24px;
}
.error h6 {margin-bottom:0; font-weight:bold; font-size: 10px;}

.error p {font-size: 10px;}

.error ul {list-style:none; margin-left: 0px; font-size: 10px;}

/* add an asterisk in span class="errorFlag" for all fields to validate */
/* set td or li to class="error" when error; will switch to red and show the asterisk after field name  */
.errorFlag {display:none;}

.error .errorFlag {display:inline;}


/***********************************************/
/*               MAIN NAVIGATION               */
/***********************************************/
#mainNavArea {
		/*clear: both;*/
		/*float:right;*/ /* this is the problem for opera 7/8 */
		width: 582px;
		height: 30px;
		margin: 60px 0 0 20px; 
}

#mainNav {
		list-style: none;
		width: 582px;
}

#mainNav {position: relative;} /* ie5mac only */

@media all {
	#mainNav {position: absolute;} /* hide from ie5mac; use for all other browsers */
}

#mainNav li {
	display: inline;
	/* see ie.css for IE fix - set to float */
}

#mainNav li a {
		float: left;
		height: 30px;
		background-repeat: no-repeat;
		background-position: left bottom;
}

#mainNav li span {display:none;}
		
#navHome {background-image: url(../images/nav_home.gif); width:69px;}

#navEmployers {background-image: url(../images/nav_employers.gif); width:87px;}

#navEmployees {background-image: url(../images/nav_employees.gif); width:89px;}

#navResources {background-image: url(../images/nav_resources.gif); width:125px;}

#navCustService {background-image: url(../images/nav_custService.gif); width:125px;}

#navAbout {background-image: url(../images/nav_about.gif); width:87px;}

#mainNav li a:hover, #mainNav #current1 a {background-position: left top;}

#mainNav #current1 a#navHome {background-position: left bottom;}

#mainNav #current1 a#navHome:hover  {background-position: left bottom;}


/***********************************************/
/*            SECONDARY NAVIGATION             */
/***********************************************/

#secondaryNavArea {
		width: 160px;
		float: left;
		margin: 34px 0 0 0;       
}

#navWrapper {
		width: 100%;
		font-weight: bold;
		font-size: 10px;
		margin-bottom: 55px;
}

#secondaryNav {
	list-style-type:none;
}

#secondaryNav li {
		position: relative;
		width: 100%;
		/* see ie.css for IE fix - set to float */
}

#secondaryNav li a {
		display: block;
		width: 150px; /* 150 to create 10px right padding */
		padding: 0 0 10px 0;
		color:#163A5C;
}

#secondaryNav li a:hover {
		color: #8EAD70; 
		text-decoration:none;
}
																			
#secondaryNav #current2 a {color: #8EAD70;}

#secondaryNav li li {display:none;}


#secondaryNav li#current2 li {
		display:block;
		position: relative;
		/* see ie.css for IE fix - set to float */
}

#secondaryNav li#current2 li a {
		width: 140px; 
		padding-left: 10px;
		color:#163A5C;
}

#secondaryNav li#current2 li#current3 a {
		background: url(../images/arrow_green.gif) no-repeat;
		color: #8EAD70;
}

#secondaryNav li#current2 li a:hover {
		color: #8EAD70; 
		background: url(../images/arrow_green.gif) no-repeat;
}



/* ************** HEADER ************** */
h1#brandingProduct {
		float: left;
		width: 140px;
}



/* ********* FOOTER / CONTACT AREA ********* */
#contactArea {
		clear: both;
		border-top: 1px solid #C9C5C1;
		padding: 18px 0 18px 0;
		font-size: 10px;
		text-align:right;
}

.contactContent {float:right;}



/***** FOOTER / TERTIARY NAVIGATION *****/
#footerContent {
		width: 820px;
		clear:both;
		display:table; /* safari and opera mac */
		height:40px; /* safari */
		text-align:right; /* firefox 1.0 */
}


#tertiaryNavArea {
		margin-bottom: 11px;
		float: right;
		color:#4F4435;
		font-size: 10px;
		margin-bottom: 20px;
		display:table; /* opera mac */
}

#tertiaryNavArea a {color:#91816D;}

#tertiaryNav .navDivider {color:#91816D;}


/***********************************************/
 /*                  BARKERS                    */
/***********************************************/

/* ******* Large barkers in main content area **** */
.goBarker {
			font-size: 90%;
			width: 275px;
			margin: 0 0 10px 0;
			background: url(../images/bg_border_5.gif) repeat-x bottom #fff;
}

.goBarkerWrapper1 {	
			background: url(../images/bg_border_1.gif) no-repeat bottom right;
			width: 100%;	
}

.goBarkerWrapper2 {	
			background: url(../images/bg_border_2.gif) no-repeat bottom left;
			width: 100%; /* ie5 win */
}

.goBarkerWrapper3 {
			padding-bottom:1px; /* ie5 mac */	
}

.goBarker .content {
			padding: 14px 18px 10px 8px;
			border: solid 1px #C9C5C1; 
			border-bottom: none;
			margin-bottom: 6px;		
}

#wayToGoSelect {margin-bottom:4px;}

.goBarker .form {margin:14px 0 0 0;}

.goBarker select {
			font-size: 90%; 
			vertical-align:bottom;
}

.goBarker h5 {
			font-size: 100%; 
			margin-bottom: 10px;
}



/* ******** Region barker: header + graphic  ********** */
.regionBarker {
			font-size: 90%;
			width: 285px;
			margin: 0 0 10px 0;
			background: url(../images/bg_border_5.gif) repeat-x bottom #fff;
}

.regionBarker .content {
			padding: 8px 18px 10px 8px;
			border: solid 1px #C9C5C1; 
			border-bottom: none;
			margin-bottom: 6px;		
}

.regionBarker h5 {
			width:100%; 
			font-size: 100%;
			margin-bottom: 10px;
}

.regionBarker h5 span {
			display:block; 
			float:left; 
			width:80%; 
			padding: 6px 0 0 0;
}

.regionBarker h5 img {float:right;}

.regionBarker p {clear: both;}


.highlightBox {
			margin: 0 0 10px 0;
			background: url(../images/bg_border_5.gif) repeat-x bottom #fff;
}

.boxWrapper1 {	
			background: url(../images/bg_border_1.gif) no-repeat bottom right;
			width: 100%;	
}

.boxWrapper2 {	
			background: url(../images/bg_border_2.gif) no-repeat bottom left;
			width: 100%; /* for ie5 win */
}

.boxWrapper3 {
			padding-bottom:1px; /* ie5 mac */	
}

.boxWrapper1 .content {
			padding: 14px 18px 10px 18px;
			border-left: solid 1px #C9C5C1; 
			border-right: solid 1px #C9C5C1;
			border-top: solid 1px #C9C5C1;
			margin-bottom: 6px;		
}


.boxWrapper1 h5 {
			font-size: 11px; 
			margin-bottom: 10px;
}

.boxWrapper1 ul {list-style:none;}

.boxWrapper1 li {margin-bottom:4px; line-height: 1.4em;}



/* ************** Left Side Barkers  *********** */
#barkerAreaSecondary {width: 149px; font-size:10px;}

.fastFactBarker {color:#91816D; margin-bottom: 10px; font-size:11px;} 
/* left side and main content area barker. width defined by container */

.fastFactBarker .action {font-size: 10px; color: #362916;}

.sectHighBarker {margin-bottom: 40px;}

#barkerAreaSecondary  .sectHighBarker h5 {color:#562423;}

.sectHighBarker img {padding: 0 0 6px 0;}


/* ************** Right Side Barkers  *********** */

/* Generic barker classes */
.barkerWrapper .content{
				padding: 18px 10px 10px 10px; 
				display:table; 
				height: 1px;  /* for IE5 */
}

.barkerWrapper p {padding:0; line-height: 1.2em;}

.barkerWrapper h5 {font-size: 100%; margin-bottom: 10px;}

.barkerWrapper h6 {font-size: 10px; margin-bottom: 10px; font-weight:bold;}

.barkerWrapper ul {margin: 0 0 10px 14px;}



/* ***** nextStepsBarker ***** */
.nextStepsBarker {
			margin: 0 0 10px 0;
			display:table;
			font-size: 90%;
}
	
.nextStepsBarker .barkerWrapper {
			background: url(../images/bg_eggplantCorner_1.gif) no-repeat bottom right #E8E1E1; 
			width: 100%;
}
.nextStepsBarker .barkerWrapper2 {background: url(../images/bg_eggplantCorner_2.gif) no-repeat bottom left;}

.nextStepsBarker h5 {font-size: 100%;}

/* ***** featureBarker ***** */
.featureBarker {
			margin: 0 0 10px 0;
			display:table;
			font-size: 90%;
}
	
.featureBarker .barkerWrapper {
			background: url(../images/bg_blueCorner_1.gif) no-repeat bottom right #DDE8F0; 
			width: 100%;
}

.featureBarker .barkerWrapper2 {background: url(../images/bg_blueCorner_2.gif) no-repeat bottom left; }


/* ************ signupBarker ************ */
.signupBarker .barkerWrapper .content{
				padding: 10px 7px 10px 7px; 
				display:table; 
				height: 1px;  /* for IE5 */
				font-size: 10px;
}

.signupBarker .content p {
	padding-left: 14px; 
	background: url(../images/icon_signup.gif) no-repeat 0 3px;
}


/* ************ transitGuideBarker ************ */
.transitGuideBarker {
			margin: 0 0 10px 0;
			display:table;
			font-size: 90%;
}
	
.transitGuideBarker .barkerWrapper {
			background: url(../images/bg_blueCorner_1.gif) no-repeat bottom right #DDE8F0; 
			width: 100%;
}

.transitGuideBarker .barkerWrapper2 {background: url(../images/bg_blueCorner_2.gif) no-repeat bottom left; }

.transitGuideBarker .barkerWrapper h5 img {float:right;}

.transitGuideBarker .barkerWrapper h5 span {
			float:left;
			width:80%;
			display:block;
			padding:6px 0;
}

.transitGuideBarker .barkerWrapper h5 {
			width: 100%;
			padding-bottom:6px;
			margin-bottom:0;
}

.transitGuideBarker p {clear: both;}

#selectOtherTGArea {
			text-align:right; 
			padding: 0 10px 15px 0;
}

#selectTransitType {padding: 10px 10px 15px 0;}

#selectTransitType form {display:inline;}

#selectTransitType select, #selectTransitType input {vertical-align: middle;}


/***********************************************/
/*                   CONTENT                   */
/***********************************************/

#banner {float: left;}

/* i5 mac */
/*\*//*/
#banner {float:right;}
/**/


#WhiteBannerText {
		font-size: 16px;
		font-family: Verdana, Geneva, sans-serif; 
		text-decoration:none; 
		color:#FFFFFF;
		text-align: center;
	    margin-bottom:15px;
	    margin-top:15px;
} 

#WhiteBannerText a {   /* see iie5.css for fix. set to block */
			font-size: 16px;
			color:#FFFFFF;
			font-family: Verdana, Geneva, sans-serif;
			text-decoration:underline; 
			white-space:nowrap;
			text-align: center;
			margin-bottom:15px;
	    margin-top:15px;
			
}

#WhiteBannerText a:hover{
			font-size: 16px;
			text-decoration:underline; 
			font-family: Verdana, Geneva, sans-serif; 
			color:#FFFFFF;
			text-align: center;
			margin-bottom:5px;
	    margin-top:5px;
		
}



#breadcrumbs {
		font-size: 9px; 
		margin: 1px 0 20px 0; 
		color:#727272;
		display:table; /* fix for moz. */
		width: 100%;
} 

#breadcrumbs a {   /* see iie5.css for fix. set to block */
			color:#ADADAD;
			text-decoration:none; 
			white-space:nowrap;
			padding-right: 10px; 
			margin-right: 3px; 
			background: url(../images/arrow_grey.gif) no-repeat 100% 50% ;
}

#breadcrumbs a:hover{
			text-decoration:underline; 
			color:#727272;
}

#breadcrumbs li {
			display:inline; 
			float:left;
}

#pageBarkerArea {
			border-top: solid 1px #C9C5C1;
			padding: 18px 0;
}
#pageBarkerArea1 {
			border-bottom: solid 1px #C9C5C1;
			padding: 18px 0;
}


/* Page header, one per page */
h1 {
			font-size: 13px; 
			color: #682627; 
			margin-bottom: 14px;
}

h2 {
			font-size: 13px; 
			color: #682627; 
			margin-bottom: 14px;
}

/* Category or Section header. ex: in News page, separates the Newsletters and Recent Press Releases sections */
h3 {font-size: 12px; margin-bottom: 8px; color: Gray}

/* Paragraph header */
h4 {font-size: 11px; margin-bottom: 8px;}

h5 {font-size: 11px; margin-bottom: 0;}

h6 {font-size: 11px; margin-bottom: 4px;}

h7 {font-size: 12px; margin-bottom: 8px;}

.highlightBox h6 {font-weight:normal;}


p {
	margin-bottom: 16px;
	line-height: 1.4em;
}

.teaser {margin-bottom: 26px;}

.teaser a {color: #CB5A13;}

.readMore {margin-bottom: 34px;}


.simpleList {
	margin-left: 13px;
	margin-bottom: 1em;
}/* see override defined in ie.css */

.simpleList li {
	margin-bottom: .3em;
}

.disclaimer {
		font-size: 9px; 
		color:#8F8F8F; 
		margin-bottom:26px;
} 

.disclaimerAsterisk {
			font-size: 9px; 
			color:#8F8F8F; 
			margin-bottom:26px;
			padding-left: 6px; 
			background:url(../images/icon_asterisk.gif) no-repeat;
} 


.column {
		width: 45%; 
		float:left; 
		margin: 0 0 20px 0;
}

.column ul {margin: 0 0 0 30px;}


/* ************** Links / Page Navigation ************* */

.btop {text-align:right; margin-right: 4px;}

.btop a {padding-right: 12px; background:url(../images/arrow_top.gif) no-repeat 100% 50%;} 

.backLink {margin-bottom: 12px;}

.backLink a {padding-left: 12px; background:url(../images/arrow_back.gif) no-repeat 0 50%;} 

.prvsNext {text-align:right;}

.prvsNext img {display:inline;}

.prvsNext a:hover span {text-decoration:underline;}

.prvsNext a:hover  {text-decoration:none;}






/* ************************************* */
/* 				HOME PAGE				 */
/* ************************************* */

/* #bannerTopPiece {margin-top: -3px;} *//* new Flash - 05/25/2006 this can be deleted DA 05/25/2006 */

/* #flashBanner {;}*/ /* new Flash - 05/25/2006 this can be deleted DA 05/25/2006 */

#homeBanner {  /* new Flash - 05/25/2006 */

      clear: left; 

      margin-top:-3px;

}

#homeBanner {
	clear:left;
	margin-top:-2px; /* new Flash - 05/25/2006 */
}

#homeMainContentArea {
		width: 455px;
		float: left;
		margin: 31px 0 34px 0;     
		border-right: solid 1px #C9C5C1;
		font-size: 10px;
}

#homeContentArea {
		margin: 0 0 28px 0;
		padding: 0;
}

#homeBarkerArea {
		font-size: 10px;
		margin: 36px 0 0 0;        
		width: 286px;
		float: left;
}

/* i5 mac */
/*\*//*/
#homeBarkerArea {
	width: 286px;
}
/**/

#homeBarkerContent {margin-left:11px;}




/* ********** home Customer Service barker ********** */
.homeCustServBarker {
		padding: 0 0 6px 12px;
		border-bottom: solid 1px #C9C5C1;
		margin-bottom: 26px;
}

.homeCustServBarker img.art {float:right;}


/* ********** homeManageBarker ********** */
.homeManageBarker {
		background:#EBE7E4;
		margin-bottom: 12px;
		padding-bottom: 12px;
		background: url(/images/bg_bottomGrey.gif) no-repeat bottom #EBE7E4; 	
}

.homeManageBarker a {color: #271809; text-decoration:underline;}

.homeManageBarker a:hover {text-decoration:none}

.homeManageBarker h5 {margin-bottom: 8px;}

.homeManageBarker p {margin-bottom: 6px;}

.homeManageBarker .barkerWrapper {
			background: url(../images/bg_whiteLine.gif) no-repeat 50% 0;
			width: 100%;
}

.homeManageBarker .barkerWrapper .content{
			padding: 0 6px 0px 6px;	
}

.basicAccount {float:left; width: 260px;}

.newAccount {float:left; width: 120px;} /* 120 instead of 131 for opera*/

.basicAccount .content {margin: 0 6px;}

.newAccount .content  {margin: 0 6px;}

/* **********   programsBarker ********** */
.programsBarker {
		margin-bottom:4px; width: 447px;
		padding-left:2px;
		background: url(../images/bg_verticalDivider2.gif) no-repeat 50% 50% #fff;
}

.programsBarker h5 {font-size: 100%; margin-bottom:8px;}

.programsBarkerContent {
	background: url(../images/bg_verticalDivider2.gif) no-repeat 50% 50% #fff;
	display:table;
}


.employersProg1 {width:222px;float:left; margin-right:1px;}

.employeesProg2 {width:223px;float:left;}

.employersProg1 .content {margin: 14px 10px 0 24px;}

.employeesProg2 .content {margin: 14px 24px 0 10px;}





/* **********  News box  ********** */
.newsBarker {
			margin-bottom: 13px;
}

#newsReaderArea {
			width: 446px; 
			height: 68px; 
			background: #DDE8F0;
			padding-top:7px;
			display:table;	
}

.newsWrapper {
			background: url(../images/bg_newsReader.gif) no-repeat bottom left;
			padding-bottom:7px;		
}

/* i5 mac */
/*\*//*/
.newsWrapper {height:68px;}
/**/

#newsReader { 
			background: #fff;
			width: 420px;
			height: 100%;	
			min-height:64px;
			background: url(../images/bg_verticalDivider.gif) no-repeat 50% 50% #fff;
			
}

#newsContent {padding:12px 10px; }

.newsItem {float:left; width: 50%;}

.newsItem p {padding: 0 10px;}

#arrowLeft {float:left; padding-top: 26px;}

#arrowRight {float:right; padding-top: 26px;}

#newsReader {float:left;}

#newsContent a {color: #52463A;}


/* ***** goingBarker ***** */
.goingBarker {width: 440px; }

.goingBarker .barkerWrapper {
		margin: 0 40px 20px 24px; 
}

.goingBarker .barkerWrapper h5 {margin-bottom: 0;}

.goingBarker select {font-size: 10px;}

.goingBarker form {
			float:left; 
			margin-top:6px;
}

.vehicles {
			padding-left: 26px; 
			float:left;
}




/* ***************** FAQs ******************** */

.faqIndex {
		margin: 42px 0 32px 0; 
		padding-bottom: 18px; 
		border-bottom: solid 1px #999;
}

ol.faqs {
		font-weight:bold;
		margin: 0 0 36px 38px; 
}

ol.faqs li {
		margin-bottom: 16px;
}

ol.faqs li a {
		font-weight: normal;
}

.faqIndex ol.faqs {
		margin: 0 0 20px 38px; 
}

.faqIndex ol.faqs li {
		margin-bottom: 6px;
	
}

ol.faqs dl {
		line-height: 1.4em;
		display:block; /* safari */	/* see ie.css. set to display:inline for all IE */
} 

ol.faqs dt {margin-bottom: 8px;} 

ol.faqs dd {
			font-weight:normal; 
			margin-bottom: 6px;
}

.pdfWarnings {margin-bottom: 28px;}

.pdfWarningsFaqs {margin-left: 20px;}

.pdfWarnings img, .pdfWarningsFaqs img {
			display:inline; 
			vertical-align: middle;
}


/* ************** Article pages ************* */
/* Article pages use  #articleArea wrapper instead of #mainContent */
dl.article {margin-bottom: 20px;}

dl.article h2 {margin-bottom: 0;}

dl.article dd {font-size:9px;}

dl.article dd, dl.article dt {margin-bottom: 2px;}

.articleArt {
			float:left; 
			margin: 0 16px 5px 0;
}

.author {
			font-size:9px; 
			color: #91816D; 
			margin: 28px 0 20px 0;
}



/* ********** Newsletters components ********* */

ul.newsPressList {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.newsPressList li {margin: 0 0 18px 0px;}


/* ************** Jobs ************* */

ul.jobList {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.jobList li {margin: 0 0 18px 0px;}

ul.jobList dl a {font-weight: bold;}



/* ************** Partner ************* */

ul.partnerList {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.partnerList li {margin: 0 0 18px 0px;} 

ul.partnerList dt,  ul.partnerList dd {display:inline;}

ul.partnerList dt {font-weight: bold;}



/* ************** Reports and Studies ************* */

ul.reportLinks {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.reportLinks li {
			margin: 0 0 4px 0; 
} 

ul.reportLinks li a {
			background: url(../images/arrow_bottom3.gif) no-repeat 0 6px;
			padding-left:12px;
			/* see ie5.css for fix. to set this to block for ie5.0 */
} 

.transitReports {
			margin-top:24px; 
			padding-top:24px; 
			border-top: solid 1px #C9C5C1;
}
			
ul.reportList {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.reportList li {
			margin: 0 0 16px 0;
} 

ul.reportList dl {
			display: inline-block;
			margin-bottom: 6px;
}

ul.reportList dt a {font-weight:bold;}

ul.reportList .readMore {margin-bottom:4px;}



/* ************** Resources ************* */

ul.resourceList {
			margin: 0 0 20px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.resourceList li {margin: 0 0 18px 0px;} 

ul.resourceList dt {font-weight: bold;}



/* ************** Team Bios ************* */

ul.bioList {
			margin: 0 0 30px 0; 
			list-style: none; 
			line-height: 1.4em;
}

ul.bioList li {margin: 0 0 18px 0px;} 

ul.bioList dl {
			margin:0; 
			/*see ie.css for fix. */
}

ul.bioList dt {font-weight: bold;}

ul.bioList li img {
			float:left; 
			padding: 0 15px 6px 0;
} 

.bioTitle {font-weight:bold;}




/* ************** Bios ************* */

.testimonial {
			color:#91816D; 
			margin-bottom: 10px;
}

.testimonialSource {
			text-align:right; 
			color:#A79A8A; 
			margin-bottom: 20px;
}


/* ****************** Transit Guide pages ************* */
.TCGuideQuickLinks {
			display:block;
			display:table; /* firefox fix */
			width: 100%;
			clear: left; 
			margin: 20px 0 10px 0;
}

.optionsTable {
			width:100%; 
			border-top: solid 1px #C9C5C1; 
			border-bottom: solid 1px #C9C5C1;
			border-collapse:collapse;
}

.optionsTable td {border-bottom: solid 1px #C9C5C1;}
			
.optionsTable td {
			width: 25%; 
			padding:3px 20px 4px 20px; 
			height: 31px;
}
			
.optionsTable a span {display:none;}

.optionsTable a {
			display:block; 
			width:87px; 
			height: 31px;
			background-repeat: no-repeat; 
			background-position: bottom left;
}

.optionsTable a:hover {background-position: top left;}
	
.optionsTable a#transportAirport {background-image: url(../images/btn_transpAirport.gif);}
.optionsTable a#transportSubway {background-image: url(../images/btn_transpSubway.gif);}
.optionsTable a#transportBus {background-image: url(../images/btn_transpBus.gif);}
.optionsTable a#transportRail {background-image: url(../images/btn_transpRail.gif);}
.optionsTable a#transportTram {background-image: url(../images/btn_transpTram.gif);}
.optionsTable a#transportFerry {background-image: url(../images/btn_transpFerry.gif);}
.optionsTable a#transportVanPool {background-image: url(../images/btn_transpVanPool.gif);}
.optionsTable a#transportParaTransit {background-image: url(../images/btn_transParaTransit.gif);}
			
.transQuickLinks {margin-bottom: 30px;}
			
.transQuickLinks h3 {
				padding: 0.5em 0 0.5em 32px;
				background-repeat:no-repeat; 
				margin-bottom:6px;
}

.transQuickLinks h4 {
				margin: 0 0 4px 32px; 
}

.transQuickLinks dl {
				margin: 0 0 16px 32px;
				line-height:1.4em;
}


.transQuickLinks ul {
				list-style: none; 
				margin: 0 0 16px 32px;
}

.transitProviders {margin-bottom: 48px;}

.transitProviders .transQuickLinks h4 {
				background-repeat:no-repeat; 
				padding: 0.5em 0 0.5em 32px;
				margin:0; 
}

.zipCodeTextBox 
{
    font-family: verdana,arial,helvetica,sans-serif; 
    font-size:11px;
}


/* headers with icons */
.transQuickLinks #transAirport {background-image:url(../images/icon_transportAirport.gif);}
.transQuickLinks #transFerry {background-image:url(../images/icon_transportFerry.gif);}
.transQuickLinks #transBus {background-image:url(../images/icon_transportBus.gif);}
.transQuickLinks #transSubway {background-image:url(../images/icon_transportSubway.gif);}
.transQuickLinks #transVanpool {background-image:url(../images/icon_transportVanPool.gif);}
.transQuickLinks #transVanPool {background-image:url(../images/icon_transportVanPool.gif);}
.transQuickLinks #transRail {background-image:url(../images/icon_transportRail.gif);}
.transQuickLinks #transTram {background-image:url(../images/icon_transportTram.gif);}
.transQuickLinks #transParaTransit {background-image:url(../images/icon_transportParaTransport.gif);}
.transQuickLinks #transTrolley {background-image:url(../images/icon_transportTram.gif);}

#pageResults {
				display:block;
				display:table; /* mozilla */
				width: 100%;
				border-top:solid 1px #C9C5C1; 
				border-bottom:solid 1px #C9C5C1;
				margin: 0 0 28px 0;
				padding:3px 0;	
}

#pageResults dt {float:left;padding-left:1px}

#pageResults dd {float:right;padding-right: 18px;}




/* ************** Calculator ************* */
.calculator, .calculator2 {
				margin: 32px 0 10px 0;
				display:table;
				font-size: 90%;
}
	
.calculator .barkerWrapper, .calculator2 .barkerWrapper {
				background: url(../images/bg_greenCorner_1.gif) no-repeat bottom right #DDE8D3; 
				width: 100%;	
	
}

.calculator .barkerWrapper2, .calculator2 .barkerWrapper2 {
				background: url(../images/bg_greenCorner_2.gif) no-repeat bottom left;}

.calculator .content, .calculator2 .content {
				font-size: 11px;
				padding: 10px 14px 10px 14px; /* safari fix */
				height: auto;  /* safari fix */
				display:block;  /* safari fix */
}

.calculator p, .calculator2 p {padding: 0 0 0 8px;}

.calculator td.input, .calculator2 td.input  {text-align:right;}

.calculatorTable1 {
				width: 360px; 
				background:#fff; 
				padding-bottom: 6px;
}

.calculatorTable2 {
				width: 360px; 
				border: solid 1px #fff; 
				margin-top: 10px;
}

.calculatorTable3 {
				width: 360px; 
				margin-top: 5px; 
				clear: both;
}

.calculatorTable1 input, .calculatorTable2 input, .calculatorTable3 input  {
				width: 60px; 
				vertical-align:middle;
	}

.calculatorTable1 .col1, .calculatorTable2 .col1 {
				width: 260px; 
				/*see ie.css fix for IE */
				color:#362916;
}

.calculatorTable1 .col2, .calculatorTable2 .col2 {
				width: 95px;
				/*see ie.css fix for IE */
}

.calculatorTable1 td, .calculatorTable2 td, .calculatorTable3 td {
				padding:9px 8px 4px 8px; 	
				vertical-align:middle;
				font-weight: bold; 
}

.calculator2 .calculatorTable1 td {
				padding-bottom:8px; 
				line-height: 2em;
}		
			
#btnCalculate {
				float: right; 
				padding: 10px 0 0 0;
}

.calculatorTable1 .last td {padding-bottom: 9px;}

.transitCost, .transitCost input {
				color: #163A5C; 
				font-weight: bold;
}

.calculatorTable2 .transitCost td {padding-bottom: 10px;}

.calculatorTable3 .transitCost img {display:inline;}

.calculatorTable3 .transitCost td {
				text-align:right; 
				padding-bottom: 20px;
}

#costWithoutTC div {background: #ABC591;}

#costWithTC div {background: #163A5C;}

.calculator2 .calculatorTable1 td {border-bottom: solid 1px #DDE8D3;}

.calculator2 .calculatorTable1 .noline td {
				border: none; 
				padding-bottom:0; 
				margin-bottom:0;
}

.calculator2 .calculatorTable1 .last td {border: none;}



/* ******** bargraphs ****** */
#barChartArea {
			background: #fff;
			width: 360px; 
			padding: 14px 0 18px 0;
			/*see ie.css fix for IE and ie5.css for IE5-5.5 */
}

#barChartArea  dl {
			width:350px; 
			margin: 0 0 10px 5px; 
			clear:left;
			height:1px;
}

#barChartArea  dt {
			float: left; 
			padding: 2px 8px 2px 5px;
			width: 36px;
} 

#barChartArea  dd {
			float: left; 
			margin:0 0 22px 0;
}



/* ************** Search Results Page ************* */
#searchResults ol {margin: 0 0 32px 26px;line-height:1.4em;}

#searchResults li {margin: 0 0 18px 0; font-weight: bold;}

#searchResults dl {font-weight: normal;}

/*  search again in Search Results page */
#searchBox2 {margin-bottom:24px;}

#searchBox2 input.textInput {
			width: 124px; 
			height: 14px;
			margin-right: 7px;
			vertical-align: top;
}



/* *********** Interactive Tour page - NY **** */
#interactiveTourArea {
			width: 742px;
			margin: 31px 0 34px 0;   
}

#interactiveTourArea #mainContentArea {
			width: 100%;
			float: none;
			margin: 31px 0 34px 0;    
			border-left: none;
}


#interactiveTourArea .contentArea {
			margin-right: 0;
			padding-bottom:0;
}


#interactiveTour {
			border:solid 11px #ABC591;
			border-width: 11px 11px 9px 11px;
			margin-bottom: 30px;
}


#tourLegend {width:720px;}

#tourLegend td {padding-bottom: 6px;}

.tourLegend {
		font-size: 9px; 
		color:#999; 
		font-weight: bold; 
		padding-left: 10px; 
		padding-right: 10px; 
		vertical-align:top;
		width:22%;
}

.tourSwatch {padding-left:21px; vertical-align:text-top; width:25px;}

.tourSwatch img {padding-top:2px;}





/* ************** Popup Template ********** */
body#popup {background-color: #fff;}

#popup #container {
			margin: 0;
			width: 442px;
			background-image: none;
}

#popup #innerContainer {
			padding: 15px 16px;
			background-image: none;
} 

#popup #headerArea {
			width: 442px;
}

#poupUtilityArea {
			float:right;
			background:url(../images/bg_popup_utilBar.gif) no-repeat #163A5C;
			width: 283px; 
			height: 28px;
			margin-top:60px;
}

#poupUtilityArea img {float:right;}

#popup #sectionHeaderArea {width: 442px;}

#popupContentArea {
			width: 442px;
			margin: 0 0 30px 0;
}

#popupContentArea .contentArea {
			margin: 0;
			padding: 29px 25px 0 22px;		
}

#popupDisclaimer {
			border-top: solid 1px #C9C5C1;
			padding: 20px 0px;
			color: #6F6859;
			color: #8f8f8f;
			font-size: 90%;
}

td.submitButtons {text-align:right; vertical-align:top;}

.submitButtons img {display:inline;}

#popup form span {vertical-align:top; line-height: 1.4em;}

#popup input.button {margin-top: 0px;}

#popup .formTable td.label {padding-right: 10px; text-align:right;}



/* ************** Site map ************* */
a.siteMap {font-weight: bold;color: #362916;}
	
a.siteMap:hover {color: #E8730B;}

ul.siteMap a:hover {color: #E8730B;}
			
ul.siteMap {
			width: 260px;
			float:left;
			margin-top: 14px;
}
	
ul.siteMap ul {margin-bottom: 16px;}
	
ul.siteMap a {color: #362916;}

ul.siteMap li {
			list-style-type: none;
			font-weight: bold; 
			margin-bottom: 10px;
			padding-left: 12px;
			background:url(../images/arrow_link.gif) no-repeat 0 2px;
}

ul.siteMap li li {font-weight: normal;}

ul.siteMap {margin-bottom: 8px;}

ul.siteMap li ul {margin-top: 8px;}

/* ************** Left Hand Menus ************* */

#nav li a {
		display: block;
		width: 150px; /* 150 to create 10px right padding */
		padding: 0 0 10px 0;
		color:#163A5C;
		list-style-type:none;
}

#nav li#current2 {
        color: #8EAD70;
        list-style-type:none;
}

#nav li a#current3 {
        cursor:default;
        color: #8EAD70; 
        list-style-type:none;  
}

#nav li a:hover {
		color: #8EAD70; 
		text-decoration:none;
		list-style-type:none;
}
		
#nav li ul {
	position: relative;
	left: 20px;
	list-style-type:none;
	top: 0px;
	/*display: none;*/
	}
		
#nav li #currentsub {
	position:relative;
	padding-left: 7px;
    background: url(../images/arrow_green.gif) no-repeat;
    list-style-type:none;
	}	


#nav ul li { 
	position: relative;
	list-style-type:none;
	}
	

/* Styles for Menu Items */
#nav ul li a { 
	display: block;
	text-decoration: none;
	list-style-type:none;
	}

/* Preview Style */

.previewtxt {
	padding-bottom: 10px; 
	BORDER-BOTTOM: #c9c5c1 1px solid; 
	}

/* hide Error Msg in form */

.hideErrMsg { display:none }		