body {
	margin:0;
	padding: 0px 0px 0px 0px;
	color:#000; 
    font-family:arial,helvetica,sans-serif;
	font-size: 12px; 
	line-height:1.35em; 
	text-align:center; /* This centers the site wrapper */
	background: #ffffff;
	height:100%;
}
 
.bodyText, input, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:arial,helvetica,sans-serif;
	margin-top: 0px;
	line-height:1.35em; 
}

p 
{
    margin-bottom: 10px;   
}

img
{
    border:none;
}

ol {
}

ol li {
	margin-top:1em;
}

ul {
	margin-top: 0px;
	padding-top: 0px;
}

ul li 
{
    margin-bottom: 5px;
}

ul#bodyText 
{
	margin-top: 5px;
	list-style-type: disc;
}

ul#bodyText li
{
	margin: 8px 0px 0px 0px;
}

ul#safety 
{
	margin-top: 5px;
	list-style-type: disc;
}

ul#safety li
{
	margin: 8px 0px 0px -20px;
}


ol#bodyText 
{
	margin-top: 5px;
	margin-left: 10px;
}

ol#bodyText li
{
	margin: 8px 0px 0px 0px;
}


.break {
	clear:both;
}

a {
	color:#005AA0;
}

a:hover {
	color:#990000;
}

.textLink a
{
	color:#000000;
	text-decoration: none;
}

.textLink a:hover
{
	color:#888888;
	text-decoration: none;
}

#sitewrapper{ 
	margin: 20px auto 0;
	padding: 0px 0px 0px 0px;
	width:900px;
	background: #ffffff;
	text-align: left;
	position: relative;
	overflow: hidden; 
} 


h1
{
    color: #3D6BB2;
	font-size: 1.2em;
	margin: 20px 0px 10px 0px ;
}

h2
{
    color: #85B24A;
	font-size: 1.2em;
	margin: 20px 0px 10px 0px ;
}

h3
{
    color: #3D6BB2;
	font-size: 1em;
	margin: 0px 0px 5px 0px ;
}

h4
{
	font-size: 1em;
	margin: 0px 0px 5px 0px ;
}


/* HOME PAGE
-----------------------------------------------*/
#home_main_content 
{
    background-color:#fff;
    float:left;
    width:381px;
    border-left:323px solid #E2E9F3;    /* The width and color of the left rail */
    border-right:195px solid #fff;   /* The width and color of the right rail */
}


#home_left_column
{
    float:left;
    width:323px;
    position:relative;
    margin-left:-323px;
    margin-top: 10px;
}

#home_left_column_content
{
    width:295px;
    padding: 4px 14px 14px 14px;
    text-align: left;
}

#home_center_column
{
    float:left;
    width:381px;
    margin-right:-381px;
    margin-top: 10px;    
}

#home_center_column_content
{
    width:335px;
    padding:4px 24px 14px 23px;
    text-align: left;
}

#home_right_column
{
    float:right;
    width:195px;
    margin-right:-195px;
    position:relative;
    margin-top: 10px;
}

#home_right_column_content
{
    width:175px;
    padding:4px 14px 14px 20px;
    text-align: left;
    border-left:1px solid #333333;
}

.header_image
{
    margin-bottom: 14px;
}

#home_survey_button 
{
    float: right;
    width: 114px;
    margin: 3px 10px 10px 12px;
}


#sidenav_survey_button 
{
    margin: 0px 0px 0px -5px;
}

#workshops 
{
    margin-top: -130px;   
}


#home_changes_ahead 
{
    top: -75px;   
    margin-left: 105px;
    position: relative;
    font-weight: bold;
}

#home_route 
{
    margin-top: 26px;   
    margin-bottom: 5px;
}

#home_think 
{
    margin-top: 33px;   
}



/*  HOME NAV
-----------------------------------------------*/
#homenav_line 
{
    margin-top: 2px;
    text-align: left;
    height: 46px;
    width: 900px;
}


#whatisPT 
{
    margin-right: 2px;
    float: left;
    width: 323px;
}



#homenav {
	position: relative;
	height: 46px;
	float: right;
	width: 575px;
	background-color: #0a246a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}	

#homenav ul 
{	
	list-style: none;
	margin-left: 0px;
	padding-left: 2px;
	text-indent: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#homenav li 
{
	display:inline;
	margin:0px 2px 0px 0px;
	float:left;

}

#homenav a {
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.9em; 
	color: #ffffff;
	text-align: center;
	height: 44px;
	vertical-align: middle;
}

#homenav_1, #homenav_2, #homenav_3, #homenav_4, #homenav_5, #homenav_6, #homenav_7, #homenav_8  
{
	height:46px;
	color: #ffffff;
	background-color: #3D6BB2;
	line-height: 46px;
	vertical-align: middle;
}

#homenav_1 a:hover, #homenav_2 a:hover, #homenav_3 a:hover, #homenav_4 a:hover, #homenav_5 a:hover, #homenav_6 a:hover, #homenav_7 a:hover, #homenav_8 a:hover {
	height:46px;
	background-color: #0a246a;
}

#homenav_1, #homenav_1 a:hover {
	position: relative;
	width:70px;
}


#homenav_2, #homenav_2 a:hover {
	position: relative;
	width:120px;
}

#homenav_3, #homenav_3 a:hover {
	position: relative;
	width:60px;
}

#homenav_4, #homenav_4 a:hover {
	position: relative;
	width:65px;
}

#homenav_5, #homenav_5 a:hover {
	position: relative;
	width:96px;
}

#homenav_6, #homenav_6 a:hover {
	position: relative;
	width:150px;
}

#homebus_icon
{
    position: relative;
    margin-top: 15px; 
    margin-right:0px;
    margin-left: 10px;
    width: 16px;
}

#pt_link
{
    position: relative;
    width: 100px;
}






/* LANDING PAGES 
-----------------------------------------------*/
#landing_head
{
    color: #FFFFFF;
	background: url(../images/landing_main_2.jpg) no-repeat;
	width: 900px;
	height: 99px;
	text-align: left;
}

#main_content 
{
    background-color:#fff;
    float:left;
    width:504px;
    border-left:178px solid #E2E9F3;    /* The width and color of the left rail */
    border-right:218px solid #fff;   /* The width and color of the right rail */
    margin-top: -15px;
}

#left_column
{
    float:left;
    width:178px;
    position:relative;
    margin-left:-178px;
}

#left_column_content
{
    width:150px;
    padding: 14px 14px 14px 14px;
    text-align: left;
    margin-top: 10px;
}

#left_column_header
{

    background-color: #3D6BB2;
    height: 25px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    text-align: left;
    line-height: 25px;
    border-bottom:1px solid #333333;
}

#left_column_header_text
{
    padding: 0px 14px 0px 14px;
}

#center_column
{
    float:left;
    width:504px;
    margin-right:-504px;
    margin-top: 25px;    
    border-top:1px solid #333333;
}

#center_column_content
{
    width:460px;
    padding:4px 24px 14px 23px;
    text-align: left;
    border-right:1px solid #333333;
}

#center_column_content_no_border
{
    width:460px;
    padding:4px 24px 14px 23px;
    text-align: left;
}

#right_column
{
    float:right;
    width:218px;
    margin-right:-218px;
    position:relative;
    margin-top: 25px;
    border-top:1px solid #333333;
}

#right_column_content
{
    width:197px;
    padding:24px 14px 14px 20px;
    text-align: left;

}


/*  2 COLUMN LAYOUT... USED FOR COMPARISONS
-----------------------------------------------*/

#main_content_2 
{
    background-color:#fff;
    float:left;
    width:680px;
    border-left:220px solid #fff;  
}

#left_column_2
{
    float:left;
    width:220px;
    position:relative;
    margin-left:-220px;
    border-top:1px solid #333333;
    border-right:1px solid #333333;
}

#left_column_content_2
{
    width:200px;
    padding: 14px 14px 14px 14px;
    text-align: left;
    margin-top: 10px;
}

#center_column_2
{
    float:left;
    width:680px;
    margin-right:-700px;
    border-top:1px solid #333333;
}

#center_column_2_content
{
    width:660px;
    height: 850px;
    padding:4px 24px 14px 10px;
    text-align: left;
    border-right:1px solid #333333;
}


#breadcrumbs 
{
    color: #3A6CB3;
    width: 500px;
    margin-bottom: 10px;
    font-size: 12px;
    font-style: italic;
}
            
#breadcrumbs a 
{
    font-style: normal;
}





/* LANDING NAV 
-----------------------------------------------*/
#topnav {
	position: relative;
	top: -33px;
	height: 33px;
	float: right;
	width: 692px;
	background-color: #0a246a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}	

#topnav ul 
{	
	list-style: none;
	margin-left: 0px;
	padding-left: 1px;
	text-indent: 0px;
	margin-top: 0px;
	padding-top: 1px;
}

#topnav li 
{
	display:inline;
	margin:0px 1px 0px 0px;
	float:left;

}

#topnav a {
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0px;
	height: 31px;
	vertical-align: middle;
}

#nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6, #nav_7, #nav_8  
{
	height:31px;
	color: #ffffff;
	background-color: #3D6BB2;
	line-height: 31px;
	vertical-align: middle;
}

#nav_1 a:hover, #nav_2 a:hover, #nav_3 a:hover, #nav_4 a:hover, #nav_5 a:hover, #nav_6 a:hover, #nav_7 a:hover, #nav_8 a:hover {
	height:31px;
	background-color: #0a246a;
}

#nav_1, #nav_1 a:hover, #today #nav_1 a {
	position: relative;
	width:100px;
}


#nav_2, #nav_2 a:hover, #planning #nav_2 a {
	position: relative;
	width:140px;
}

#nav_3, #nav_3 a:hover, #faq #nav_3 a {
	position: relative;
	width:80px;
}

#nav_4, #nav_4 a:hover, #library #nav_4 a {
	position: relative;
	width:85px;
}

#nav_5, #nav_5 a:hover, #voice #nav_5 a {
	position: relative;
	width:116px;
}

#nav_6, #nav_6 a:hover {
	position: relative;
	width:164px;
}

#today #nav_1 a, 
#planning #nav_2 a,
#faq #nav_3 a, 
#library #nav_4 a, 
#voice #nav_5 a
{
	height:31px;
	background-color: #0a246a;
}

#bus_icon
{
    position: relative;
    margin-top: 8px; 
    margin-right:0px;
    margin-left: 15px;
    width: 16px;
}


/* SUBNAV 
-----------------------------------------------*/

#subnav {
	position: relative;
    width:178px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}	

#subnav ul 
{	
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 0px;
	margin-top: 0px;
	padding-top: 1px;
}

#subnav li 
{
    display: block;
	margin:0px 0px 0px 0px;
}

#subnav a {
	display:block;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.95em; 
	color: #3D6BB2;
	text-align: left;
	letter-spacing: 0px;
	vertical-align: middle;
	padding:5px 0px 5px 10px;
	line-height: 15px;	
}

#subnav_1 a:hover, #subnav_2 a:hover, #subnav_3 a:hover, #subnav_4 a:hover , #subnav_5 a:hover {
	background-color: #fff;
	display:block;
}


#involved #subnav_1 a, 
#inYourWords #subnav_2 a, 
#comments #subnav_3 a, 
#rsvp #subnav_4 a, 
#future #subnav_1 a, 
#concepts #subnav_2 a, 
#compare #subnav_3 a, 
#seeRoute #subnav_4 a, 
#archive #subnav_1 a, 
#general #subnav_1 a, 
#services #subnav_1 a, 
#economy #subnav_2 a,
#numbers #subnav_3 a
{
    background-color: #fff;
}




/* photos
-----------------------------------------------*/

#photo_timeline 
{
    width: 215px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #808282;
    position: relative;
    left: -20px;
}

#photo_timeline_header
{
    font-weight: bold;
    background-color: #E2E9F3;
    border-bottom: 1px solid #808282;
    padding: 5px 0px 5px 10px;
}

#photo_timeline_text 
{
    margin: 10px;
    font-size: 95%;
}

.photo_year
{
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

.photo_timeline_photo 
{
    float: right;
    width: 84px;
    margin: 20px 0px 0px 10px;
}

#photo_timeline hr 
{
    color: #333333;
    margin: 0px 0px 10px 0px;
}






/* OTHER
-----------------------------------------------*/

.quotes p
{
    margin-top:25px;
    margin-bottom:0;
}

.quotes div
{
    margin-top:10px;
}


.clearer {
	clear: both;
	font-size: 1px;
}


#cost_comparison 
{
    display: block;
    width:178px;
    background-color: #6CB445;
    text-align: left;
    margin-top: 15px;
}


#cost_comparison_header
{
    display: block;    
    color: #FFFFFF;   
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
}

#cost_comparison_text
{
    padding: 0px 10px 10px 10px;
}


#cost_comparison_text a
{
    color: #fff;
    text-decoration: none;
}

#cost_comparison_text a:hover
{
    text-decoration: underline;
}




/* Boxes
-----------------------------------------------*/

.box 
{
	margin-bottom: 20px;	
}

.box_header 
{
	color: #FFFFFF;
	background-color: #018b99;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 10px;	
	font-size:11px;
}

.box_header a
{
	color: #FFFFFF;
}

.box_header a:hover
{
	color: #c9da2b;
}

.box_body 
{
	background-color: #d5e9d7;
	padding: 15px;	
}






/* FAQs
-----------------------------------------------*/
.question 
{
    font-weight: bold;
    margin-top: 15px;
}

.answer
{
    margin-bottom: 10px;
}




/* NEWS
-----------------------------------------------*/

.newsItem 
{
	margin-top: 15px;
}

.newsImage
{
	float: left;
	width: 86px;
	margin-right: 10px;
	border: solid 1px black;
	
}

.newsText p
{
	font-size: 12px;
}

.newsHeader, .activeNewsHeader
{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

.activeNewsHeader, .archiveHeader
{
    cursor:pointer;
}

.archiveHeader
{
    font-size: 9px;
    margin: 8px 0 8px 0;
}


/* SCHEDULE
-----------------------------------------------*/
#schedule_image
{
	margin-top: 20px;
}


/* FOOTER
-----------------------------------------------*/
#footer 
{
	text-align: center;
	margin: 10px 0px 20px 0px;
	
}

/* VIDEO
-----------------------------------------------*/


/* FORM
-----------------------------------------------*/

/* Contact Form
-----------------------------------------------*/


#emailForm 
{
	width: 600px; 
	font-size: 11px;
	background-color: #efefef;
	border: 1px solid #333; 
	padding: 0px 0px 0px 10px;
	margin: 10px 10px 0px 10px;
	vertical-align: top;
}

#formError 
{
	color: Red;
	font-weight: bold;
}

.formHeader
{
	font-size: 12px;
	vertical-align: top;
}
.formHeader p
{
	margin-bottom: 10px;	
}

.form_wide_intro 
{
    width: 620px;  
    margin-bottom: 10px; 
}

.caption 
{
	margin: 10px 0px 20px 0px;
	font-size: 10px;	
}

.link_icon
{
    vertical-align: middle;
}




/* System Concepts
-----------------------------------------------*/
#concept_nav 
{
    margin-top: 20px;   
    padding-bottom: 20px;
    border-bottom:1px solid #333333;
}

#existing_nav, #reduction_nav, #preservation_nav, #vision_nav
{
    font-weight: bold;
    margin-top: 5px;
    line-height: 25px;
    color: #000;
}

.concept_highlight
{
    background: #85B24A;  
    color: #fff; 
}

a .concept_highlight
{
    background: #85B24A;  
    color: #fff; 
}

#existing_nav a, #reduction_nav a, #preservation_nav a, #vision_nav a 
{
    text-decoration: none;   
}

#reduction_zoom_nav, #preservation_zoom_nav, #vision_zoom_nav 
{
    font-size: 12px;
}


#concept_nav .concept_highlight a
{
    color: #fff; 
}

#concept_nav a 
{
    color: #000;
}


#funding_grid    
{
    margin-bottom: 10px;
    border-width: 0 0 1px 1px;
    border-color: #000;
    border-style: solid;
    font-size: 11px;
    line-height: 15px;
    width: 670px;
}

#funding_grid th 
{
    background: #85B24A;  
    border-width: 1px 1px 0 0;
    border-color: #000;
    border-style: solid;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#funding_grid td
{
    border-width: 1px 1px 0 0;
    border-color: #000;
    border-style: solid;
    text-align: center;
}

#funding_grid  .dateRange 
{
    text-align: left;    
}

#funding_grid  .system 
{
    text-align: left;    
}

.concept_highlight_row 
{
    background: #E2E9F3;
}



#concept_features 
{
    width: 200px;   
    margin: 20px 7px 0px 7px;
    border-bottom:1px solid #333333;
}

.conceptHeader
{
    color: #6EB43F;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.concept_content 
{
    margin-top: 0px;
    font-size: 12px;   
}

.concept_content_list
{
    margin-left: 10px;
    padding-left: 15px;
}

.concept_content_list li
{
    margin: 0px 0px 3px 0px; 
    padding: 0px;
}




/* See Your Route
-----------------------------------------------*/
#routeForm 
{
    margin-top: 10px;
    color: #6EB43F;
    font-weight: bold;
    padding-bottom: 25px;
}

#routeName 
{
    margin-top: 20px;
    font-size: 14px;    
    color: #000;
}

#route_map_legend 
{
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 10px 0px 5px 0px;
}

#route_map_legend_title 
{
    background: #000;
    width: 80px;   
} 

#route_map_legend_today 
{
    background: #800080;
    width: 100px;   
}

#route_map_legend_current
{
    background: #009691;
    width: 160px;   
}

#route_map_legend_new
{
    background: #29559c;
    width: 145px;   
}


#route_today 
{
    padding: 15px 0px 15px 0px;
    font-size: 12px;   
    line-height: 20px;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

#route_header_today 
{
    color: #000;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 14px;
}

#route_current 
{
    padding: 15px 0px 15px 0px;
    font-size: 12px;   
    border-bottom:1px solid #333333;
    line-height: 20px;
}

#route_header_current 
{
    color: #000;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 14px;
}

#route_new
{
    padding: 15px 0px 15px 0px;
    font-size: 12px;   
    border-bottom:1px solid #333333;
    line-height: 20px;
}

#route_header_new
{
    color: #000;
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 14px;
}

.subHeader
{
    font-size: 13px;
    font-weight: bold;
       
}

.routeHeader 
{
    color: #6EB43F;
    font-size: 14px;
    font-style: italic;
}


#concept_changes_ahead 
{
    top: -50px;   
    margin-left: 45px;
    position: relative;
    font-weight: bold;
    padding: 0px;
   
}

#concept_route 
{
    margin-top: 7px;   
    margin-bottom: 5px;
}

#concept_think 
{
    margin-top: 7px;   
}


#current_route_desc, #new_route_desc
{
    width: 200px;   
    margin-bottom: 10px;
}


#changesahead_planning 
{
    margin: 10px 0px 0px 5px;
    padding: 0px;
}

#planning_changes_ahead 
{
    top: -70px;   
    margin-left: 39px;
    width: 160px;
    position: relative;
    font-weight: bold;
    padding: 0px;
    font-size: 12px;
}
#planning_compare
{
     width: 160px;
}

#planning_route 
{
    margin-top: 7px;   
    margin-bottom: 5px;
}

#planning_think 
{
    margin-top: 9px;   
}

