#breadcrumb, 
#breadcrumb a, 
#breadcrumb a:visited { 
	color: #17515F; 
	background-color:inherit; 
	}

#contacts {
	float: left;
	text-align: left;
	margin: 5px;
	border: 0;
	background-color: transparent;
	color: #000;
}

#contacts a:link { 
	color: #575555; 
	background-color: transparent; 
	}

#contacts p.contacttitle {
	font-size : .8em;
	font-weight : bold; 
	margin : 0;
	padding : 5px;
	text-align: left;
	background-color: transparent;
	color: #000;
}

#contacts p {
	font-size: 70%;
	padding: 5px 2px;
	white-space: normal;
	text-align: left;
	background: none;
	background-color: transparent;
	color: #000;
}

div.contact {
	margin-left: 4px;
}

div.contact p {
	font-weight: normal;
}

div.contact a.link {
	color: #0000ff!important;
	background-color: inherit;
	text-decoration: underline!important;
	font-size: 1.1em;
	padding-top: 8px;
}
	
#wrapper { 
	background-image : url(/environment/bicycle_pedestrian/images/bgsubnav_bp2.png); /* refer to documentation on use of image for subnavigation box */
	}

#header {
	background-color: #fff;
	color: #000;
	background-image : url(/environment/bicycle_pedestrian/images/bannerbg_bp2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 100px;
}
	
#header #pageheading { 
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent!important;
	font-weight: 100;
	position: relative;
	height: 100px;
}

#pageheading img {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0.3em;
	bottom: 0.3em;
}

#pageheading a: visited { 
	color: #ffffff;
	background-color: inherit;
}

#pagecontents a:link {
	color: #575555;
	background-color: inherit;
	text-decoration: underline;
	clear: left;
}

#pagecontents {
	font-size: .9em;
}

#pagecontents h1 {
	color: #17515f;
	background-color: inherit;
	border-bottom: 2px solid #17515f;
}

/* 2D3E4F */

#pagecontents h1.newred {
	color: #575555;
	background-color: inherit;
}

#pagecontents h2 {
	color: #575555;
	background-color: transparent;
}


#pagecontents h3 {
	margin: 5px 0 5px 0;
}

#pagecontents h4 {
	margin: 5px 0 0 0;
}
h3, h4, h5, h6 { color: #575555; background-color: transparent; }
#pagecontents h3 a {
	text-decoration: underline;
}

#pagecontents img {
	border: none;
	margin: 0!important;
}

#pagecontents ul {
	overflow: visible!important;
}

#subnavigation {
	width : 18%;
	float : left; 
	margin-bottom : 20px;
}

#subnavigation #localnav ul li a { 
	color : #fff;
	background-color: #17515f;
	text-decoration: none;
}
#subnavigation #localnav ul li ul li a { 
	color : #113d47;
	background-color: #c5d4d7;
	text-decoration: none;
	background-image: url('/environment/bicycle_pedestrian/images/listarrow.png');
	background-position: 5px 8px;
}

#subnavigation #localnav ul li a:hover, #subnavigation #localnav ul li a.current {
	color: #113d47;
	background-color: #c5d4d7;
	border-right: 1px solid #c5d4d7;
}
#subnavigation #localnav ul li ul li a.current { 
	border-right: 2px solid #113d47;
}

.currente { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px; 
	color: #000066;
	background-color: inherit;
	font-weight: bold;
}
.flushleft { 
	margin-left: 5px; '
	margin-bottom: 0.5px; 
}
.nopad { 
	margin-left: -5px; 
	margin-bottom: 0.5px; 
}

HR.home {
    height: 1px;
    color: #000000;
    background-color: inherit;
   }
.lesspad {
	margin-top: 5px;margin-bottom: 0.5px;margin-right: 10px;
   }
.lipad {
	margin-left: 10px;padding-left: 10px;
   }
.nomargin {
	margin-bottom: .5em;
	margin-top: 0em;
}
.negmargin {
	margin-bottom: 20px;
	margin-top: -15px;
}
ul.negmargin li {
	margin: 0 0 0 10px;
}

ul.margin0 li {
	margin: 0;
}

.indent {
	margin-left: 1.5em;
	display: block;
   }
.indent_sm {
	margin-left: 1em;
	margin-top: 1em;
	display: block;
   }
.indent1 {
	margin-left: 3em;
	display: block;
   }
.indent2 {
	margin-left: 5em;
	display: block;
   }
.right {
	position: relative;
	float: right;
	margin: 2em;
	border: 1px solid black;
	padding: 5px;
	width: 250px;
   }
.rightnw {
	position: relative;
	float: right;
	margin: 2em;
	border: 1px solid black;
	padding: 5px;
   }
.floatleft {
	position: relative;
	float: left;
   }
.floatleft_mb {
	position: relative;
	float: left;
	margin: 0 1em 1em 0;
   }
.floatright {
	position: relative;
	float: right;
   }
.floatright_m {
	position: relative;
	float: right;
	margin: 2em;
   }

.textright {
	text-align: right;
   }

.textright th {
	text-align: center;
   }
   
th.row {
font-weight: bold;
	
}

th.row_nb {
	font-weight: normal;
	text-align: left;
}

td.row {
	font-weight: bold;
	text-align: left;
}
.box {
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 0px 5px 5px 5px;
	background: #ffffee;
	width: 75%;
	}
.box310ctr {
	margin: 0 auto;
	width: 310px;
	}
.box510ctr {
	margin: 0 auto;
	width: 510px;
	}
.boxsm {
	border: 1px solid #ccc;
	margin: 20px;
	padding: 0px 5px 5px 5px;
	background: #ffffee;
	}
	
.box_grn {
	background-color: #fcffff;
	color: #000000;
	padding: 2px;
	border: 1px dashed black;
  }
  
div.center {
	text-align: center;
	}
div.center p {
	text-align: center;
	}
	
.middle {
	vertical-align: middle;
	}
	
.lefttop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 800;
	color: #000066;
	background-color: inherit;
	margin: 3px 0px 3px 0px;
	padding: 4px;
}
.margin_rt {
	margin-right: 50px;
}
.margin_rt_lg {
	margin-right: 25%;
}
.grey {
	color: #d7d7d7;
	background-color: inherit;
}
.greybg {
	color: #ededed;
	background-color: inherit;
}
.ltyellowbg {
	background-color: #ffffee;
	color: #000;
}

.distractionwrapper {
	position: relative;
	float: right;
	padding: 5px;
	width: 288px;
	margin-top: 2px;
	margin-left: 10px;
	border: 1px solid black;
	font-weight: bold;
}

.pad2 {
	padding: 2px!important;
}
.pad4 {
	padding: 4px!important;
}
.pad8 {
	padding: 8px!important;
}
.pad12 {
	padding: 12px!important;
}

.margin_left10 {
	margin-left: 10px!important;
}


.m2em {
	margin: 2em;
}

.notes { 
	background-color: #ffffee;
	color: #000;
	margin: 0 auto;
	width: 75%;
	border: 1px solid black;
	padding: 2px;
	font-size: 0.82em;
}

.notes p.small { 
	font-size: 0.82em;
}
 

.notes_sm { 
	background-color: #ffffee;
	color: #000;
	margin: 10px auto;
	width: 45%;
	border: 1px solid black;
	padding: 2px;
	font-size: 0.82em;
}

.notes_sm p.small { 
font-size: .82em;
}

.medium { 
font-size: .9em!important;
}
.small { 
font-size: .82em!important;
}
.small1 { 
font-size: .72em!important;
}

.notes_cntr { 
margin: 10px auto;
padding: 2px;
}

.w55 { 
width: 55%;
}
.w75 { 
width: 75%;
}
.w85 { 
width: 85%;
}

.border0 { 
border: 0!important;
}
.border0 th { 
border: 0!important;
}
.border0 td { 
border: 0!important;
}

.border1 { 
	border: 1px solid black!important;
}

.border2 th { 
	border: 1px solid black;
	border-collapse: collapse;
}

.border2 td { 
	border: 1px solid black;
	border-collapse: collapse;
}

.large {
	font-size: 1.1em;
	font-weight: 100;
}

.left {
	
}

.padright {
	padding-right: 5px;
}

.slidecontainer {
	text-align: center;
}

.slide {
	position: relative;
	width: 90%;
	margin: 5px auto 20px auto;
	text-align: left;
	border: 2px solid #6699cc;
	padding: 5px 0px 20px 0px;
	background-color: #ffffff;
	color: #000;
}

.slidecontainer p.blue {
	color: #607890;
	background-color: inherit;
}

.extraspace {
	padding: 10px 50px 20px 50px;
}

#slide {
	background-color: #fff;
	color: #000;
}

.slide h2 {
	margin-bottom: 15px;
}

#row2 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	overflow: hidden;
	}
	
.box {
	width: 31%;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	}
	
.box p {

	padding: 0;
	}
	
.box h3 {
	margin-bottom: .5em;
	}
	
#box1 {
	background-color: #ffffff;
	color: #000;
	border: 1px solid #0E293C;
	position: relative;
	padding: 0;
	}
	
#box1 h3 {
	color: #383732;
	font-size: 1em;
	padding: 15px 5px 15px 10px;
	display: block;
	background-color: #EBF2E4;
	margin: 0!important;
	border-bottom: 1px dashed #383732;
	text-align: center;
	}
		
	/*
	383732 - lt blue
	*/

#box1 h3 a {
	color: #383732;
	background-color: inherit;
	font-size: 1em;
	text-decoration: underline!important;
	}
	
#box1 h4 {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	}
	
#box1 h4 a {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	text-decoration: underline;
	}
	
#box1 .bxcontent {
	background-color: #ffffff;
	color: #000;
	position: relative;
	padding: 0px;
	}
		

/* BOX2  */

#box2 {
	background-color: #ffffff;
	color: #000;
	border: 1px solid #0E293C;
	position: relative;
	padding: 0;
	}
	
#box2 h3 {
	color: #383732;
	font-size: 1em;
	padding: 15px 5px 15px 10px;
	display: block;
	background-color: #EBF2E4;
	margin: 0!important;
	border-bottom: 1px dashed #383732;
	text-align: center;
	}

#box2 h3 a {
	color: #383732;
	background-color: inherit;
	font-size: 1em;
	text-decoration: underline!important;
	}
	
#box2 h4 {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	}
	
#box2 h4 a {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	text-decoration: underline;
	}
	
#box2 .bxcontent {
	background-color: #ffffff;
	color: #000;
	position: relative;
	padding: 0px;
	}
	
	
/* BOX3  */

#box3 {
	background-color: #ffffff;
	color: #000;
	border: 1px solid #0E293C;
	position: relative;
	padding: 0;
	}
	
#box3 h3 {
	color: #383732;
	font-size: 1em;
	padding: 15px 5px 15px 10px;
	display: block;
	background-color: #EBF2E4;
	margin: 0!important;
	border-bottom: 1px dashed #383732;
	text-align: center;
	}

#box3 h3 a {
	color: #383732;
	background-color: inherit;
	font-size: 1em;
	text-decoration: underline!important;
	}
	
#box3 h4 {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	}
	
#box3 h4 a {
	color: #383732;
	background-color: inherit;
	font-size: .9em;
	text-decoration: underline;
	}
	
#box3 .bxcontent {
	background-color: #ffffff;
	color: #000;
	position: relative;
	padding: 0px;
	}
	
	
	
	
.boxcenter {
	margin: 0 auto;
}

.ntpp_rightbox {
	width: 240px;
	padding: 10px;
	margin: 15px;
	float: right;
	border: 1px solid black;
	background-color: #0066cc;
	color: #fff;
	font-size: 95%;
}

.ntpp_rightbox ul {
	margin-left: -10px;
}

.ntpp_box {
padding: 10px;border: 1px solid black;background-color: #0066cc;color: #fff;font-size: 95%;
}

.ntpp_box_gr {
	padding: 10px;
	border: 1px solid black;
	background-color: #ffffee;
	color: #000;
	font-size: 95%;
	margin-top: 1em;
}

.nowrap { white-space: nowrap;}

.lightback_div {
	background-color: #ffffee;
	color: #000;
 	width: 330px;
	padding: 5px;
	margin: 5px 15px 5px 5px;
	float: left;
	border: 1px solid black;
}

.center_box {
	margin: 0 auto;
}

.center {
	margin: 0 auto!important;
	text-align: center;
}

table.texttable {
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #fff;
	color: #000;
	}
table.texttable, 
table.texttable th, 
table.texttable td { 
	font-size: 95%; 
	vertical-align: top; 
	text-align: left; 
	background-color: transparent;
	color: #000;
	padding: 2px;
	}

table.layouttable {
	font-size: 90%;
	}
	
table.layouttable th, 
table.layouttable th td {
	padding: 8px;
	border: 1px solid black!important;
	}
	
table.layouttable.border0 th, 
table.layouttable.border0 td {
	border: 0px solid white;
	}
	
table.layouttable th {
	background-color: #ffffee;
	color: #000;
	}
	
.nowrap { white-space: nowrap;}

.li_table {	
	list-style-position: inside;
	}
	
th.left {
	text-align: left;
}

td.left {
	text-align: left;
}

.tdpad_left {
	padding-left: 2em !important;
	}
	
h3 {
	margin-top: 10px;
}

#related {
	width: 28%!important;
	margin-left: 20px;
}

#related1 {
	float: right;
	width: 35%!important;
	margin-left: 20px;
}

#hepcontent .resources #related {
	width: 28%!important;
	margin-left: 20px;
}

.relateditem { 
	background-color: #fff!important;
	color: #000; 
	} 
	
p.relatedtitle {
	background-color: #EBF2E4;
	display: block;
	color: #383732;
	font-size: 1.2em;
	font-weight: bold; 
	padding: 2px 2px 2px 5px;
}

div .relateditem ul li { 
	font-size: 1.15em; 
}

.grey {
	background-color: #ededed;
	color: #000;
}

.clear_right { clear: right; }

.next {
	position: absolute;
	bottom: 4px;
	right: 0px;
	width: 50px;
	border: 0;
	margin: 0;
}

ul.none {
list-style-type: none;
}

li.none {
list-style-type: none;
}

caption.th {
  padding: .2em .8em;
  border: 1px solid #000;
  background: #ffffcc;
  font-weight: bold;
  font-size: 1.1em;
}

caption {
  font-weight: bold;
  font-size: 1em!important;
}

.bpblue {
color: #607890;
background-color: inherit;
}

h2 a {
	text-decoration: underline!important;
}



/*
Separated Bike Lane PDG
*/


.sidebar_left {
	width: 190px;
	background-color: #FCFEFF;
	color: #000;
	font-size: .9em;
	padding: 5px;
	border: 1px dashed black;
	float: left;
	margin: 2px 8px 2px 4px;
	word-wrap: break-word
  }
 .sidebar_left_med {
	width: 290px;
	background-color: #FCFEFF;
	color: #000;
	font-size: .9em;
	padding: 5px;
	border: 1px dashed black;
	float: left;
	margin: 2px 8px 2px 4px;
	word-wrap: break-word
  }
  
.sidebar_right {
	width: 190px;
	background-color: #FCFEFF;
	color: #000;
	font-size: .9em;
	padding: 5px;
	border: 1px dashed black;
	float: right;
	margin: 2px 4px 2px 8px;
	word-wrap: break-word;
  }
  
.sidebar_right_wide {
	width: 380px;
	background-color: #FCFEFF;
	color: #000;
	font-size: .9em;
	padding: 5px;
	border: 1px dashed black;
	float: right;
	margin: 2px 4px 2px 8px;
	word-wrap: break-word
  }
  
.sidebar_right_wide450 {
	width: 450px;
	background-color: #FCFEFF;
	color: #000;
	font-size: .9em;
	padding: 5px;
	border: 1px dashed black;
	float: right;
	margin: 2px 4px 2px 8px;
	word-wrap: break-word
  }
  
.sidebar_blue {
	background-color: #02078E;
	color: #fff;
	padding: 5px;
	border: 1px dashed black;
	width: 450px;
	margin-top: 10px!important;
	margin-bottom: 15px!important;
  }
  
.mtop10 {
	margin-top: 10px;
  }
.mtop20 {
	margin-top: 20px;
  }
.mtop30 {
	margin-top: 30px;
  }

.mtop-10 {
	margin-top: -10px;
  }
  
.aside_top10 {
	position: relative;
	top: 2rem!important;
  }

	
	
.figure h4 {
	font-size: 1.2em!important;
	font-weight: bold;
	color: #195F78;
	margin: 10px 0 0 0!important;
	  }

.imgborder {
	border: 1px solid black!important;
	margin: 0;
	padding: 0;
	  }
	  
.imgright {
	margin-right: 20px!important;
	margin-left: 8px!important;
	padding: 2px!important;
	  }

.case {
	border: 2px solid #FFA33A;
	padding: 8px;
	width: 70%;
	margin-top: 15px;
	margin-left: 80px;
	margin-bottom: 15px;
}


.case .underline {
	border-bottom: 1px solid #FFA33A!important;
}

.case .rightnw {
	margin: 0 .5em 2em 1em!important;
	padding: 2px;
}

.imgcaption {
	padding: 4px!important;
}


.tricol_container {
  overflow: auto;
  width: 100%;
}
.tricol1 {
	float: left;
  width: 33%;
}
.tricol2 {
	float: left;
  width: 33%;
}
.tricol3 {
	float: right;
  width: 33%;
}
.tricol_content {
	font-size: .88em;	
	word-wrap: break-word;
}


.bicol_container {
  overflow: auto;
  width: 100%;
}
.bicol1 {width: 45%; float: left; } 
.bicol2 {width: 45%; float: right; } 
.col_content {
	padding: 8px;
}

.bicol18 {width: 18%; float: left; vertical-align: top; } 
.bicol82 {width: 82%; float: right; vertical-align: top; } 

.pdg_title {
	color: #383732;
	font-size: 1.4em;
	font-weight: bold; 
}


.col4_container {
  border: 0px solid black!important;
  overflow: auto;
  width: 100%;
  padding: 0;
  margin: 0;
}
.col4 {
	border: 1px solid black!important;
	float: left;
    width: 24%;
    padding: 0!important;
	margin-right: 5px;
  	min-height: 280px;
	height: auto;
}
.col4rt {
	border: 1px solid black!important;
	float: right;
  width: 25%;
    padding: 0;
  margin-left: -4px;
  margin-right: 1px;
  	min-height: 280px;
	height: auto;
}
.col_content {
	font-size: .88em;	
	word-wrap: break-word;
}

.blue {
	background-color: #CEDCED;
}
.green {
	background-color: #D5E2B9;
}
.orange {
	background-color: #EBF2E4;
}
.sage {
	background-color: #F2F9FA;
}


.colhd_blue {
	background-color: #194077;
	    margin: 0;
	padding: 10px;
	display: block;
}
.colhd_green {
	background-color: #4B6208;
	    margin: 0;
	padding: 10px;
}
.colhd_orange {
	background-color: #CC6600;
	    margin: 0;
	padding: 10px;
}
.colhd_burgandy {
	background-color: #7C2300;
	    margin: 0;
	padding: 10px;
}


.col_wide {
	border: 1px solid black!important;
	float: left;
    width: 100%;
    padding: 0!important;
	margin-bottom: 10px!important;
}

.colheader1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http: //www.transportation.gov/sites/all/themes/modebase/images/teaser_head-citizens.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-color: #194178 #194178 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0;
	padding: 10px;
	z-index: 9999999;
}

.colheader2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http: //www.transportation.gov/sites/all/themes/modebase/images/teaser_head-business.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-color: #6e6159 #6e6159 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0;
	padding: 10px;
	
}

.colheader3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http: //www.transportation.gov/sites/all/themes/modebase/images/teaser_head-govt.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-color: #993300 #993300 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0;
	padding: 10px;
}

.colheader4 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("/environment/bicycle_pedestrian/images/teaser_head-business2.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-color: #993300 #993300 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0;
	padding: 10px;
}

a.white: active, a.white: visited {
	color: #fff!important;	
}


.white {
	color: #fff!important;	
}


div.pad10 {
    padding: 10px;
}

hr.s85 {
    background: -moz-linear-gradient(left center , #ccc, #333, #ccc) repeat scroll 0 0 #333;
    border: 0 none;
    clear: right;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 85%;
}

.featured {
float: right;
background-color: #d6e1d1;
padding: 8px;
margin: -15px 2px 0 15px;
border: 1px dotted grey;
width: 40%;
overflow: auto;
}
.featured_med {
background-color: #d6e1d1;
padding: 8px;
margin: 2px 2px 15px 15px;
border: 1px dotted grey;
width: 70%;
overflow: auto;
}
.featured_wide {
background-color: #d6e1d1;
padding: 8px;
margin: 2px 2px 15px 15px;
border: 1px dotted grey;
width: 90%;
overflow: auto;
}
.featured_full {
background-color: #d6e1d1;
padding: 8px;
margin: 2px 2px 15px 5px;
border: 1px dotted grey;
width: 97%;
overflow: auto;
}

.featured_title {
border-bottom: 1px solid #2D3E4F;
width: 65%;
margin-top: -5px;
}



.hasJS .tabbed {position: absolute; top: 0; left: -200em;}
.hasJS .on {position: relative; top: 0; left: 0}
/* TABS */
.hasJS .switched {position: absolute; left: -9999px;}
.hasJS .on {position: relative; top: 0; left: 0}
/* TAB NAVIGATION HORIZONTAL */

ul#tabnav{
width: 100%; 
height: 40px;
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #86a6bd;
}

ul#tabnav li{
	display: inline;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

ul#tabnav li a{ 
text-align: center;
width: 116px;
display: block;
float: left;
padding: 5px;
margin: 0 7px 0 0;
text-decoration: none; 
color: #0d4d7c;
text-transform: uppercase; 
border: 1px solid #86a6bd;
border-top: 5px solid #0d4d7c;
background: #fff;
font-weight: bold;
font-size: 15px;
clear: none;
}

ul#tabnav li a: hover, ul#tabnav li a: focus{
	border-top: 5px solid #ba141a;
}

ul#tabnav li a.last{
/* float: right; */
margin: 0 0 -3px 0;
width: 220px!important;
}

ul#tabnav li.on a{  
color: #2d3e4f;
border-top: 5px solid #2d3e4f;
border-bottom: 4px solid #fff;
}


/* TAB PANEL HORIZONTAL */
div#tabpanel {
background: #fff;
padding: 0px;
border: 1px solid #86a6bd;
margin: -5px 0 0 0;
}

div#tabpanel div {
	padding: 10px;
	margin: 0;
}
	
div#tabpanel div.clear {
	padding: 0;
}

div#tabpanel div h3 {
margin: 0;
padding: 0;
}

/* RESOURCES TAB */

#resources #tabpanel h3{
	display: block;
	margin: 10px 0 0 10px;
	width: 132px;
	text-indent: -99999px;
	float: left;
}

#resources div.resources_box {
/*	min-height: 260px; */
	width: 100%;
	padding: 0;
	margin: 0;
}

#resources div.resources_box p {
	padding-left: 10px!important;
}

.table_container {
display: table;
    }

.table_row  {
display: table-row;
    }

.table_left, .table_right, .table_middle {
display: table-cell;
padding: 5px;
vertical-align: top;
    }

.medium {
    font-size: 0.9em!important;
}	


/* Image caption classes */
.imgleft, .imgright {padding: 2px !important; margin: 10px !important; position: relative;} 
.imgcenter	{margin-right: auto; margin-left: auto; text-align: center; } 
.imgcenter p {text-align: center;} 
div.imgleft.capt1, div.imgright.capt1, div.imgcenter.capt1 { padding-bottom: 1.5em!important; }
div.imgleft.capt2, div.imgright.capt2, div.imgcenter.capt2 { padding-bottom: 2.5em!important; }
div.imgleft.capt3, div.imgright.capt3, div.imgcenter.capt3 { padding-bottom: 3.5em!important; }
div.imgleft.capt4, div.imgright.capt4, div.imgcenter.capt4 { padding-bottom: 4.5em!important; }
div.imgleft.capt5, div.imgright.capt5, div.imgcenter.capt5 { padding-bottom: 5.5em!important; }
div.imgleft.capt6, div.imgright.capt6, div.imgcenter.capt6 { padding-bottom: 6.5em!important; }
div.imgleft.capt7, div.imgright.capt7, div.imgcenter.capt7 { padding-bottom: 7.5em!important; }
div.imgleft.capt8, div.imgright.capt8, div.imgcenter.capt8 { padding-bottom: 8.5em!important; }
div.imgleft.capt9, div.imgright.capt9, div.imgcenter.capt9 { padding-bottom: 9.5em!important; }
div.imgleft.capt10, div.imgright.capt10, div.imgcenter.capt10 { padding-bottom: 10.5em!important; }
div.imgleft.capt11, div.imgright.capt11, div.imgcenter.capt11 { padding-bottom: 11.5em!important; }
div.imgleft.capt11, div.imgright.capt12, div.imgcenter.capt12 { padding-bottom: 12.5em!important; }

figure {
    display: table;
    width: 1px; /* This can be any width, so long as it's narrower than any image */
	padding-bottom: 10px!important;
}

#pagecontents img, figcaption {
    display: table-row;
}

.border_rt {
	border-right: 2px double black!important;
}


html body#hepcontent.multimodal_networks div#wrapper div#pagecontents h3 {border-bottom: 1px solid #713320; font-size: 1.3em;}


.network_actions
{
    list-style: disc none;
}

.network_actions .icon_cb
{
    list-style-image: url('/environment/bicycle_pedestrian/publications/strategic_agenda/images/capacity_building.png');
}

.network_actions .icon_research
{
    list-style-image: url('/environment/bicycle_pedestrian/publications/strategic_agenda/images/research.png');
}

.network_actions .icon_data
{
    list-style-image: url('/environment/bicycle_pedestrian/publications/strategic_agenda/images/data.png');
}

.network_actions .icon_policy
{
    list-style-image: url('/environment/bicycle_pedestrian/publications/strategic_agenda/images/policy.png');
}

.linomargin { 
margin-left: -10px;
font-size: 11px;
}
.lismallmargin { 
margin-left: -5px;
}
.txtright {
	text-align: right;
}
.greybg2 {
background-color: #ededed !important;	
}

.ltgreen_bg {
    background-color: #d6e1d1 !important;
    color: #000;
}

.border_bottom2 {
	border-bottom: 2px solid #000;
}

#subnavigation p.nobg {
	position: relative;
	background: none!important;
}

.thumbnail {
	width: 90px;
}

.img75 {
	width: 75%!important;
}
.sbl_cover {
width: 332px;
height: 430px;
}

figcaption { 
font-size: .8rem;
}

div.contactmap img { margin: 5px; }
section.mapcard {
	width: 75%;
	border-radius: 5px;
	background-color: #eee;
	padding: 0.5em;
	margin-bottom: 1em;
	}
}
.maphead {
	padding-top: 5px;
	width: 90%;
	margin: 5px 0 0 0;

	}

.maptop {
	float: right;
	margin: 5px 0;
	border: none;
	}
.contacttbl {
	width: 90%;
	border-collapse: separate;
	margin: 0 5px 15px 5px;
	}
.contacttbl th { text-align: center; }
.contacttbl th span.small { font-size: .9em; }
.contacttbl th.row {
	font-weight: normal;
	text-align: left;
	border: 1px solid #cca;
	margin: 0;
	padding: 5px 8px;
	width: 35%;
	}
.contacttbl td {
	margin: 0;
	padding: 5px 8px;
	border: 1px solid #cca;
	background-color: #fff;
	}
	
@keyframes pulse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

section:target { 
	border: 2px solid #000;
	animation: pulse 2s 1;
}


/* expand-collapse */
div#pgcontainer h3 { margin-top: 0.1em; padding-bottom: 0.4em; }
div#pgcontainer { width: 55%; }
p.expandall, p.collapsall { margin-left: 0.1em!important; font-size: 0.9em }
div#pgcontainer table.tight th { padding: 3px 6px; }
div#pgcontainer div.pgsection h2
, div#pgcontainer div.pgsection h3.pgexpand
, div#pgcontainer div.pgsection h3.pgcollapse
, div#pgcontainer h3.pgsub
, div#pgcontainer h3.subcollapse
, div#pgcontainer div.pgsection div.pgcontain h3 {
	font-size: 105%;
}
.atiip_trisk {
	width: auto;
	height: 50px;
}
section.tar h3 {
	display: inline-block;
	padding:  0.25em;
	background-color: #eee;
	width: 98%;
	}
section.tar h4 {
	padding-top: 0.5em;
	border-top: 1px solid #999;
}
section.tar h3 + h4 {
	border-top: none!important;
}