/* ------------------------------------------------------------------ */
/* GLOBAL ELEMENTS -------------------------------------------------- */
/* ------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	}
#container {
	width: 700px;
	margin: 10px auto;
	}
#breadcrumbs {
	min-height: 6px;
	padding-left: 20px;
	background: url(../images/content_bg_top.gif) no-repeat;
	font-size: 0.8em;
	}
#content {
	width: 680px;
	padding: 10px 0 10px 14px;
	border-left: 6px solid #ccc;
	}
#footer {
	padding-top: 30px;
	background: url(../images/content_bg_bottom.gif) no-repeat;
	text-align: center;
	}


/* ------------------------------------------------------------------ */
/* HEADER AND NAV ELEMENTS ------------------------------------------ */
/* ------------------------------------------------------------------ */
#header {
	margin-bottom: 10px;
	}
#skiplinks {
	margin-bottom: 3px;
	text-align: right;
	font-size: 0.8em;
	}
#navresources {
	width: 510px;
	height: 78px;
	background-image: url("../images/nav_resources_bg.jpg");
	float: left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	}
/*/*/ /*/ 
#navresources {
	margin-bottom: 0;
	}
/* */
#navresources table {
	margin: 8px 8px 8px 12px;
	}
#searchbox {
	font-size: 10px; 
	width: 170px;
/*	height: 1em; */
	}
#searchbutton {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	}
#navtools {
	width: 177px;
	height: 78px;
	background-image:  url("../images/nav_tools_bg.gif");
	margin-left: 520px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	}
/*/*/ /*/ 
#navtools {
	margin-left: 0;
	margin-bottom: 0;
	}
/* */
#navtools table {
	margin: 8px 8px 8px 12px;
	}
form {
	display: inline;
	}


/* ------------------------------------------------------------------ */
/* PAGE CONTENTS BOX ------------------------------------------------ */
/* ------------------------------------------------------------------ */
#pagecontentlist {
	background: #DFDFDF;
	float: right;
	width: 180px;
	padding: 8px;
	margin: 0 0 1em 1.5em;
	font-size: 0.9em;
	}
/*/*/ /*/ 
#pagecontentlist {
	float: none;
	}
/* */
#pagecontentlist ul {
	margin: 0 0 0 1.2em;
	padding: 0;
	list-style-type: square;
	}
#pagecontentlist ol {
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	}
#pagecontentlist ul li {
	margin-bottom: 0.1em;
	}


/* ------------------------------------------------------------------ */
/* TEXT ------------------------------------------------------------- */
/* ------------------------------------------------------------------ */
table { /* makes sure font shows up correctly in IE5 */
	font-size: 1em;
	}
p {
	margin-top: 0;
	line-height: 1.6;
	}
h1, h2, h3, h4, h5 {
	font-family: Transit-Normal, "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
h1 {
	margin: 0 0 0.5em 0;
	color: #db2404;
	font-size: 1.8em;
	}
h2 {
	font-size: 1.4em;
	margin: 1.5em 0 0.2em 0;
	}
h3 {
	font-size: 1.2em;
	margin-bottom: 0;
	}
h4 {
	font-size: 1.1em;
	margin: 0.2em 0;
	}
h5 {
	font-size: 1.0em;
	margin-top: 0.5em 0 0.2em 0;
	}
h5 a {
	color: #000;
	text-decoration: none;
	}
h5 a:hover {
	text-decoration: underline;
	}
a {
	color: #db2404;
	}
caption {
	font-weight: bold;
	}
	

/* ------------------------------------------------------------------ */
/* LISTS ------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
li, dd {
	line-height: 1.6;
	}
ul {
	list-style: square;
	}
dt {
	font-weight: bold;
	margin-top: 10px;
	}
dd {
	font-weight: normal;
	}
ul.page-controls {
	margin: 0 0 0.5em 0;
	padding: 0;
	}
ul.page-controls li {
	display: inline;
	margin: 0;
	margin-right: 1.0em;
	padding: 0;
	}
ul.bibliography {
	list-style: none;
	}
ul.bibliography li {
	margin-bottom: 1.0em;
	text-indent: -2.0em;
	}


/* ------------------------------------------------------------------ */
/* IMAGES ----------------------------------------------------------- */
/* ------------------------------------------------------------------ */

img {
	border: 0 none;
	text-decoration: none;
	}
.imagecontainer {
	font-size: 0.8em; 
	text-align: center;
	}
.rightimage, body#casestudy .imagecontainer {
	clear: right;
	float: right; 
	margin: 4px 0px 6px 10px;
	}
.leftimage  {
	clear: left;
	float: left;  
	margin: 4px 10px 6px 0px;
	}
.horizontal {
	width: 258px;
	}
.vertical {
	width: 208px;
	}
.imagecontainer img {
	border: 1px solid #CCC;
	padding: 3px;
	margin-bottom: 4px;
	}
body#casestudy .imagecontainer {
	width: 208px;
	}
.largeimage {
	margin: 1em 0;
	font-size: 0.75em; 
	}


/* ------------------------------------------------------------------ */
/* CONTAINING FLOATS ------------------------------------------------ */
/* ------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
.clearfix {
	display: inline-block; /* Fixes MacIE */
	}
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide */

.clear { /* used on random elements that need to clear floated images in the text, etc. */
	clear: both;
	}


/* ------------------------------------------------------------------ */
/* HOME PAGE -------------------------------------------------------- */
/* ------------------------------------------------------------------ */

#resources, #tools {
	width: 320px;
	margin-bottom: 20px;
	background: #F2F2F2 url(../images/home_box_bg.jpg) no-repeat;
	}
#resources {
	float: left;
	}
#tools {
	float: right;
	}
#resources h2, #tools h2 {
	margin: 0;
	padding: 30px 15px 0 15px;
	color: #db2404;
	}
#resources p, #tools p {
	margin: 0;
	padding: 15px;
	}
#credits {
	clear: both;
	margin: 0 auto;
	text-align: center;
	}
#credits h2 {
	margin: 0;
	}
#credits img {
	display: block;
	margin: 8px auto 0 auto;
	}
#browsers {
	clear: both;
	padding-top: 10px;
	text-align: center;
	}


/* ------------------------------------------------------------------ */
/* SITE MAP --------------------------------------------------------- */
/* ------------------------------------------------------------------ */

#sitemap-resources, #sitemap-tools {
	float: left;
	width: 310px;
	}

/* ------------------------------------------------------------------ */
/* MATRICES --------------------------------------------------------- */
/* ------------------------------------------------------------------ */

#matrices {
	margin: 20px auto 0 auto;
	width: 560px;
	}
#matrices a {
	float: left;
	width: 250px;
	margin-right: 30px;
	}
#matrix-selection {
	float: left;
	width: 400px;
	}
#matrix-selection dt {
	font-weight: normal;
	}
#matrix-selection dd {
	margin: 0;
	color: #db2404;
	}
#matrix-selection h2, #matrix-result h2 {
	margin: 0 0 .4em 0;
	font-size: 1.2em;
	}
#matrix-result {
	margin-left: 420px;
	}
#matrix-objective-table {
	clear: both;
	}


/* ------------------------------------------------------------------ */
/* SELECTION TOOL --------------------------------------------------- */
/* ------------------------------------------------------------------ */

#step1, #step2, #step3 {
	margin-bottom: 2em;
	padding-left: 40px;
	}
#step1 {
	background: url(../images/selection-tool_step1.gif) no-repeat;
	}
#step2 {
	background: url(../images/selection-tool_step2.gif) no-repeat;
	}
#step3 {
	background: url(../images/selection-tool_step3.gif) no-repeat;
	}
#start-button {
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	}
#location-form label {
	display: block;
	}
#statusbox {
	background: #F2F2F2 url(../images/statusbox_bg.gif) repeat-x;
	float: right;
	width: 200px;
	padding: 15px 10px;
	margin: 0 0 4px 8px;
	}
#statusbox h3 {
	margin-top: 0;
	}
#statusbox ul {
	margin: 4px;
	padding: 4px;
	list-style: none;
	}
#statusbox hr {
	height: 1px;
	color: #999;
	background-color: #999;
	}
#statusbox dt {
	font-weight: normal;
	}
#statusbox dl dl {
	float: left;
	margin: 0 0 1em .8em;
	}
#statusbox dd dt {
	clear: left;
	float: left;
	margin: 0 .2em .2em 0;
	}
#statusbox dd dd {
	float: left;
	}
#statusbox dd {
	margin: 0;
	color: #db2404;
	font-weight: bold;
	}
fieldset {
	margin: 0;
	border: 1px solid #ccc;
	}
legend {
	font: bold 1.2em Transit-Normal, "Arial Narrow", Arial, Helvetica, sans-serif;
	}
#choose-objective {
	float: left;
	width: 200px;
	}
#choose-crash {
	float: left;
	width: 200px;
	margin-left: 20px;
	}
#choose-objective ul, #choose-crash ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#choose-objective li, #choose-crash li {
	clear: left;
	margin-bottom: .5em;
	}
#choose-objective input, #choose-crash input {
	float: left;
	}
#choose-objective label, #choose-crash label {
	display: block;
	margin-left: 25px;
	}
#questions-col1 {
	float: left;
	width: 200px;
	}
#questions-col2 {
	margin-left: 230px;
	}
#questions-col1 p, #questions-col2 p {
	margin: 0;
	}
#questions-col1 ul, #questions-col2 ul {
	margin: 0 0 1.2em 0;
	padding: 0;
	list-style: none;
	}


/* ------------------------------------------------------------------ */
/* COUNTERMEASURES -------------------------------------------------- */
/* ------------------------------------------------------------------ */

#countermeasure-sidebar {
	float: right;
	width: 178px;
	}
#countermeasure-sidebar ul {
	margin: 0 0 10px 0;
	padding: 10px 0;
	border-top: 1px solid #db2404;
	border-bottom: 1px solid #db2404;
	list-style: none;
	}
#countermeasure-sidebar li {
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../images/link-bullet.gif) no-repeat 0% 50%;
	}
#countermeasure-content {
	margin-right: 200px;
	}
#countermeasure-content ul {
	list-style: square;
	}
#countermeasure-content h2 {
	padding: .2em;
	background: #db2404;
	color: #fff;
	font-size: 1.2em;
	}


/* ------------------------------------------------------------------ */
/* CASE STUDIES  ---------------------------------------------------- */
/* ------------------------------------------------------------------ */

#casestudies-all {
	float: left;
	width: 360px;
	}
#casestudies-all ul {
	margin: 0 0 0 20px;
	padding: 0;
	}
#casestudies-all li {
	margin: 0;
	padding: 0;
	}
#casestudies-grouped {
	float: right;
	width: 270px;
	}
#casestudies-list {
	list-style: none;
	}
#casestudies-list li {
	padding-left: 18px;
	background: url(../images/doc.gif) no-repeat 0% 50%;
	}
body#casestudy {
	margin: 10px 20px;
	}
#casestudyheader {
	background: #dfdfdf;
	padding: 10px;
	}
.casestudylocation, .casestudynumber {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.2em 0 0.8em 0;
	}
/* not being used
.casestudynumber {
	float: right;
	width: 12em;
	text-align: right;
	} */
.casestudyprep {
	font-style: italic;
	margin: 0.8em 0 0 0;
	}
.sidebar {
	clear: right;
	float: right;
	width: 200px;
	margin: 0 0 1em 1em;
	padding: 12px;
	background: #DFDFDF;
	}
body#casestudy table {
	clear: both;
	border-collapse: collapse;
	}
body#casestudy td, body#casestudy th {
	border: 1px solid #ccc;
	padding: .3em;
	vertical-align: top;
	}
body#casestudy th {
	vertical-align: bottom;
	}
body#casestudy td ul, body#casestudy td li {
	margin: 0;
	padding: 0;
	list-style: none;
	}


/* ------------------------------------------------------------------ */
/* CRASH TYPES PAGE  ------------------------------------------------ */
/* ------------------------------------------------------------------ */
.crashtype {
	clear: right;
	}
.crashtypeinfo {
	clear: right;
	margin-left: 20px;
	}
.crashtypeinfo ol {
	margin: 0 0 1.0em 1.0em;
	padding: 0 0 1.0em 1.0em;
	list-style-type: lower-alpha;
	}
.crashtypeillustration {
	clear: right;
	float: right;
	margin: 4px 0px 6px 10px;
	border: 1px solid #ccc;
	}