/* Main CSS for the Site */


/***************** Main Elements ****************************/

body {
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/images/pm/pixels.gif);
	margin: 0px;
	}
 
h1	{
	font: 150%/150% Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #777777;
	margin: 0 0 10px 0;
	padding: 0;
	}
h1.news {
	font-weight: bold;
	}
h2	{
	font: 125%/130% Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/
	color: #DF6F1D;
	margin: 20px 0 8px 0;;
	padding: 0;
	}

h3	{
	font: 110%/110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	margin:25px 0 5px 0;
	padding: 0 0 2px 15px;
	border-bottom: 1px solid #919395;
	}

h4 { 
	font: 100%/130% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #DF6F1D;
	margin: 20px 0 2px 0;;
	padding: 0;
	}

h5	{
	font: 95%/150% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
	}

h6	{
	font: 100%/110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 2px 5px 2px 5px;
	display: block;
	width: auto;
	background-color: #EBEEF4;
	}

p	{
	padding: 0;
	font: 100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	}
	
label	{
	padding: 0;
	font: 95%/170% Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	}

td p{
	margin-bottom: 0px;
	}

p.caption {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-top: 0px;
	}

a:link, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #0e549a;
	}


a:hover, a:active { 
	text-decoration: underline; 
	color: #FF3300;
	}

ul {
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0 0 0 18px;
	list-style-image: none;
	}
	
ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	}
	
ul.link li {		/* use this class to add link bullets */
	background: url(/images/pm/bullet.gif) no-repeat 0 4px;
	list-style: none;
	margin: 3px 0 3px -18px;
	padding: 0 0 0 15px;
	}
		
blockquote {
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	margin-right: 15px; margin-left: 15px;
	}
	
blockquote.second {
	margin-right: 30px; margin-left: 30px;
	}
	
blockquote.third {
	margin-right: 45px; margin-left: 45px;
	}
	
input.formy, textarea.formy, select.formy{
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width: 250px;
	padding: 2px 2px 2px 2px; margin-bottom: 5px;
	border: solid #0e549a 1px;
  }
  
input.clear {
	background: url(/images/clear_form.gif) no-repeat;
	cursor: pointer;
	width: 81px; height: 20px;
	border: 0px; margin: 0px; padding: 0px;
	}

.bullet_large {
	float: left;
	margin: 3px 10px 0 0;
	}
	
.border {
	border:1px solid #0e549a;
	}
	
td {
	vertical-align:top;
	}
	
#imageRight {
	float: right;
	padding: 0 0 12px 12px;
	clear: none;
	font: 90%/120% bold Verdana, Arial, Helvetica, sans-serif;
	}
#imageLeft {
	float: right;
	padding: 0 12px 12px 0;
	clear: none;
	font: 90%/120% bold Verdana, Arial, Helvetica, sans-serif;
	}
#imageRight img,#imageLeft img {
	margin-bottom: 5px;
	}
	
	
	
/*****************  Global Top Header ****************************/

#top {
	width: 860px;
	height: 94px;
	margin: 19px 0 0 0;
	}
		
		
#logo a{
	top: 0px;
	left: 0px;
	width: 286px;
	height: 94px;
	position: relative;
	float: left;
	background: url(/images/pm/p-m_logo.gif);
	background-repeat: no-repeat;
}
	# logo a:hover {
	background: url(/images/pm/p-m_logo.gif);
	}

#trimet_logo a  {
	background: url(/images/pm/tm_logo.gif) top center no-repeat;
	background-repeat: no-repeat;
	position: relative;
	float: right;
	width: 160px;
	height: 94px;
	}

#trimet_logo a:hover{
	background: url(/images/pm/tm_logo.gif) top center no-repeat;
	}

	

/***************** Global Top horizontal Navigation ****************************/

#mainnav	{
	position: relative;
	border-bottom: 3px solid #e06f1d;
	width: 860px;
	height: 26px;
	margin: 0;
	background: #0e549a url(/images/pm/navbar_corner.gif) no-repeat top right;	/* top right bevel */
	background-color: #0e549a;
	}
	
#mainnav ul	{
	width: 782px;
	height: 26px;
	background: url(/images/pm/navbar.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav a	{
	height: 26px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	padding: 0px;
	}
			
	
/* up states */
#routeandstations {left: 0; width: 173px;}
#planninganddesign {left: 173px; width: 183px;}
#getinvolved {left: 356px; width: 140px;}
#abouttheproject {left: 496px; width: 178px;}
#library {left: 674px; width: 97px;}

/* over states */
#routeandstations a:hover {background: transparent url(/images/pm/navbar.gif) 0 -26px no-repeat;}
#planninganddesign a:hover {background: transparent url(/images/pm/navbar.gif) -173px -26px no-repeat;}
#getinvolved a:hover {background: transparent url(/images/pm/navbar.gif) -356px -26px no-repeat;}
#abouttheproject a:hover {background: transparent url(/images/pm/navbar.gif) -496px -26px no-repeat;}
#library a:hover {background: transparent url(/images/pm/navbar.gif) -674px -26px no-repeat;}

/* on states for 2nd-tier pages */
#routeandstations_on {left: 0; width: 173px; background: url(/images/pm/navbar_routeandstations_on.gif) 0 0 no-repeat;}
#planninganddesign_on {left: 173px; width: 183px; background: url(/images/pm/navbar_planninganddesign_on.gif) 0 0 no-repeat;}
#getinvolved_on {left: 356px; width: 140px; background: url(/images/pm/navbar_getinvolved_on.gif) 0 0 no-repeat;}
#abouttheproject_on {left: 496px; width: 178px; background: url(/images/pm/navbar_abouttheproject_on.gif) 0 0 no-repeat;}
#library_on {left: 674px; width: 97px; background: url(/images/pm/navbar_library_on.gif) 0 0 no-repeat;}


/***************** Top Content for home and 2nd-tier pages ****************************/


#homeheader {	/* height of navbar plus homeimage */
	width: 860px;
	height: 271px;
	position:relative;
	margin: 0;
	}

#homeimage {
	width: 860px;
	position:relative;
	float: left;
	margin: 0;
	border-bottom: 3px solid #e06f1d;
	clear:both;
	}
	
#homeimage_text {
	position:absolute;
	width:630px;
	height:40px;
	top:221px;
	left:115px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	line-height:150%;
	color:#FFFFFF;
	z-index:60;
	}

#contentheader {	/* height of navbar plus contentimage */
	width: 860px;
	height: 124px;
	position:relative;
	margin: 0;
	}
#contentimage {
	width: 860px;
	position:relative;
	float: left;
	margin: 0;
	border-bottom: 3px solid #e06f1d;
	clear:both;
	}

	
/***************** Content for all pages ****************************/
	

#container {			/* 900px total width */
	position: relative;
	background: #ffffff;
	width: 860px !important;
	height: auto;
	margin: 10px auto 19px auto;
	padding: 0px 19px 0px 19px;
	border: 1px solid #0e549a;
	}
		
#content {
	position: relative;
	width: 860px !important;
	margin: 0px;
	float: left;
	}
	
* html #content {
  margin-top: 20px;
}


img.corner {
   border: none;
   text-align: right;
   display: block !important;
}

#nav_top {
	float: right;
	background-image: url(/images/pm/bullet_up.gif);
	background-position:left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	font-size: 80%;
}

#stations h4 {
	margin: 1px 0 0 0;
}

#bridgelink a {
	display: block;
	width: 181px;
	height: 87px;
	background-image: url(/images/pm/bridgelink.jpg);
	}
	#bridgelink a:hover {
		background-position: -181px;
		}

#bridgegallerylink a {
	display: block;
	width: 181px;
	height: 87px;
	background-image: url(/images/pm/bridgegallerylink.jpg);
	}
	#bridgegallerylink a:hover {
		background-position: -181px;
		}

/***************** Below the fold content  ****************************/

#belowFold {
	width: auto;
	margin: 20px 0 0 0;
	clear: both;
	}

#news {
	clear:both;
}

.news {	/* for home page headers */
	font: 115%/100% bold Verdana, Arial, Helvetica, sans-serif;
	}

#news_item1, #news_item2, #news_item3 {
	position: relative;
	float: left;
	width: 246px;
	left: 0px;
	top: 0px;
	padding: 0 20px 0 20px;
	border-right: 1px dashed #919395;
	min-height: 100px;
	}
	
#news_item3 {
	border-right:0px;
	}

	
#sidemenu {
	border-top: 0;
	border-right:2px solid #e06f1d;
	border-bottom:2px solid #e06f1d;
	border-left:2px solid #e06f1d;
	margin: 0;
	padding: 0;
	}
	
.note {
	font: 85%/100% bold Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

/***************** Below the fold 2nd-tier content  ****************************/

#content {
	width: auto;
	margin: 0;
	clear: both;
	}

#breadcrumb {
	width: 860px;
	height: 30px;
	margin: 0;


	padding: 0;
	clear:both;
	font-weight: bold;
	font-size: 80%;
	line-height: 285%;
	}

#columnOne {
	width: 266px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	}
	
#sidemenu_header{
	}

	#sidemenu ul {
		font: 90%/170% Verdana, Arial, Helvetica, sans-serif;
		padding: 10px 20px 10px 34px;
		margin: 0 0 0 0;
		list-style: url(/images/pm/bullet_sidemenu.gif);
		}
	#sidemenu li {
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
		}
	#sidemenu ul.bookmark {
		list-style: url(/images/pm/bullet_down.gif);
	}

#columnTwo {
	width: 554px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	}

#lowerContent {
	clear:both;
	text-align:center;
}




/***************** Footer ****************************/

#footer  {
	position: relative;
	width: 860px;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0px;
	float: left;
	color: #999999;
	font-size: 85%;
	line-height: 125%;
	clear: both;
    }

#footer a {
	color: #999999;
	font-size: 85%;
	font-weight: normal;
	line-height: 125%;
	}

#footer ul {
	list-style: none;
	margin: 0px;
	padding: 5px 0 0 0;
	}
	
#footer ul li {
	margin: 0px;
	padding: 0px;
	float:left;
	}
	

div#qTip {
	padding: 3px 5px 3px 5px;
	border: 1px solid #000000;
	display: none;
	background: #919395;
	color: #ffffff;
	font: bold 80%/150% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
	max-width:300px;
	}

#footer_icons {
	text-align: center;
	color: #666666;
	padding:10px;
	font: normal 125%/150% Verdana, Arial, Helvetica, sans-serif;
	}
#footer_icons a {
	color: #666666;
	}
#footer_icons img {
	margin:0 3px 0 0;
	}


/***************** Popup ****************************/

#slideshow_container {
	margin: 10px auto;
	width:690px;
}






#container #content #columnTwo form {
	margin: 0px;
	padding: 0px;
}
#container #content #columnTwo p {
	margin-bottom: 0.5em;
	font: 100%/170% Verdana, Arial, Helvetica, sans-serif;
}