/*reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; 
	color: #000;
	font-size: .8em;
	line-height: 1.4em;
	min-width: 700px; /* Critical Safari fix! */
	background: #ffd200 url(/she/safety/ibrakefortrains/graphics/body_back.gif) no-repeat center 0;
}
#sizer, #expander, #wrapper {}
#head {display: none;}
ul { list-style: none; list-style-image: none;}

/*lists*/
ol {padding-left: 27px}
ol li, ul li ol li {list-style-type: decimal; background-image: none; text-indent: 0; padding-left: 0; margin: 0 0 3px 0}
ol li ul, ul li ol {margin-top: 6px !important;}
ol li ul li, ul li ol li {padding: 0 0 0 9px; text-indent: 0; margin-bottom: 3px; font-size: .9em}
ul {
	margin: 3px 0 4px 0;
	text-indent: 0 !important;
}
ol li {padding: 0 !important}
ul li {
	list-style-type: none;
	list-style-image: none !important;
	background-image: url(/graphics/uprr/site_wide/2009/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 0 0 0 7px;
	margin: 0 0 3px 0;
}

ul li ul {margin-top: 1px; margin-bottom: 1px !important}
ul li ul li {margin-bottom: 1px}
ol {margin: 1px 0 2px 12px;}
dl { margin: 1px 0 2px; text-indent: 0 !important;}
dt {font-weight: bold;}
dd { padding-left: 6px; margin: 0 0 1px 0;}
ol li {margin: 0 0 1px 0;}
/**/
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {font-weight: bold}
em {font-style: italic}
.small { font-size: .9em}
.hide {display: none}
/*reset end*/
#mainContainer {position: relative; width: 100%; text-align: center;}
#contentContainer, #brand {width: 672px; display: block;}

#contentContainer {position: relative; width: 712px; margin: 159px auto 0; background: #FFF4be url(/she/safety/ibrakefortrains/graphics/content_top.gif) no-repeat 0 0; text-align: center}
h1#header {display: none}
#content {position: relative; margin-top: 0; padding: 25px; width: 662px; background: transparent url(/she/safety/ibrakefortrains/graphics/content_bottom.gif) no-repeat 0 bottom}
#sidebar {float: right; width: 284px}
.insetContainer {margin: 0 0 20px 20px; padding-top: 20px; width: 264px; background: transparent url(/she/safety/ibrakefortrains/graphics/inset_top.png) no-repeat right 0}
.inset {position: relative; margin-top: 0; padding: 0 20px 20px; width: 224px; background: #FFF url(/she/safety/ibrakefortrains/graphics/inset_bottom.gif) no-repeat right bottom}
.inset object {margin-bottom: 12px}
.resources {position: relative; margin: 0 0 20px 20px; width: 264px}
.resources h5 {font-size: 1em; margin: 0 0 6px}
#brand {position: relative; margin: 20px auto; width: 532px; margin: 36px auto}
a#oli {float: left; display: block; padding: 0; background: transparent url(/she/safety/ibrakefortrains/graphics/oli_link.gif) no-repeat 0 0; width: 126px}
#brand a {text-indent: -9000px; height: 50px; margin: 0 12px}
#brand a:link, #brand a:visited {border: solid 1px #ffd200}
#brand a:hover, #brand a:active {border: solid 1px #C00}
a#up {float: left; display: block; padding: 3px; background: transparent url(/she/safety/ibrakefortrains/graphics/up_link.gif) no-repeat center 3px; width: 164px}
a#upCares {float: left; display: block; background: transparent url(/she/safety/ibrakefortrains/graphics/up_cares_logo.gif) no-repeat 0 0; width: 149px}
#content, .inset {text-align: left}
h1, h2, h3, h4, h5 {font-weight: bold}
h2, h3 {line-height: 130%}
h2 {font-size: 1.8em; margin-bottom: 12px}
h3 {margin: 6px 0; font-size: 1.3em}
.inset h4 { margin: 0 0 6px; font-size: 1.3em; color: #993A00; text-align: center}
.nowrap {white-space: nowrap}
p {margin: 0 0 9px; padding: 0}
.center {text-align: center}
.inset p {margin: 6px 0 3px}
a {text-decoration: none; font-weight: bold}
a:link, a:visited {color: #039; border-bottom: solid 1px #ECAC00}
a:hover, a:active {color: #CC0000; border-bottom: solid 1px #C00}
#intro {font-weight: bold}
a#quiz_btn {display: block !important; margin: 12px auto 0; width: 190px !important; height: 34px; text-indent: -9000px; text-align: center}
a#quiz_btn:link, a#quiz_btn:visited {background: transparent url(/she/safety/ibrakefortrains/graphics/button_quiz.gif) no-repeat 0 0; border-bottom: 0}
a#quiz_btn:hover, a#quiz_btn:active {background: transparent url(/she/safety/ibrakefortrains/graphics/button_quiz.gif) no-repeat -190px 0; border-bottom: 0}
li span.subtext {font-size: .8em; display: block; margin: 0}
a#shark, a#golf {display: block; margin: 12px auto; width: 225px; height: 55px; text-indent: -9000px; text-align: center; border: 0}
a#shark:link, a#shark:visited {background: url(/she/safety/ibrakefortrains/graphics/shark_btn.gif ) no-repeat 0 0}
a#shark:hover, a#shark:hover {background: url(/she/safety/ibrakefortrains/graphics/shark_btn.gif ) no-repeat -225px 0}
a#golf:link, a#golf:visited {background: url(/she/safety/ibrakefortrains/graphics/golf_btn.gif ) no-repeat 0 0}
a#golf:hover, a#golf:hover {background: url(/she/safety/ibrakefortrains/graphics/golf_btn.gif ) no-repeat -225px 0}

