a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #00f; background-color: transparent; }
a:visited { color: #609; background-color: transparent; }
h1, h2, h3, h4, h5, h6 {
    margin: 5px 0;
    padding: 5px 0;
    color: #397248;  
	background-color: transparent;
}
h1 {color: #05302E;  background-color: transparent;}
#header, #wrapper, #contacts,  .relateditem, .relateditem p.relatedtitle { border-color: #333; }
#wrapper { background-image: url(/planning/health_in_transportation/images/subnavbg.png); }
#header { border-bottom: 1px solid #000; background: #94DBA3 url(/planning/health_in_transportation/images/bannerbg.png) top right no-repeat; }
#header #pageheading { margin: 0; color: #fff;  background-color: transparent;}
#header #pageheading img { color: #fff;  background-color: transparent;}
#navigation { background: none; } 
 
#navigation a:hover, #navigation a.current { background: #999 url(/images/hep/bg_nav.png) repeat-x center; }

#contacts, #related .relateditem {
    background-color: #fefefe; color: inherit;
}
#contacts p.contacttitle, #related .relateditem p.relatedtitle { 
	border-bottom: 1px solid #176313;
	color: #fff;
	background-color: #176313;
}
.docnav ul li a, .docnav ul li a.index { 
    border-color: #3F9939!important; 
    text-decoration: none; 
    text-align: center; 
}
.docnav ul li a.current, .docnav ul li a:hover { 
    border-color: #3F9939!important; 
    color: #fff;
    background-color: #3F9939!important;  
    text-decoration: none; 
}
#col1 {float: left; width: 48%; padding-right: 3px; margin-right: 3px;} #col2 {float:right; width:48%;}
div#pagecontents div.relateditem h3 {
	text-align: left;
	}
div.hidetext {
	position: absolute;
	top: -999px;
	left: -999px;	
}

.white {color: #fff;}

h4 a, h4 a:hover, h5 a, h5 a:hover {text-decoration: none!important; color: #397248;}
h3 {
	color: #10353D; 
	border-bottom: 1px solid #10353D; 
	font-size: 90%; 
	}
h3.noline {
	border: none;
	}
h3 a,  h3 a:hover  {text-decoration: none!important; color: #10353D;}
table.datatable tr td ul {padding-left: -12px; margin-left: -12px;}
.boxright50  {
	border: 1px solid #000;
	width: 50%;
	margin: 2px;
	padding: 5px;
	background-color: #fffbf2;
	float: right;
	}

/* Framework styles */
div.fwwrapper {
	width: 95%;
}
div.fwiconheader {
	width: 100%;
	background-color: #004c6c;
	font-size: 160%;
	padding: 1em 0;
	color: #fff;
}
div.fwiconheader p {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.fwiconbox {
	display: table;
	width: 100%;
	background-color: #B3E6FB;
	border-collapse: separate;
	border-spacing: 1em;
	padding: 0;
	margin: 0 0 1em 0;
}
div.fwiconbox2 {
	display: table;
	width: 90%;
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 1em;
	padding: 0;
	margin: 0 auto 1em auto;
}
div.fwiconbox2 div.fwicon {
	border: 5px solid #B3E6FB;
}
div.fwicon {
	display: table-cell;
	valign: bottom;
	background-color: #004c6c;
	color: #fff;
	text-align: center;
	padding: 0.5em 0 0 0;
}
div.fwicon1 { /* single icon */
	position: relative;
	display: inline-block;
	valign: bottom;
	background-color: #004c6c;
	color: #fff;
	text-align: center;
	padding: 1em;
	float: right;
	margin: 0 1em 1em 1em;
	overflow: hidden;
	width: auto;
}
div.fwicon figure,
div.fwicon1 figure {
	text-align: center;
	margin: 0 auto;
	padding: 0 1em 0 0;
}
div.fwicon figure figcaption {
	margin: 0;
	padding: 0;
}
div.fwicon1 figure figcaption {
 	position: absolute;
	top: 0.2rem;
	left: 0.4em;
	right: 0.7em;
}
div.fwicon img {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div.fwicon1 img {
	margin: 4rem auto 0 auto;
	padding: 0 0.75rem;
	text-align: center;
}
/* @media only screen 
and (max-width : 1100px) and (min-width: 950px) {
div.fwiconbox,
div.fwiconbox2 {
	border-spacing: 0.5em;
	}
} */
@media only screen 
and (max-width : 1100px) {
div.fwwrapper,
div.fwiconbox2 {
	width: 70%;
}
div.fwiconheader {
	font-size: 140%
}
div.fwiconbox,
div.fwiconbox2  {
	text-align: center	
}
div.fwiconbox div.fwicon,
div.fwiconbox2 div.fwicon {
	display: inline-block;
	margin: 0.5em;
	height: 12em;
	padding: 0.2em;
	}
}

section#examples {
	width: 90%;
	margin: 0 auto;
	}
section#examples h2 {
	margin-left: 0;
	padding-left: 1rem;
}
section#examples p {
	margin: 0;
	padding: 0 0 0 1rem;
	}
section#examples div.cswrap {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1rem;
}
section#examples .cswrap figure {
	display: table-cell;
	vertical-align: bottom;
	overflow: hidden;
	border: 2px solid #000;
	height: 100%;
	width: 20%;
	padding: 0;
}
section#examples figure:hover {
	opacity: 0.75;
}
section#examples figure a:focus {
	outline: none;
	border: 4px dotted #eee;
	opacity: 1;
}
section#examples figure figcaption {
	display: inline-block;
	width: 96%;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #333;
	margin: 0 auto;
	padding: 5px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;  
}
section#examples figure a {
	display: block;
	height: 10em;
	width: 95%;
	border: 4px solid #fff;
	margin: 0 auto;
	opacity: 0;
	overflow: hidden;
}