body { margin:0; padding:0; background-color:#e0d5b8; font-family: georgia, 'times new roman', serif; color:#333; }
/* background:#fff url(images/page_bg.gif) repeat 0 0; */

html, body { height:100%; }

#page { width:900px; margin:0 auto; padding:0 0 7px; background:#fff url(images/page_btm_border.gif) repeat-x left bottom; border-left:1px solid #F5F1E0; border-right:1px solid #F5F1E0; }

a, a:visited, a.active { color:#406B86; text-decoration:none; border-bottom:1px solid #7F9CAE; }
a:hover { color:#00395E; text-decoration:none; border-bottom:1px solid #00395E; }


a.noline:link, a.noline:active, a.noline:visited { border-bottom:0; }
a.noline:hover { text-decoration:none; border-bottom:0; }

/* top nav 'on' state style rules - set via the id of the body tag */
body#welcome a:link#welcome,  
body#welcome a:visited#welcome, 
body#welcome a:active#welcome { color: #fff; font-weight:bold; }

body#services a:link#service,  
body#services a:visited#service, 
body#services a:active#service { color: #fff; font-weight:bold; }

body#mission a:link#our-mission,  
body#mission a:visited#our-mission, 
body#mission a:active#our-mission { color: #fff; font-weight:bold; }

body#aboutus a:link#about,  
body#aboutus a:visited#about, 
body#aboutus a:active#about { color: #fff; font-weight:bold; }

body#ourwork a:link#work,  
body#ourwork a:visited#work, 
body#ourwork a:active#work { color: #fff; font-weight:bold; }

body#contactus a:link#contact,  
body#contactus a:visited#contact, 
body#contactus a:active#contact { color: #fff; font-weight:bold; }


H1, H2, H3, H4, H5, H6 { margin:0; font-family: Georgia, "Times New Roman", Times, serif; }

p { }
ul { margin-left:10px; padding-left:10px; }
hr { height:2px; border-top:2px solid #E7DCBF;  }
	 
.hide { display:none; }

#header {
  height:83px;	
  background-image: url(images/top_bg.gif);
}


#nav {
  width:100%;
  height:24px;
  padding-top:0px;
  text-align:right;
  background-image: url(images/nav_bg.gif);
  background-color:#00395E;
}
#nav a:link, #nav a:visited,  #nav a:active {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  color:#cde;
  text-decoration:none;
  padding:0px;
  border-bottom:0px solid #fff;
}
#nav a:hover {
  color:#fff;
  border-bottom:0px solid #fff;
}


.layoutTable { width:100%; border-bottom:1px solid #E8DDCA; }

#leftcol { vertical-align:top; width:73px; padding:0; background-color:#E7DCC0; background-repeat: no-repeat; }

#welcome #leftcol { background:#666 url(images/pictures/left_sky.jpg) no-repeat 0 0; }
		
#midcol {
	vertical-align:top; 
	background-color:#F5F1E0;
	border-left:1px solid #fff;
	padding:15px 40px 15px 20px; 
	color:#333;
	font-size:15px;	
	font-weight:normal;
}

#midcol p, #midcol td, #midcol li { font-size:15px; line-height:150%; margin-top:0px; margin-bottom:8px; margin-bottom:16px;  } 
#midcol p.intro, #midcol p.intro { margin-top:0px; margin-bottom:8px; font-size:13px; line-height:155% } 
#midcol blockquote { font-size:11px; } 
#midcol li { margin-bottom:12px; list-style: square; } 
#midcol strong { font-weight:bold; }

#midcol ol li { list-style-type: decimal; }

#midcol ul.anchors { margin:20px 0; padding:0; list-style-type:none; }
#midcol ul.anchors li { margin:0; line-height:normal; list-style:none; background:url(images/icon_anchor.gif) no-repeat 0 8px; padding:0 0 8px 15px; }

#midcol p.backLink { text-align:right; padding:0; margin:0; font-size:11px; }
td#rightcol p.backLink { display:none; }

#midcol h1 {
  color:#976F33;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: normal;
  line-height:135%;
  margin-bottom:0px;
  padding-bottom:0px;
}
#midcol h1.intro {
  color:#976F33;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height:120%;
  margin-bottom: 11px;
  padding-bottom: 4px;
  background: url(images/dotline.gif) repeat-x left bottom;
  
/*
  background-repeat: repeat-x; 
  background-position: 40px 25px;
  height:30px;
*/
}
#midcol h2.intro {
  color:#976F33;
  font-size:17px;
  font-weight:normal;
  font-style:italic;
  margin:14px 0px 8px 0px;
  padding-bottom:8px;
}
#midcol h2 {
  color:#976F33;
  font-size:17px;
  font-weight:normal;
  font-style:italic;
  margin:0;
  padding-top:10px;
  padding-bottom:8px;
}

#midcol h2.subHeader { margin:0; padding:0; color:#966; font-variant: small-caps; font-style:normal; font-family: Georgia, "Times New Roman", Times, serif; }

#midcol h3 {
  color:#976F33;
  font-size:17px;
  font-weight:normal;
  padding-top:18px;
  padding-bottom:8px;
}
#midcol h4 {
  color:#555;
  line-height: 150%;
  font-size:17px;
  margin-bottom:18px;
  margin-top:6px;
  font-weight:normal;
}
#midcol h4.intro {
  color:#333333;
  line-height: 150%;
  font-size:16px;
  margin-bottom:12px;
  margin-top:6px;
  font-weight:normal;
}
#midcol h4 a {
  color:#976F33;
}
#midcol h5 {
  color:#555;
  margin-top:12px;
  margin-bottom:0px;
  font-size:14px;
}
#midcol h6 {
  color:#666666;
  font-size:11px;
}

#threecollinks  td  { padding-right:12px; font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:11px;
  line-height: 130%;
  font-weight:normal;
  margin-bottom:0px;
  margin-top:6px; 
}
#threecollinks a { font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; }

#relatedlinks  { padding-right:20px;  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:11px;
  line-height: 130%;
  font-weight:normal;
  margin-bottom:0px;
  margin-top:6px; 
}
#relatedlinks a { font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; }

#relatedlinks p { margin-top:0px; margin-bottom:8px; width:75%; font-size:11px; } 

#rightcol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#555;
  font-size:11px;
  line-height: 135%;
  font-weight:normal;
  padding:15px;
  vertical-align:top;
  width:250px;
  background-color:#E7DCBF;
}

#aboutus #rightcol, 
.story #rightcol { width:210px; }

.story #rightcol { background-color:#F5F1E0; padding:0; }


#rightcol p, #rightcol td {
  margin-top:5px;
  font-size:11px;
}

#rightcol a:link, 
#rightcol a:visited, 
#rightcol a:active { font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; line-height:140%; }

td#rightcol h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#00395E;
  font-size:15px;
  line-height: 130%;
  font-weight:normal;
  font-style:italic;
  margin-bottom:8px;
  margin-top:5px;
  padding:0 0 4px 0;
  background:url(images/fadeline.gif) repeat-x left bottom;
}

td#rightcol h2 a {
	display:block; 
	float:right;
	whitespace:no-wrap;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size:10px;
	border-bottom:0;
	padding-top:4px;
	font-style:normal;
	
}

td#rightcol h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:11px;
  line-height: 130%;
  font-weight:normal;
  font-style:normal;
  margin:0px;
  padding-bottom:0px;
}

td#rightcol h3.projectHdr {
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#976F33;
  font-size:14px;
  font-weight:bold;
  margin-top:12px;
  padding-bottom:8px;
}

td#rightcol h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color:#555;
  line-height: 170%;
  font-size:12px;
  font-weight:normal;
}

td#rightcol h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:11px;
  line-height: 130%;
  font-weight:normal;
  margin:0px;
}

.aboutLinks p { padding:4px; }


#people-list h2 { padding-bottom:15px; }

.crew-member { padding:0 0 20px; }

#midcol .crew-member .bio h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#660000;
	font-weight:bold;
	font-size:12px;
	background-color: transparent;
	margin:0;
	padding:0;
}
#midcol .crew-member .bio h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	padding:0 0 6px;
	margin:0;
}

#midcol .crew-member .bio p {
	color:#000;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	margin:0; 
}
      
.crew-member .photo { float:left; width: 120px; padding-top:5px; }
.crew-member .bio { float:right; width:380px; }
.crew-member .photo img { border:1px solid #999; }






/* project blocks */
td#midcol div.projectblock, td#rightcol div.projectblock { clear:both; margin:0 0 3px 0; padding:4px 2px 2px 4px; font-size:11px;  }
td#midcol div.projectblock h5, td#rightcol div.projectblock h5  { font-family:georgia; font-size:11px; margin:0px 0px 2px 0px; line-height:140%; }
td#midcol div.projectblock a, td#rightcol div.projectblock a  { font-weight:bold; }
td#midcol div.projectblock p, td#rightcol div.projectblock p { font-family:Verdana; font-size:11px; line-height:125%; }
td#midcol div.projectblock img, td#rightcol div.projectblock img  { float:left; margin:0px 10px 2px 0px; padding:2px 4px 4px 2px; background-image: url(images/bg_img.gif); }

/* story blocks */
td#midcol div.storyblock, td#rightcol div.storyblock { clear:both; margin:0px; padding:0px 0px 12px 0px; font-size:11px; font-family:Verdana; line-height:140%; }
td#midcol div.storyblock a, td#rightcol div.storyblock a  { font-weight:bold; font-family:georgia; font-size:11px; margin:0px 0px 2px 0px; }
td#midcol div.storyblock p, td#rightcol div.storyblock p { font-size:11px; line-height:145%; }

/* project blocks */
div.serviceblock { clear:both; margin:0px; padding:4px 3px 2px 3px; font-size:11px; margin:0 0 3px 0; }
div.serviceblock h5  { font-family:georgia; font-size:11px; margin:0px 0px 1px 0px; line-height:135%; }
div.serviceblock a  { font-weight:bold; }
div.serviceblock p { font-family:verdana; font-size:10px; line-height:115%; margin-bottom:0; }
div.serviceblock img  { float:left; margin:0px 10px 2px 0px; padding:2px 4px 2px 2px; background-image: url(images/bg_img.gif); }

p.rightNav { padding:4px; }

/* slideshow container */
div#slideshowContainer { border:1px solid #E3DFBA; padding:5px 5px 0px 5px; margin:6px 0px 14px 0px; width:420px; }
div#slideshowCaption { font-family:Verdana; font-size:11px; color:#666; width:330px; margin:5px 0px 5px 0px; padding:0px; }
div#slideshowControls { width:60px; height:20px; margin:4px 0px 0px 0px; padding:0px; float:right; }
div#slideshowControls img { float:left; padding:0; margin:0; cursor:pointer; }

div#loading { position:relative; top:0px; left:0px; overflow:hidden; height:180px; width:420px; text-align:center; padding-top:100px; color:#777; font-size:11px; }

/* slides */
div.slideshow { position:relative; top:0px; left:0px; overflow:hidden; height:280px; width:420px; }
/* this class is for the slides. the following are required: position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:(#xxxxxx); z-index:0; filter:alpha(opacity=100); */
div.slideshow div { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#EFE9D0; z-index:0; filter:alpha(opacity=100); }
/* slide photo alignment */
div.slideshow div.right { text-align:center; }
div.slideshow div.center { text-align:center; }
/* slide photo background colors */
div.slideshow div.red { background-color:#EFE9D0; }
div.slideshow div.blue { background-color:#EFE9D0; }
div.slideshow div.green { background-color:#EFE9D0; }
div.slideshow div.white { background-color:#EFE9D0; }


/* footer */
div#footer { clear:both; padding:30px 0 0; color:#B8AE94; font-family:Verdana; font-size:11px; }


/* home page styles */

a:link#story,
a:visited#story,
a:active#story  { color: #eef3fc; border-bottom:0px solid #fff; }	  
a:hover#story { color: #fff; text-decoration:none; border-bottom:1px solid #a2bcdc; }

div#content { padding:10px 0 0 20px; width:460px; }

.homeNavBlock { float:left; width:145px; margin:0 13px 0 -3px; background:url(images/bg_home_box_top.gif) no-repeat 0 0; padding:3px 0 0; }
.homeNavBlock#homeBlockCrew { margin-right:0; }
.homeNavBlock .inner { background:url(images/bg_home_box_btm.gif) no-repeat left bottom; padding:2px 5px 5px; }

.homeNavBlock a:link,
.homeNavBlock a:visited  { display:block; background:url(images/bg_home_nav.gif) no-repeat right top; text-decoration:none; text-transform:uppercase; font-size:10px; border:1px solid #b9c9d3; color:#4f7790; padding:1px; }
.homeNavBlock a:hover,
.homeNavBlock a:active { border-color:#66899f; color:#144b6e; }

.homeNavBlock a img { float:left; }
.homeNavBlock a span { float:right; padding:22px 0 0 5px; height:36px; width:63px; border:1px solid #dce4e9; }

td#feature { vertical-align:top; width:250px; height:328px; padding:0; color:#fff; font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:140%; background-color:#EFE9D0; border-left:1px solid #fefefe; }

a.awardLink:link,
a.awardLink:visited { display:block; margin:10px; padding:5px; border:0; }
a.awardLink:active,
a.awardLink:hover { background-color:#504A45; }

#homeSlideCaption p, #homeNews p { margin:0; padding:0 0 5px 8px; font-size:11px; line-height:140%; color:#666; }	
#homeNews p { padding:0; }

#homeNews { padding:50px 8px 0; }
#homeNews h2 { font-family: Georgia, "Times New Roman", Times, serif; color:#00395E; font-size:13px; line-height: 130%; font-weight:normal; font-style:italic; padding:0 0 4px 0; margin:0 0 8px; background:url(images/fadeline.gif) repeat-x left bottom; }


/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */		
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */