BODY,TABLE { font: 12px verdana,arial,sans-serif; }
BODY { text-align: center; }
#container { text-align: left; margin: 0 auto;}
TR { VERTICAL-ALIGN: top }
H1, H2, H3, H4, H5, H6 { font-family: arial,verdana,sans-serif; }
H1 { FONT-size: 18px; COLOR: #fa0 }
H2 { color: #fa0; font-family: arial; }
H2.black{color:#000000; font-weight:bold; font-size: 18px; }
H3 { font-size: 14px; }
H4 { font-size: 12px; margin-bottom: 0; padding-bottom: 0; }
UL, LI { background-image: none; }


#navbar { BACKGROUND: url(images/banner-safetyplan.gif) no-repeat left top; HEIGHT: 150px }
#navbar UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg-navbar.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 109px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 28px }
#navbar LI { DISPLAY: inline }
#navbar A { display: block; width: 50px; height: 20px;  float: left; TEXT-INDENT: -9999px; text-decoration: none; }


#navbar_home { BACKGROUND: url(images/banner.jpg) no-repeat left top;  HEIGHT: 150px; }
#navbar_home UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 109px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 28px }
#navbar_home LI { DISPLAY: inline }
#navbar_home A { display: block; width: 50px; height: 20px;  float: left; TEXT-INDENT: -9999px; text-decoration: none; }


#nav-home A { margin-right: 200px; }
#nav-press A { width: 100px; }
#nav-map A { width: 68px; }
#nav-links A { width: 50px; }
#nav-aashto A { width: 68px; }
#nav-nchrp A { width: 60px; }
#nav-contact A { width: 98px;}

#nav-home A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat 0px -29px }
#nav-press A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -250px -29px }
#nav-map A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -350px -29px }
#nav-links A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -418px -29px }
#nav-aashto A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -468px -29px }
#nav-nchrp A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -536px -29px }
#nav-contact A:hover { BACKGROUND: url(images/bg-navbar.gif) #999 no-repeat -596px -29px }

#left { PADDING-RIGHT: 5px; width: 175px; }
#content { padding: 8px; }
/* has to be a class because ID attribute is taken by .net */
.right
{
	width: 150px;
	padding: 10px 5px 0 5px;
	font-size: 11px;
	background: #ff4 url(images/mountains-left.gif) no-repeat left top;
	text-align: center;
}

#footer { PADDING-RIGHT: 4px; BORDER-TOP: #999 1px dotted; PADDING-LEFT: 4px; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; COLOR: #558; PADDING-TOP: 4px; TEXT-ALIGN: center }
#footer A { FONT-WEIGHT: bold; COLOR: #558; TEXT-DECORATION: none }
#footer A:hover { COLOR: #336 }

#search { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/mountains-left.gif) #efefdf no-repeat left top; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: center }
H3.search { COLOR: #fff; BACKGROUND-COLOR: #336 }

#leftnav { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px solid white; BACKGROUND: #efefdf; }
#leftnav H3 { COLOR: #fff; BACKGROUND-COLOR: #855 }
#leftnav UL { padding: 0; margin: 0; list-style: none; }
#leftnav LI { BORDER-BOTTOM: #aaa 1px dotted }
#leftnav A { PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; COLOR: #000; PADDING-TOP: 1px; FONT-FAMILY: arial,sans-serif; TEXT-DECORATION: none }
#leftnav A:hover { COLOR: #700; BACKGROUND-COLOR: #dfdfcf }
#leftnav A.selected { COLOR: #700; BACKGROUND-COLOR: #dfdfcf }
#leftnav A.sub { PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; COLOR: #444; PADDING-TOP: 0px }
#leftnav A.sub:before { content: "> " }

#affiliates { padding: 3px 3px 20px 3px; font: bold 9px verdana; background: #999 url(images/mountains-right.gif) no-repeat 100% 0; color: #ddd;}

.stats { FONT: bold 18px arial,sans-serif; COLOR: black }
.stats-small { font: bold 12px arial,sans-serif; color: red; }
.whats-new { FONT: bold 18px arial,sans-serif; COLOR: orange }
.home-stories { padding: 0; list-style: none; font-size: 10px }
.home-stories { margin-left: 0; margin-bottom: 5px; }
.indent { margin-left: 30px; }

.lifelines { float: left; width: 160px; margin: 0 20px 10px 0; text-align: center; font-weight: bold; }
.lifelines IMG { margin-top: 5px; border-width: 1px; border-color: #99a; }
.lifelines IMG:hover { border-color: #336; }


.box {
	padding-left: 10px;
	margin: 0;
	font: bold 11px arial,sans-serif;
	text-transform: uppercase;
	text-align: left;
	background: transparent url(images/mountains-right.gif) no-repeat right top;
}
.doublespace { LINE-HEIGHT: 200% }
.bold { FONT-WEIGHT: bold }

.error { color: Red; display: block; border: 1px solid red; padding: 8px; }