/* this is for the default layout */

/* import the global sheet, included in style for each layout */

/* @import url(global.css); */

body {
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  margin: 0px;
  padding: 10px;
  background: #fff;
  font-size: 12pt;
}

#inset_body {
  background: #fff;
  /* this is the gray background 421U pantone for below the nav bar on the left */
  /* and a green background for below the floated main_sub */
  /* width is 205px for the gray and 175px for the green, need to change the image if we change either the width */
  /* of the gray (205) or the green column (175px) */
  /* made a 1 px high, 205+175px wide image */
  background-image: url(../images/background.gif);
  background-repeat: repeat-y;
}

h1, h2, h3, h4, h5, h6 {
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  color: #000;
  margin-top: 0;
}

/* h4 is used as a heading in section1 */
h4 {
  color: #888942;
  margin-bottom: 2px;
}

/* used in heading for about us */
h2 {
  font-size: 12pt;
  font-weight: bold;
}

/* used in sub headings in About Us */
.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

/* p's have margins by default that move divs down take out the top so when a P is at the top of a div it does move it down*/
/* as margins extend outside of an element */
p {
  margin-top: 0;
}

a {
  color: #888942;
  text-decoration: underline;
}

a:hover {
  color: #abadb0;
}

#header {
  position: relative;
  top: 0px;
  left: 0px;
	border-bottom: 1px solid #abadb0;
	padding-bottom: 10px;
	margin: 0;
	background: #fff;
	text-align: left;
}

.logo {
  padding: 0px;
  position: relative;
  top: 0px;
  left: 0px;
}

/* ie mac 5 did not like this, added text-align to #header instead
.logo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px;
}
*/

#below_header {
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

#left {
	position: absolute;
	width: 205px;
	top: 0px;
	left: 0px;
	margin: 0;
}

/* for the under the nav bar in the left column */
/* to hold the design image */
#nav_image_container {
	/* background: #abadb0; 421U Gray  for background around design image*/
	background: #fff;
	text-align: center; /* center the left_image */
	border-right: 1px solid #fff;
}

/* for the image under the nav bar */
.nav_image {
  padding-top: 40px;
  padding-bottom: 40px;
}

#main {
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
/*	padding: 1px 10px 10px 10px; */
	margin: 0;
	margin-left: 205px;
}

#main_layout {
/* ie6 floats bug fixed http://www.positioniseverything.net/explorer/escape-floats.html */
/* Hides from IE-mac \*/
  height: 1%;
/* End hide from IE-mac */
  position: relative;
  /* background: #fff; */
  /* This is here because we need to not just make the background 582U green cause in ie6, because
  we set the height of this element to 1%, the background bleeds from main_sub across to section1. So put in
  a background that is 175px wide, the width of main_sub. If we change the width of main_sub, change the
  width of this gif */
  /*
  background-image: url(../images/background582U.gif);
  background-repeat: repeat-y;
  */
}

#main_sub {
  float: left;
  top: 0px;
  left: 125px;
  width: 175px;
  height: 400px;
	padding: 0px;
	background: #888942;
	text-align: center;
}

.project_list {
	font-weight: bold;
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  font-size: 16px;
  color: #fff;
}
.project_list_location {
  font-size: 14px;
}
.project_list_current {
	font-weight: bold;
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  font-size: 16px;
	color: #abadb0; /* 421U Gray */
}

.project_list a {
  color: #fff;
  text-decoration: none;
}

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

.project_list a span {
  color: #fff;
  text-decoration: none;
}

.project_list a:hover span {
  color: #fff;
  text-decoration: underline;
}

#bystrom_outer {
  /* border:1px solid black; */
  border-collapse: collapse;
  padding:0;
  margin:0;
}

#bystrom_left_inner {
  /* border:1px solid black; */
  width:420px; /* moves the right inner to the right */
}

#bystrom_right_inner {
  /* border:1px solid black; */
}

.bystrom_outer_td {
  padding: 0px;
}

.bystrom_left_inner_td1 {
  padding-bottom: 10px;
}
.bystrom_left_inner_td2 {
  padding-top: 10px;
}
.bystrom_right_inner_td2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bystrom_image {
  padding:0px;
  margin:0;
}

#boland_outer {
  /* border:1px solid black; */
  border-collapse: collapse;
  padding:0;
  margin:0;
}

.boland_photo_td {
  /* border:1px solid black; */
  vertical-align:bottom;
  padding-right:20px;
}

.boland_text_td {
  /* border:1px solid red; */
  padding-bottom:20px;
}

/* This is in case we want to position individual images absolutely, we can utilize this containing block */
#project_images {
  position: relative;
  top: 0px;
  left: 0px;
}

.project_image1 {
  margin: 0;
  padding: 0;
}

#section1 {
  top: 0px;
  left: 0px;
  padding: 20px;
  margin: 0;
	margin-left: 175px;
	background: #fff;
}

#home_main_div {
  text-align: center;
	background: #888942;
}

.sub_heading {
  padding: 10px;
  text-align: center;
	text-decoration: none;
	font-weight: bold;
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  font-size: 20px;
  color: #fff;
	background: #888942;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

.main_sub_img {
  padding-top: 30px;
  padding-bottom: 10px;
}

/* put text align: center in #main_sub
.main_sub_img {
  display: block;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 10px;
}
*/

#nav_parent {
	background: #eee;
	width: 100%;
	margin: 0 auto;
}
#nav_parent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav_parent li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#nav_parent a {
	display: block;
	text-decoration: none;
	font-weight: bold;
  font-family: TT Century Gothic, Century Gothic, Times New Roman, Times, serif; 
  font-size: 20px;
  color: #fff;
	padding: 5px 15px;
	background: #888942;
}
#nav_parent a:hover {
	color: #fff; 
	background: #c8d167;
}
#nav_parent .current a {
	background: #888942;
	padding-bottom: 5px;
	color: #abadb0; /* 421U Gray */
}
.clear_float {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/* Page specific stuff, maybe move into page? */

.contact_grid {
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.contact_grid_left{
  width: 150px;
  text-align: left;
}

.contact_grid_right{
  text-align: left;
  color: #888942;
}

#footer {
  padding: 5px 0px;
  clear: both;
  text-align: center;
  clear: both;
  width: 100%;
  background: #abadb0;
	/* border-top: 1px solid #fff; */
}

.footer_txt {
  font-size: 10pt;
  padding: 0px;
  /* padding-left: 162px; */
  margin: 0px;
  vertical-align: middle;
}

.centered_div {
  text-align: center; 
  padding-bottom: 10px;
  margin: 0;
}