.boxfull  {overflow: hidden;}
#contacts {
	float: left;
	text-align: left;
	margin: 10px;
	border : 1px solid #5a5934;
	background-color : #F7F4EC;
	 color: #000;
}
#contacts p.contacttitle {
	background-color:#0667e5;
	display:block;
	color : #fff;
	font-size : .8em;
	font-weight : bold; 
	margin : 0;
	padding : 5px;
	text-align:center;
}

#contacts p {
	font-size : 70%;
	padding: 5px;
	white-space: normal;
	text-align: left;
	background: none;
}
#contacts p.subcontact {
	border-bottom: 1px solid #999;
}
div#contacts ol.contactlist li {
	margin: 0 0 5px 20px!important;  
	}	

div.contact {
	background-color:#ffffff;
	color: #000;
	font-size:1em;
	margin-left:4px;
}

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

div.contact a.link {
	background-color:inherit;
	color:#0066ff!important;
	text-decoration:underline!important;
	font-size:1.1em;
	padding-top:8px;
}

#content p ul, ol {
	text-align : left;
	margin : 2px 15px;
	padding : 0;
	font-size:90%;
	}

li {
	margin : 2px 15px;
}
li p { 
	font-size : 100% ; 
	margin : 0 0 5px 0;
}

#wrapper { 
	background-image : url(/environment/transportation_enhancements/images/bgsubnav_te.png); 
	}

#wrapper a {
	background-color:inherit;
color:#326598;
text-decoration:underline;
}

#wrapper a:visited {
	background-color:inherit;
color:#990099;
text-decoration:underline;
}


#header {
	background-color: #0667e5;
	color:#000;
	background-image : url(/environment/safe_routes_to_school/images/bannerbg.png);
	height: 100px;
	background-position: top right;
	background-repeat: no-repeat;
	margin-top:0;
	padding-top:0;
	/*border-bottom: solid 2px #cecdae*/
	}
	
#header #pageheading { 
	float: left;
	margin: 0;
	padding: 0;
}

#pageheading img {
	margin: 0;
	padding: 0;
}

#pagecontents a {
color:#0066ff;
background-color:inherit;
text-decoration:underline;
}

#pagecontents h1 {
color:#000066;
background-color:inherit;
font-size:1.5em;
}

#pagecontents h2 {
color:#006;
background-color:inherit;
font-size:1.3em;
}

#pagecontents h3 {
color:#00c;
background-color:inherit;
font-size:1.1em;
}

#pagecontents img {
border:none;
}

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

#subnavigation ul, #subnavigation li, #subnavigation li a, #subnavigation li a { 
	color : #000; /* font-color */
	background-color:inherit;
	text-decoration:none;
}
div#subnavigation div#localnav ul li.current ul li ul li a {  background-image:none!important; }
div#subnavigation div#localnav ul li ul li ul li {margin-left: 25px!important; display: list-item!important; list-style-type: disc!important; padding-left: 0!important; list-style-position: initial!important; border-top: 0;}
div#subnavigation div#localnav ul li ul li ul li a {margin-left: -15px!important; padding-left: 0;}
div#subnavigation div#localnav ul li.current ul li ul li ul li a {background-image:none!important; }
div#subnavigation div#localnav ul li ul li ul li ul li {margin-left: 25px!important; display: list-item; list-style-type: circle!important; padding-left: 0!important;  list-style-position: initial!important;}
div#subnavigation div#localnav ul li ul li ul li ul li a {margin-left: -15px!important; padding-left: 0;}
div.subnavintro {
background-color:#F7F4EC;
padding-top:4px;
padding-bottom:10px;
font-size:.8em;
text-align:center;
color:#000000;
}

	
/* containers within #related on the right of content */

#related_lg {
	width : 30%;
	float : right;
	margin : 0 10px;
}

#related_lg p.relatedtitle {
	background-color:#792424;
	display:block;
	color : #fff;
	font-size : 1.1em;
	font-weight : bold; 
	text-align:center;
}

.relateditem {
	border : 1px solid #5a5934;
	background-color : #F7F4EC;
	color:#000;
	white-space : normal;
	}

#related p.relatedtitle {
	background-color:#0667e5;
	display:block;
	color : #fff;
	font-size : 1.1em;
	font-weight : bold; 
	text-align:center;
}

.relateditem p {
	white-space : normal;
	font-size: .97em;
}

.important {
	font-size: 16px;
	background-color: #ffff00;
	color:#000;
	font-weight:bold;
}

.bar {
  border-bottom:4px solid #1E0A3D;
}

.header {
	margin-top:0px;
	margin-bottom:0px;
	color:#990000;
	background-color:inherit;
}

.allborder {
border: 1px solid black;
}
.datatable .small { 
font-family:Arial,Helvetica,sans-serif;
font-size: 11px;
}
.datatable .small-lb { 
font-family:Arial,Helvetica,sans-serif;
font-size: 11px; 
border-left: 2px solid black; 
}
.txtright { 
text-align:right;
} 

.lispace_top {
	margin-top:0px;
	margin-bottom:0px;
}
.ns {
	margin-top:-15px;
	margin-bottom:-15px; 
}

.alertbox {
	padding:5px;
	width:75%;
	border:1px solid black;
	margin:0 auto;
}
.alertbox_yellow {
	padding:5px;
	width:75%;
	border:1px solid black;
	margin:0 auto;
	background-color:#ffffee;
	color:#000;
}
.state {
	background-color: #ccc;
	color:#000;
	border-left: 2px solid #000;
	font-size:11px;
}

.width95 {
width:95%!important;
}
.revised {
font-size:.8em;
}

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

.border {
border:1px solid black;
}

.layouttable td {
	padding:5px;
}
.wideitem { /* used for items that have the potential to not fit within the wrapper at any supported resolution. */
	height: 100%!important;
	margin: 5px auto!important;
	padding: 5px!important;
	}
	
html body#hepcontent.safe_routes_to_school div#wrapper div#pagecontents div.boxfull div#related div.relateditem ul li {font-size: 115%;}

html body#hepcontent.safe_routes_to_school div#wrapper div#pagecontents div.boxfull div#related div.relateditem {background-color: #fff;} 


div#pagecontent {width: 50%!important; border: 5px solid red!important;}
div.popbox { 
	position: absolute; top: 0; right: 0; 
	border: 1px solid #000; 
	width: 20%; 
	margin: 0 auto 5px auto; 
	padding: 5px 10px; 
	background-color: #fffbf2; 
	color: #000;

	}