@import url('scripts/images.css');
body { 
  background-color: #001a62;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px; 
  margin: 0; 
}

a, a:link, a:active {
  outline: none;
  color: #004774;
}
a:visited {
  color: #687c89;
}
a:hover {
  color: #ffb000;
}

hr {border:0;width:500px;color:#ccc;background-color:#ccc;height:1px;margin:0;padding:0}

img {border: 0;}
object.l, img.l {float: left; margin: 0 10px 10px 0;}
a img.l {border:2px solid #fff;}
a:hover img.l {border:2px solid #687c89;}
p.breadcrumb {color: #003881; font-size: 12px; padding-top: 12px;}
p.breadcrumb span {color: #0d0155; font-weight: bold;}

.clear
{
  font-size: 1px; line-height: 0; height: 0; clear: both;
}

h3 {
  color: #0d0155;
  font-size: 16px;
  font-weight: bold;
}

h3 span {
  font-size:60%;
  margin-left:130px;
}

em {color: #687c89;font-size: 10px; font-style: italic;}

strong em {
	color: #4d4d4d;
	font-size: 13px;
}

.address em {color:#687c89;font-size:1em}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
img.arrow {
  float:left;
  padding-right: 10px;
}
/***********************************
* Header                           *
***********************************/

#header{ 
  background: #005b8c url(images/header_bg.gif) repeat-x;
  height: 173px;
  margin: 0;
  padding: 0;
}

#header div.wrapper {
  width: 736px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
}

#logo {
  float: left;
  width: 269px;
  height: 154px;
  background: url(images/logo.gif) bottom no-repeat;
  overflow: hidden;
  text-indent: -5000px;
  margin: 0 0 0 0;
  padding: 0;
}

ul.header {
  margin: 0 auto;
  padding: 0 0 0 15px;
  float: left;
  height: 63px;
  text-transform: uppercase;
  text-align: right;
}

ul.header li.h3 {
  display: block;
  font-size: 14px;
  float: left;
  padding-top: 10px;
  margin: 0;
  width: 111px;
}

ul.header li.h3b {
  display: block;
  border-right: 1px dotted #fff;
  border-left: 1px dotted #fff;
  font-size: 14px;
  float: left;
  padding: 10px 12px 0 12px;
  margin: 0 12px 0 12px;
  width: 127px;
}

ul.header li.h3c {
  display: block;
  font-size: 14px;
  float: left;
  padding-top: 10px;
  width: 157px;
}

ul.header li.h3 span {
  font-size: 28px;
  float: left;
  width: 111px;
}
ul.header li.h3b span {
  font-size: 28px;
  float: left;
  width: 127px;
}
ul.header li.h3c span {
  font-size: 28px;
  float: left;
  width: 157px;
}

#locationbx {
  width: 200px;
  height: 89px;
  float: right;
  background: url(images/location_bx.gif) no-repeat;
  padding: 5px 10px 0 0;
  text-align: right;
  margin: 15px 0 0 0;
}
#locationbx h2, #locationbx p {
  padding: 0;
  margin: 0;
}

/***********************************
* TopNav                           *
***********************************/

#top { 
  width:100%;
  background:#da9701 url(images/nav_bg.gif) repeat-x; 
  height:34px;
}

#top div.wrapper {
  width: 658px;
  margin: 0 auto;
  text-align: center;
}

ul#nav {
  height: 2.4em;
  list-style: none;
  margin: 0;
  padding: 1px 0 0 0;
}

ul#nav li {
  float: left;
  margin: 0;
}

ul#nav a {
  background: #fff url(images/tabs.gif);
  color: #004d87;
  display: block;
  float: left;
  height: 2.4em;
  font-size: 11px;
  font-weight: bold;
  padding-left: 21px;
  text-decoration: none;
}

#home .nav-home a, #projects .nav-projects a, #safety .nav-safety a, #news .nav-news a, #employment .nav-employment a, #about .nav-about a, #contact .nav-contact a{
  background-color: #da9701;
  background-position: 0 -27px;
  color: #fff;
}

#home .nav-home span, #projects .nav-projects span, #safety .nav-safety span, #news .nav-news span, #employment .nav-employment span, #about .nav-about span, #contact .nav-contact span {
  background-position: 100% -27px;
}

ul#nav a:hover {
  background-color: #da9701;
  background-position: 0 -54px;
  color: #fff;
}

ul#nav a:hover span {
  background-position: 100% -54px;
}

ul#nav span {
    background: url(images/tabs.gif) 100% 0;
    display: block;
    line-height: 2.4em;
    padding-right: 21px;
}

/***********************************
* Center                           *
***********************************/

#center { 
  background: #fff url(images/center_bg.gif) top repeat-x;
  border-top: 1px solid #878787;
}

#center div.wrapper {
  width: 735px;
  margin: 0 auto;
  font-size: 13px;
  color: #4d4d4d;
  line-height: 18px;
  overflow: auto;
}

#main_content h1 {
  font-size: 25px;
  color: #0d0155;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: bold;
  margin: 0;
}
#main_content h1 span {
  font-size: 13px;
  font-weight: normal;
  clear: left;
  display: block;
}

#main_content {
  width: 500px;
  padding: 15px 0 25px 16px;
  float: left;
}

#main_content ul.pdf {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.address {
	float:left;	
	width: 215px;
	margin-right:15px;
	font-size: 12px;
}
div.address span {
	clear: both;
	float: left;
}

#sidebar {
  width: 209px;
  margin: 15px 0 0 10px;
  padding: 0 0 25px 0;
  float: left;
}

#sidebar ul, #sidebar li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#sidebar h3 {
  margin: 0;
}

#quicklinks li {
  padding-bottom: 19px;
}

#quicklinks li a span {
  display: none;
}

#contactinfo {padding-top:1.5em;clear:both}

#contactinfo p {margin:15px 0 15px 0}

/***********************************
* Footer                           *
***********************************/

#footer { 
  clear:both;
  background:#001a62 url(images/footer_bg.gif) repeat-x;
  height:100px;
  color: #fff;
  font-size: 12px;
}

#footer div.wrapper { 
  width: 736px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#footer a, #footer a:link, #footer a:active {
  color: #fff;
}
#footer a:visited {
  color: #c0c0c0;
}

#footer a:hover {
  color: #eabb3b;
}

ul.footer {
  margin: 0;
  padding: 22px 0 24px 0;
}
ul.footer li {
  display: inline;
}
#footer div.wrapper p {font-size: 11px; margin: 0; padding-bottom: 25px;}