/*** begin global styles ***/
:focus {
	outline: none;
}

body {
	color: #000000;
	font-family: "Arial MT", "Arial", sans-serif;
	font-size: 11px;
	/*margin: 40px 0px 0px 40px;*/
	padding: 0;
	margin: 8px;
}

:link, :visited {
	color: #FFF;
	text-decoration: none;
}

:link:hover, :visited:hover {
  color: #FFF;
  text-decoration: underline;
}

a img {
	border: 0;
}

.layout_left {
	background-image: url(../images/bg1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-right: 1px solid #FFF;
	background-color: #D5EBF6;
	width: 60px;
}

/*** end global styles ***/

/*** begin content styles ***/
div.main_content {
  padding: 30px 32px 0px 40px;
}

div.leftColumn {
	width:280px;
	padding-right:15px;
}

div.rightColumn {
	width:300px;
}

div.gray_fade {
  background-position: top left;
  background-repeat: no-repeat;
  width: 659px;
  height: 43px;
  line-height: 43px;
}

div.indent {
  padding: 0px 0px 0px 40px;
}

div.header1 {
  font-size: 24px;
  font-weight: bold;
  color: #0088C3;
}

div.header2 {
  font-size: 18px;
  font-style: italic;
  color: #3DA939;
  margin: 0px 0px 20px 0px;
}

div.header3 {
  font-size: 14px;
  font-weight: bold;
  color: #3DA939;
}

div.header4 {
  font-size: 14px;
  font-weight: bold;
  color: #3DA939;
  margin: 0px 0px 10px 0px;
}

div.body_copy {
  font-size: 12px;
  color: #000000;
  margin: 0px 0px 15px 0px;
}

div.sitemapColumn {
  float: left;
  display: inline;
	width: 250px;
}

span.header1 {
  font-size: 32px;
  font-weight: bold;
  color: #0088C3;
}

span.header5 {
  font-size: 38px;
  font-weight: bold;
  color: #3CA939;
}


.headerText {
	font-size:16px;
	font-weight:bold;
}


div.body_item {
  background-image: url( ../img/fastlane/bullet.gif );
  background-position: 0px 3px;
  background-repeat: no-repeat;
  font-style: italic;
  padding: 0px 0px 0px 10px;
}

div.box_item {
  background-image: url( ../img/fastlane/bullet_2.gif );
  background-position: 0px 3px;
  background-repeat: no-repeat;
  font-style: italic;
  padding: 0px 0px 0px 10px;
}

div.box_checkmark {
	background-image: url(../img/fastlane/checkmark.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-style: italic;
	padding: 5px 0px 10px 30px;
	margin: 0px;
}

hr.blue {
	border: 1px dotted #A2D3FF;
	height: 1px;
	margin: 20px 0px;
}

hr.blue2 {
	border: 1px dotted #A2D3FF;
	height: 1px;
	margin: 0px 0px;
}

span.blue {
	color: #0088C3;
}

span.green {
	color: #3DA939;
}

div.sidebar
{
	float: right;
	background-color: #BDBDBD;
	border: 1px solid #3DA939;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 15px 15px;
	width: 225px;
	background-color: #C9E8D6;
}

div.sidebar_thin
{
	float: right;
	background-color: #BDBDBD;
	border: 1px solid #BDBDBD;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 15px 15px;
	width: 140px;
}

.nested_image
{
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 15px 0px;
}

.nested_image img
{
	display: block;
	border: 1px solid #BDBDBD;
}

.right_image
{
	float: right;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 20px;
}

.right_image img
{
	display: block;
	border: 1px solid #0088C3;
}

.left_image {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 15px 20px 15px 0px;
}

.left_image img {
	display: block;
	border: 1px solid #0088C3;
}

/*** end content styles ***/

/*** begin home page styles ***/

.home_chart_text {
  background-image: url( ../img/fastlane/home_chart_text_bg.jpg );
  background-position: top left;
  background-repeat: no-repeat;
	padding: 0px 20px 0px 20px;
	color: #0088C4;
	font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.home_katu_ups {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
  font-weight: bold;
}

/*** end home page styles ***/

/*** begin footer styles ***/

.footer {
  color: #A6A6A6;
	font-size: 12px;
}

.footer :link, .footer :visited {
	color: #A6A6A6;
	text-decoration: none;
}

.footer :link:hover, .footer :visited:hover {
	color: #0088C3;
  text-decoration: underline;
}

/*** end footer styles ***/

/*** side nav styles ***/
.sideNav {
  height: 100%;
  width: 203px;
  background-color: #000;
}

.sideNav .itemRolloverOff {
	padding: 5px 10px 5px 40px;
	background-image: url( ../img/fastlane/subnav_arrow_off_fastlane.gif );
	background-position: 0px 7px;
	background-repeat: no-repeat;
	background-color: #000; /* #C6E4F2; */
	color: #FFF; /* #007EBD; */
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .itemRolloverOn {
	padding: 5px 10px 5px 40px;
	background-image: url( ../img/fastlane/subnav_arrow_on_fastlane.gif );
	background-position: 0px 7px;
	background-repeat: no-repeat;
	background-color: #007C59;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .itemRolloverOn a {
	color: #FFF;
}

.sideNav .subitemRolloverOff {
	padding: 5px 10px 5px 40px;
	background-color: #0088C3;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .subitemRolloverOff2 {
	padding: 5px 10px 5px 40px;
	background-color: #000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .subitemRolloverOn2 {
	padding: 5px 10px 5px 40px;
	background-color: #007C59;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .subitemRolloverOn {
	padding: 5px 10px 5px 40px;
	background-color: #0088C3;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .subitem2RolloverOff {
	padding: 2px 10px 2px 50px;
	background-color: #007C59;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.sideNav .subitem2RolloverOn {
	padding: 2px 10px 2px 50px;
	background-color: #007C59;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

/*** begin sidenav sections ***/
.sideNav .section {
	cursor: pointer;
}

.sideNav .section .travel {
	background-image: url( ../img/section_travel.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .pledge {
	background-image: url( ../img/section_pledge.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .driving {
	background-image: url( ../img/section_driving.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .partners {
	background-image: url( ../img/section_partners.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .about {
	background-image: url( ../img/section_about.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .today {
	background-image: url( ../img/section_today.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .online_tools {
	background-image: url( ../img/section_featured_tools.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .video_challenge {
	background-image: url( ../img/section_Video_Challenge.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .video {
	background-image: url( ../img/section_video.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .save_a_trip {
	background-image: url( ../img/section_driving.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .employers {
	background-image: url( ../img/section_employers.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .fastlane {
	background-image: url( ../img/fastlane/section_fastlane.gif );
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 43px;
	line-height: 43px;
}

.sideNav .section .request_more_information a:hover {
	color: #FFF;
}

/*** end sidenav sections ***/

/*** begin landing ***/

.landing {
	background-color: #E9E9E9;
	width: 193px;
	vertical-align: top; 
}

.landing .caption {
	width: 193px;
	height: 237px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 18px;
}

.landing .captionRolloverOff {
  text-decoration: none;
}

.landing .captionRolloverOn {
  text-decoration: underline;
  cursor: pointer;
}

.landing .caption i {
	color: #CCE7F3;
}

.landing .text {
	margin: 10px 10px 10px 10px;
	color: #000000;
	font-size: 12px;
	font-style: italic;
}

/*** end landing ***/

/*** begin todays landing images ***/

.landing .caption .todays_land_condition_img {
	background-image: url( ../img/todays_land_condition.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** end todays landing images ***/

/*** begin landing trip chaining images ***/

.landing .caption .trip_chaining_easy_img {
	background-image: url( ../img/landing_image1.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .trip_chaining_success_img {
	background-image: url( ../img/landing_image2.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .trip_chaining_top_10_img {
	background-image: url( ../img/landing_image3.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** begin landing driving images ***/

/*** begin landing driving images ***/

.landing .caption .driving_about_img {
	background-image: url( ../img/dres_land_trip_chaining.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_portland_img {
	background-image: url( ../img/dres_land_transp_facts.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 5px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_gas_price_img {
	background-image: url( ../img/dres_land_gas_price_trends.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}


.landing .caption .driving_tell_a_friend_img {
	background-image: url( ../img/dres_land_tell_a_friend.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_cost_calculator_img {
	background-image: url( ../img/dres_land_cost_calc.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_list_generator_img {
	background-image: url( ../img/dres_land_tripchain_listgen.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}


.landing .caption .driving_newsletter_img {
	background-image: url( ../img/dres_land_newsletter.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_pledge_img {
	background-image: url( ../img/dres_land_pledge.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .driving_factsheet_img {
	background-image: url( ../img/dres_factsheet.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** end landing driving images ***/

/*** begin landing partners images ***/

.landing .caption .partners_fact_sheets_img {
	background-image: url( ../img/partners_land_facts.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .partners_kit_img {
	background-image: url( ../img/partners_land_kit.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** end landing partners images ***/

/*** begin landing about images ***/

.landing .caption .about_land_sponsors_img {
	background-image: url( ../img/about_landing_sponsors.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_campaign_facts_img {
	background-image: url( ../img/about_land_campaign_facts.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_contact_img {
	background-image: url( ../img/about_land_contact.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_dlsm_faq_img {
	background-image: url( ../img/about_land_dlsm_faq.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_events_img {
	background-image: url( ../img/about_land_events.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_news_img {
	background-image: url( ../img/about_land_news.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .about_land_tv_radio_img {
	background-image: url( ../img/about_land_tv_radio.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** end landing about images ***/

/*** begin landing travel images ***/

.landing .caption .travel_transit_img {
	background-image: url( ../img/travel_land_transit.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_ride_sharing_img {
	background-image: url( ../img/travel_land_ride_sharing.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_biking_img {
	background-image: url( ../img/travel_land_biking.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_walking_img {
	background-image: url( ../img/travel_land_walking.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_car_sharing_img {
	background-image: url( ../img/travel/travel_land_car_sharing.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_telework_img {
	background-image: url( ../img/travel_land_telework.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .travel_oregon_img {
	background-image: url( ../img/travel_land_geo_directory.jpg );
	background-position: top left;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .pt_blog {

	background-image: url(../img/travel_land_pt_blog.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

.landing .caption .guide {

	background-image: url(../img/travel_land_guide.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}

/*** end landing travel images ***/

.logo_grid {
	background-position: center center;
	vertical-align: middle;
	margin: 0px;
	padding: 15px;
	border: 1px solid #CCCCCC;
}
.pdf_grid {
	background-color: #EBEBEB;
	background-position: center center;
	border: 1px solid #999999;
	padding: 7px;
}
.pdf_grid_icon {
	background-color: #FFFFFF;
	background-position: center center;
	border: 1px solid #999999;
	background-image: url(../img/pdf_download_icon.gif);
	background-repeat: no-repeat;
}

.pdf_grid_icon div {
	line-height: 50px;
}

div.body_copy_callout {
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 15px 0px;
	font-style: italic;
	font-weight: bold;
}
.inset_photo {
	border: 5px solid #57A939;
	margin: 11px 10px 10px 0px;
}
.sidebar_photo {
	border: 1px solid #57A939;
}
.video_grid_icon {
	background-color: #FFFFFF;
	background-position: center center;
	border: 1px solid #999999;
	background-image: url(../img/video_icon.gif);
	background-repeat: no-repeat;
}
.grid_cell {
	background-color: #C9E8D6;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
.grid_cell_bold {
	background-color: #CCCCCC;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
}
.grid_cell_header {
	background-color: #0088C3;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
}
.landing .caption .todays_land_odotcam_img {
	background-image: url(../img/todays_land_odot_cam.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 160px 15px 10px 15px;
	margin: 10px 10px 10px 10px;
}
.arrow_grid_icon {

	background-color: #FFFFFF;
	background-position: center center;
	border: 1px solid #999999;
	background-image: url(../img/arrow_download_icon.gif);
	background-repeat: no-repeat;
}
.grid_cell_header_noframe {
	background-color: #0088C3;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
}