body {
background: url(../images/global/header_bg_50th-anniv.gif) repeat-x;
background-color: #af9e70;
  old_background-color: #3282b5;
font-family: Georgia, Times New Roman, Times;
font-size: 12px;
margin: 0px;
text-align: center;
}


img {
border: none;
}

a {
color: #a2580f;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#container {
background: url(../images/global/background.gif) repeat-y;

width: 790px;
margin: 0px auto;
text-align: left;
}



#holder {
background-color: #af9e70;
width: 100%;
clear: left;

}

#footer, #header {
width: 790px;
margin: 0px auto;
text-align: left;
}

#footer {
width: 790px;
}

#footer img {
float: left; 
}


#header h1 {
margin-left: 12px;
width: 673px;
height: 75px; 
background: url(../images/global/logo_50th-anniv.gif) no-repeat;
}

#header h1 a {
width: 320px;
display: block;
}

#header h1 a:hover {
text-decoration: none;
}

#header h1 a span {
visibility: hidden;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: -14px;
width: 790px;
}


#nav a {
	display: block;
	font-weight: normal;
	text-decoration: none;
}

#nav li a {
color: #883501;
font-size: 11px;
text-align: center;
text-transform: uppercase;
}

#nav li ul li a {
color: #883501;
font-size: 10px;
text-align: center;
text-transform: none;
}

#subnav a.active, #nav a.active {
color: white;
}

#nav a:hover {
	color: white;
}

#nav li {
float: left;
	background-color: #e3b931;
	padding-bottom: 5px;
	padding-top: 5px;
}

#nav1, #nav1 ul li {
width: 50px;
padding-left: 10px;
}

#nav2, #nav2 ul li {
width: 90px;
}

#nav3, #nav3 ul li {
width: 110px;
}

#nav4, #nav4 ul li {
width: 85px;
}

#nav5, #nav5 ul li {
width: 50px;
}

#nav6, #nav6 ul li {
width: 95px;
}

#nav7, #nav7 ul li {
width: 95px;
}

#nav8, #nav8 ul li {
width: 135px;
}

#nav8 {
background: url(../images/global/arrow.gif) 92% 53% no-repeat;
}

#nav li ul {
position: absolute;
width: 134px;
left: -999em;
}

#nav li:hover ul {
left: auto;
padding-top: 1px;
margin-top: 4px;
margin-left: 0px;
}

#nav li:hover, #nav li.sfhover {
background-color: #039;
}

#nav li:hover a, #nav li.sfhover a{
color: white;
}


#nav li:hover ul, #nav li.sfhover ul {
left: auto;
margin-top: 4px;
margin-left: 0px;

}

#nav li li a {
	font-weight: normal;
	color: #c30;
padding: 3px 0 3px 0;
}

#nav li li a:hover .sfhover {
	display: inline;
	font-weight: normal;
	color: #8f3800;
}

#sidebar {
clear: left;
float: left;
width: 204px;
}



#sidebar h2 {
color: white;
font-weight: normal;
font-size: 17px;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
margin-top: -3px;
}

#sidebar h2 a {
color: white;
}

#sidebar h2 a:hover {
color: #a2580f;
text-decoration: none;
}

#sidebar h2.ChooseJBH {
background: #039;
}
#sidebar h2.Capabilities {
background: #cc7a14;
}
#sidebar h2.Projects {
background: #327fb7;
}
#sidebar h2.News {
background: #e5b932;
}
#sidebar h2.Safety {
background: #ac6432;
}
#sidebar h2.ContactJBH {
background: #bd9221;
}

h1 {
font-size: 14px;
color: #039;
text-transform: uppercase;
}

h2 {
font-size: 12px;
margin-bottom: -.5em;
color: #039;
font-weight: normal;
}

.other_table td {
vertical-align: top;
border: 1px solid black;
width: 33%;
padding: 3px;
text-align: left;
}


.other_table td.none {
border: none;
}

.other_table {
margin-top: 1em;
}

h3 {
color: white;
background: #3282b5;
padding: 5px;
font-size: 13px;
}


.table {
text-align: center;
border: 1px solid black;
border-collapse: collapse
}

.table td {
border: 1px solid black;
padding:  3px;
}

.table h1, .table h2, .table h3 {
font-size: 12px;
margin: 0px; 
padding: 0px;
}

.table h1 {
background: black;
color: white;
padding: 3px;
}

.table h2 {
color: black;
font-weight: bold;
}

.table h3 {
text-decoration: underline;
background: none;
color: black;
}

#subnav {
list-style: none;
text-align: right;
text-transform: uppercase;
width: 150px;
}

#subnav li {
padding-top: 8px;
}



#subnav a:hover {
color: white;
text-decoration: none;
}

#content {
text-align: left;
width: 460px;
margin-left: 234px;
padding-bottom: 10px;
padding-top: 30px;
}

#content ul li a {
font-weight: bold;
}

#content ul {
list-style: none;
margin-left: -20px;
}

#content ul li {
background: url(../images/global/bullet.gif) no-repeat 0% 30%;
padding-left: 12px;
padding-bottom: 8px;
}

#content ul li.two {
background: url(../images/global/bullet.gif) no-repeat 0% 15%;
}

#content ul li.three {
background: url(../images/global/bullet.gif) no-repeat 0% 8%;
}

#content ul li.four {
background: url(../images/global/bullet.gif) no-repeat 0% 7%;
}

#content ul li.five {
background: url(../images/global/bullet.gif) no-repeat 0% 5%;
}


.right {
float: right;
padding-left: 20px;
padding-bottom: 10px;
}

.right_float {
float: right;
padding-left: 10px;
width: 200px; 
margin-top: -1em
}


.left {
float: left;
padding-right: 10px;
}


#mid {
background-color: #039;
clear: both;
height: 20px;
text-align: center;
}

#orange {
width: 790px;
margin: 0px auto;
text-align: left;
}

#try {
float: left;
background-color: #cc7a16;
height: 20px;
width: 204px;

}

#footer {

margin-top: 30px;
height: 60px;
}

#footer p {
color: white;
font-size: 11px;
text-align: right;
margin-top: -10px;
padding-top: 10px;
margin-bottom: -10px;
}

#footer p a {
color: #e1b933;
text-decoration: none;
}

#footer p a:hover {
text-decoration: underline;
}

#timeline {
width: 8800px;
}

#timeholder {
width: 480px;
height: 235px;
overflow: auto;
}

#timeline p {
width: 200px;
float: left;
text-align: left;
}


.on, .off {
float: left;
margin-top: 50px;
}

.on h2, .off h2 {
font-weight: bold;
margin-top: 1em;
}

.one_time img, .two_time img, .three_time img, .four_time img {
float: left;
padding-right: 5px;
}

.four_time {
background: #cc7a14;
}

.three_time {
background: #327fb7;
color: white;
}
.two_time {
background: #bd9221;
}
.one_time {
background: #039;
color: white;
}

.one_time, .two_time, .three_time, .four_time {
height: 120px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}


#oughts {
background: url(../images/timeline/oughts.gif) repeat-x;
float: left;}

#nineties {
background: url(../images/timeline/nineties.gif) repeat-x;
float: left;}

#eighties {
background: url(../images/timeline/eighties.gif) repeat-x;
float: left;}

#seventies {
background: url(../images/timeline/seventies.gif) repeat-x;
float: left;}

#sixties {
background: url(../images/timeline/sixties.gif) repeat-x;
float: left;}

#fifties {
background: url(../images/timeline/fifties.gif) repeat-x;
float: left;}

#timeline, #timeholder, .on, .off {
padding-bottom: 0px;
}

.form label {
	font-weight: bold;
	display: block;
}

.form input, .form textarea {
	text-align: left;
	width: 200px;
	display: block;
}

.form textarea {
margin-bottom: 10px;
}