* /*Sets border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}
body, html {
color: #4f4f4f;
font-family: Arial, Verdana, Tahoma, sans-serif;
background: #fff url(img/bg1.gif) top center repeat-y;
text-align: center;
height: 100%;
width:100%;
min-width:1000px;
}
body {
font-size: 12px;
}
p {padding: 3px 0 3px 0;}

a:link, a:visited {
color: #3f8397;
text-decoration: underline;
}
a:hover{
color: #5a9cb0;
text-decoration: none;
}

.hidden { visibility: hidden;}

h1, h2, h3 {
font-weight: bold;
}

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.5em;
color: #13728e;
margin:6px 0 2px 0;
}

h3 {
font-size: 1.4em;
margin:6px 0 6px 0;
}

h4 {
color:#ccc;
font-size:1.3em;
}

h1 a, #header h2{
color: #fff;
}

ul, ol {
#	margin: 0 0 10px 0;
}

li {
font-size: 12px;
}	

ul {
list-style: square outside none;
padding: 10px 0 0 15px;
margin: 0 0 0 5px;
}
	
.clear { clear: both; }

#mainContainer {
width: 100%;
min-width:950px;
margin: 0 auto;
background: transparent url(img/header_bg1.gif) top center repeat-x;
min-height: 100%;
text-align: left;
}
* html #mainContainer {
height: 100%;
}

#mainContainer.secondary {
width: 100%;
min-width:950px;
margin: 0 auto;
background: transparent url(img/header_bg2.gif) top center repeat-x;
min-height: 100%;
text-align: left;
}
* html #mainContainer.secondary {
height: 100%;
}

/**************************
HEADER
**************************/
#header {
height: 486px;
width: 950px;
margin: 0 auto;
position: relative;
background: transparent url(img/header_bg1.gif) top center repeat-x;
}

#header.secondary {
height: 316px;
width: 950px;
margin: 0 auto;
position: relative;
background: transparent url() top center repeat-x;
}

#header h1 {
	width: 258px; height: 88px; margin:0 0 0 20px; padding: 0; background: transparent url("img/logo.gif") top left no-repeat; text-indent: -10000px; font-size: 9px;
	float: left;
}
#header h1 a {
	width: 258px; height: 88px; display: block;
}

#header h2 {
	width: 216px; height: 23px; margin:58px 15px 0 0; padding: 0; background: transparent url("img/slogan.gif") top left no-repeat; text-indent: -10000px; font-size: 9px;
	float: right;
}
#header h2 a {
	width: 216px; height: 23px; display: block;
}

#menubox {
position: absolute;
height: 36px;
width:931px;
padding:0 0 0 19px;
top: 100px;
left: 0;
border-bottom:4px solid #006b81;
z-index: 100;
}

#intro {
position:absolute;
bottom:0;
left:0;
width: 950px;
height: 335px;
background-color: #006b81;
border-bottom: #cdd6dd 11px solid;
}

#spacer {
width: 950px;
height: 25px;
margin-top:15px;
background-color: #006b81;
}

#subheader {
position:absolute;
bottom:0;
left:0;
width: 950px;
height: 165px;
border-bottom: #cdd6dd 11px solid;
}

#about-page #subheader { background: #006b81 url("img/subheader_about.jpg") top center no-repeat; }
#awards-page #subheader { background: #006b81 url("img/subheader_awards.jpg") top center no-repeat; }
#environment-page #subheader { background: #006b81 url("img/subheader_environment.jpg") top center no-repeat; }
#herald-page #subheader { background: #006b81 url("img/subheader_herald.jpg") top center no-repeat; }
#projects-page #subheader { background: #006b81 url("img/subheader_projects.jpg") top center no-repeat; }
#divisions-page #subheader { background: #006b81 url("img/subheader_divisions.jpg") top center no-repeat; }
#bridges-page #subheader { background: #006b81 url("img/subheader_bridges.jpg") top center no-repeat; }
#railroads-page #subheader { background: #006b81 url("img/subheader_railroads.jpg") top center no-repeat; }
#railroadvideo-page #subheader { background: #006b81 url("img/subheader_railroadvideo.jpg") top center no-repeat; }
#ezbridge-page #subheader { background: #006b81 url("img/subheader_ezbridge.jpg") top center no-repeat; }
#careers-page #subheader { background: #006b81 url("img/subheader_careers.jpg") top center no-repeat; }
#contact-page #subheader { background: #006b81 url("img/subheader_contact.jpg") top center no-repeat; }
#news-page #subheader { background: #006b81 url("img/subheader_news.jpg") top center no-repeat; }

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
width: 950px;
margin: 0 auto;
height: 100%;
padding: 0;
}
* html .outer {
padding-right: 0px;
}
.inner {
width: 950px;
margin: 0 auto;
padding-bottom: 106px;
}
* html .inner {
width: 950px;
}
.float-wrap {
float: left;
margin-left: -0px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

/* Breadcrumb trail */
#breadcrumbs {
width: 600px;
margin: -10px 0 15px -15px;
color: #333;
font-size:11px;
}

#breadcrumbs ul {
list-style-type: none;
margin:1px;
}

#breadcrumbs ul li {
display: inline;
font-size:11px;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited  {
color: #13728e;
text-decoration: none;
}

#breadcrumbs ul li a:hover {
text-decoration: underline;
}

#content {
float: left;
width: 631px;
font-size: 13px;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap{
padding: 15px 25px 10px 10px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 10px;
padding-right:20px;
}
.contentWrap li {
padding-bottom: 2px;
}

.highlight {
color: #006b81;
font-weight: bold;
}

.highlight a:link, .highlight a:visited{
text-decoration:none;
color:#006B81;
}

.highlight a:hover{
text-decoration:none;
color:#006B81;
}
	
#subheader_graphic h1{
	padding: 0px;
	margin:10px 0px 5px 10px;
	height:46px;
	width:400px;
	/* Default image. More defined below */
	background-image: url("");
	background-position: 0 0;
	background-repeat: no-repeat;
	}

html>body #subheader_graphic h1{
	width:400px;
	height: 46px;
	}

/* specify new images for different pages Look for different ids on body tag */
#Home #subheader_graphic h1{ width: 141px; height: 30px; margin: -25px 0px 10px 0px; background-image: url("img/subheader_welcome.gif"); }

form {
margin: 0;
padding:0;
}

form input {
margin:3px 0 3px 0;
}

form label {
font-weight:bold;
margin:3px 0 3px 0;
}

form label.required {
color:#006b81;
font-weight:bold;
}

.separator2 {
	margin: 13px auto 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px #d3dadd solid;
	width: 98%;
	clear:both;
}

.projectpreview {
width:280px;
height:215px;
float:left;
margin:10px 10px 20px 0;
border:3px #006b81 solid;
padding:0;
}

.projectpreviewtext {
clear:left;
width:272;
height:auto;
background-color:#006b81;
color:#fff;
font-size:11px;
padding:4px;
}

.projectphoto {
float:left;
margin:8px 8px 0px 0;
border:5px #006b81 solid;
padding:0;
}

.map {
float:right;
margin:0 0 15px 15px;
}
	
.float_left {
	float: left;
	padding-right: 5px;
	}
	
.dividerline {
	clear: left;
	width: 70%;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}	
	
.clearline {
	clear: left;
	width: 70%;
	height: 2px;
	}	
	
.photo_right {
	float: right;
	margin: 5px 0 15px 15px;
	border:5px solid #cdd6dd;
	}
	
.photo_left {
	float: left;
	margin: 5px 15px 15px 0;
	border:5px solid #cdd6dd;
	}
	
.column_photo {
	margin:5px 0 0 11px;
	border:5px solid #cdd6dd;
	}
	
.column_photo2 {
	margin:5px 0 0 -3px;
	border:5px solid #cdd6dd;
	}	
	
.dividerline2 {
	clear: both;
	width: 555px;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}
	
.link_arrow {
padding:0 0 0 5px;
margin:0;
}
	
/**************************
LEFT COLUMN
**************************/
#left {
float: left;
width: 0px;
background: transparent url("img/nav_bg.gif") top center no-repeat;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}
#left ul {
list-style: none;
padding-bottom: 1px;
}
#left li {
padding-bottom: 1px;
}
	
/*************************
RIGHT COLUMN
**************************/

/*style for IE*/		
* html #right {
width:312px;
	}
	
#right {
float: right;
width: 319px;
height: 100%;
background: transparent url("img/sidebox_bg.jpg") top center no-repeat;
color: #4f4f4f;
}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: 0px; /*** IE gets this margin. ***/
}
#right ul {
margin-left: 10px;
list-style: square;
padding-bottom: 10px;
}
#right li {
padding-bottom: 0px;
}

.sidephoto {
width: 215px;
height: 137px;
margin: 10px auto 0px auto;
border: 2px #d8cf8a solid;
}

.rightcontent {
padding: 5px 15px 20px 15px;
font-size:11px;
}

#right h4 {
color:#006b81;
font-size:1.5em;
margin:5px 0 2px 0;
}

#right h4 a:link, #right h4 a:visited {
color:#006b81;
text-decoration:none;
}

#right h5 {
font-weight:bold;
font-size:12px;
margin:3px 0 2px 0;
}

#right h5 a:link, #right h5 a:visited {
color:#006b81;
text-decoration:none;
}

#right h6 {
font-weight:bold;
font-size:12px;
}

.separator {
	margin: 13px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px #d3dadd solid;
	width: 100%;
	clear:left;
}

.thumbnail-ezb {
float:left;
border:3px #A1AEB6 solid;
margin:0 8px 8px 0;
}

#railroadphotos {
width:287px;
height:216px;
margin:5px 1px 0 11px;
border:5px solid #cdd6dd;
}

#environmentalphotos {
width:287px;
height:216px;
margin:5px 1px 0 11px;
border:5px solid #cdd6dd;
}

blockquote.pullquote-r {
float: right;
width: 180px;
margin: 10px 10px 20px 20px;
padding: 0;
font-size: 13px;
line-height:15px;
color: #13728e;
}


/**************************
FOOTER
**************************/
#footer {
width: 100%;
height: 106px;
margin: 0 auto;
margin-top: -95px;
background: #fff url("img/footer_bg1.gif") top center repeat-x;
color: #006b81;
font-family: Arial, Verdana, Tahoma, sans-serif;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { 
	color: #fff;
	text-decoration: none;
}

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

#fcontainer {
width: 950px;
height:95px;
margin: 0 auto;
background: transparent url("img/footer_stripe1.gif") top center repeat-x;
border-top:11px solid #cdd6dd;
color:#006b81;
font-size: 11px;
}

.links {
float:right;
margin: 15px 20px 0 0;
padding: 0;
}

.address {
float:left;
line-height:14px;
margin: 15px 0 0 15px;
padding: 0;
text-align: left;
color:#fff;
}

.copyright {
color:#cdd6dd;
}

#flogo {
position: absolute;
left: 11px;
top: 5px;
width: 110px;
height:87px;
background: transparent url("img/footer_logo.gif") top center no-repeat;
}