/* Generic elements.*/

body {
      font:100% verdana;
      color:grey;
	}
	

p {
      font-size:12px;
      text-align:left;
      font-family:sans-serif;
      line-height:130%;
      color:#555434;
		}
		
p.small {
      font-size:11px;
      font-family:sans-serif;
      line-height:130%;
      color:#555434;
	     }	
	
p.caption {
		font-size:11px;
		font-family:sans-serif;
		line-height:130%;
		color:#555434;
		padding-left:21px;
 }

ul.documents {
	padding-top:15px;
}

	     
p.quote {
      text-transform:uppercase;
      font-weight:bold;
      line-height:130%;
      font-size:72%;color:#676536;
      font-family: helvetica;
      padding-left:55px;
      padding-right:55px;
	     }
	
p.quote_small {
      text-transform:uppercase;
      font-weight:bold;
      line-height:90%;
      font-size:70%;
      color:#676536;
      font-family: helvetica;
      padding-left:55px;
      padding-right:55px;
      text-align:right;
}
		
h1 {
      font-size:85%;
      color:#fff;
      font-weight:normal;
      text-align:center;
	}

h2 {
      font-size:85%;
      color:#E86105;
      font-weight:bold;
      text-align:left;
	}

h2.recent_work_categories	{
	      font-size:95%;
	      color:#555434;
	      font-weight:bold;
	      text-align:left;
		}

h2.content {
      font-size:75%;
      color:#E86105;
      font-weight:bold;
      text-align:left;
	}

h2.address {
color:#6e6d3f;
font-size:80%;
text-align:left;
padding-top:12px;
}
	
h3 {
      font-size:65%;
      width: 90%;
      color:#E86105;
      font-weight:bold;
      text-align:left;
	}	
		
	
#left_sidebar h3 {
	padding-left:10px;
	}
	
	
hr.yellow {
      border: 0;
      width: 26%;
      background-color:#DADD58;
      color:#DADD58;
      height:6px;
	}
	
hr.orange {
      border: 0;
      width: 100%;
      background-color:#787746;
      height:2px;
	}
	
hr.green {
      border: 0;
      width: 216px;
      background-color:#787746;
      height:8px;
	}

a[href$=".pdf"] {
      background-image:url(../images/pdf.gif);
      background-repeat:no-repeat;
      padding-left:45px;
}	

a[href$=".doc"] {
      background-image:url(../images/word.gif);
      background-repeat:no-repeat;
      padding-left:45px;
}	

a[href$=".xls"] {
      background-image:url(../images/excel.gif);
      background-repeat:no-repeat;
      padding-left:45px;
}	

a {
      text-decoration:none;
}

a:link {
      color: #4C4C4C;
}

a:visited {
      color: #4C4C4C;
}

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

/* Divs*/		

 #container {
	width:951px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	border: solid 1px #B7B3AB;
      min-height:700px;


		}
		
#navigation {
      width:952px;
      margin-right:auto;
      margin-left:auto;
      text-align:center;
      line-height:19px;
      list-style: none;
      background: transparent url(../images/nav_background.jpg);
      height:38px;
      padding:0px;
      border-left: solid 1px #B7B3AB; 
      border-top: solid 1px #B7B3AB; 
		}
		
#navigation ul {
	margin: 0;
	padding: 0;
	font-size:68%;
		}
		
		
#nav li {
      width:118px;
      height:38px;
      float: left;
      padding:0;
      list-style: none;
      border-right: 1px solid #B7B3AB;
	}
	
#nav a {
      width:118px;
      height:38px;
	float: left;
	text-decoration: none;
	color: #555B1B;
	}
	
#nav a:hover, #nav a.active {
      width:118px;
      height:38px;
	color: white;
      background: transparent url(../images/hover_background.jpg);
	}
	
#nav a.active {
      width:118px;
      height:38px;
	color: #fff;
	background: transparent url(../images/active_background.jpg);
	}
	
#header {  
       margin-top:4px;
       height:78px;
       width:951px;
      }

#title_bar {
      height:6px;
      background-color:#EDED56;
      margin-top:8px;
}

#title_bar_3 h1 {
      position:relative;
      bottom:8px;
      text-align:center;
}

#title_bar_2 {
      position:relative;
      background-color:#787746;
      float:right;
      height: 18px;
      width:572px;
      margin-top:4px;
}

#title_bar_3 {
      float:left;
      background-color:#E86105;
      margin-top:4px;
      height: 18px;
      width:376px;
}
      
#left_sidebar {
      width:237px;
      float:left;
      margin-top:4px;
      background-color:#edf4d2;
      		}

body.urban_ecosystem #left_sidebar {
      height:1125px;
      }

body.fish_wildlife #left_sidebar {
      height:1190px;
      }
      
body.arboriculture #left_sidebar {
      position:relative;
      width:237px;
      float:left;
      height:1580px;
      margin-top:4px;
      }
      
body.wildfire #left_sidebar {
      height:1111px;
      }

body.wildfire #right_sidebar {
		      height:1120px;
		      }
		
body.wildfire #container {
			height:1233px;
		}
					


#validate {

	float:right;
}

body.development_planning #left_sidebar {
      height:1340px;
      }      		



#container #left_sidebar #left_sidebar_news  {
      width:237px;
	background: transparent url(../images/news_icon_2.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
      height:36px;
      padding-top:12px;
}

img.left_sidebar {
margin-left:4px;

}

#container #left_sidebar #left_sidebar_news  p {
      margin-top:0px;
      padding-left:60px;
      font-weight:bold;
      color:#fff;
      font-size:90%;
}         

#left_sidebar p.small {
      width: 220px;
      margin-left:8px;
}

#left_sidebar ul {
	padding-left:0px;
	font-weight:bold;
	margin-left:10px;
    float:left;
    list-style:none;
    font-size:70%;
    width:170px;
    line-height:140%;
		}

h3.highlights {
	margin-top:20px;
}

#left_sidebar ul .news_list 		{
	padding-left:0px;
	font-weight:bold;
	color:#555434;
	float:left;
	list-style:none;
	font-size:10px;
	font-weight:bold;
	line-height:130%;
	padding-top:4px;
	padding-bottom:4px;
				}

.annual_news {
	margin-top:0px;	
}

	
#left_sidebar ul li {
	width:220px;
	font-size:10px;
	}	
	
#left_sidebar ul li a {
		color:#666666;
		}
		
#left_sidebar ul li a:hover {
				color:#E86105;
				}	
	
#right_sidebar {
      position:relative;
      width:215px;
      float:left;
      min-height:600px;
      margin-top:4px;
		}

#right_sidebar h3 {
      font-size:65%;
      width: 90%;
      color:#555B1B;
      font-weight:bold;
      text-align:left;
	}		
	


	
#container #right_sidebar .right_sidebar_image_content {
	height:162px;
	width:216px;
      padding-bottom:5px;
	margin-top:0px;
	float:left;
	clear:all;
	}


#right_sidebar hr.yellow {
      width:216px;
	}		

#content {
       position:relative;
       float:left;
       width:465px;
       padding-left:14px;
       padding-right:14px;
		}
		
#container #splash_content {
      width:700px;
	margin-right:auto;
	margin-left:auto;
}

#splash_content p {
text-align: justify;
}

#content_block_container {
      width:98%;
      margin-left:8px;
         line-height:80%;
         padding-top:2px;
      }
      
      #content_block_container ul  {
      color:#555434;
      font-size:70%;
      line-height:140%;
      list-style-image: url(../images/bullet.jpg);
}
      
/* h2 tags for 'recent work'*/

body.recent_work #container {
      background-image:url(../images/recent_work_background.jpg);
      background-repeat:no-repeat;
      background-position: 350px 233px;
}

#content_block_container h2 {
      margin-top:20px;
      }
      
      #content_block_container h3, #content_block_container p, #content_block_container a {
      margin-right:12px;
      margin-left:12px;
      }
      
#content_block_container a.content_block_1-show, a.content_block_2-show, a.content_block_3-show, a.content_block_4-show, a.content_block_5-show, a.content_block_6-show, a.content_block_7-show, a.content_block_8-show {
      font-size:70%;
      background-image:url(../images/show.jpg);
      background-repeat:no-repeat;
      background-position: 0 2px;
      padding-left:17px;
		}
		
#content_block_container a.content_block_1-hide, a.content_block_2-hide, a.content_block_3-hide, a.content_block_4-hide, a.content_block_5-hide, a.content_block_6-hide, a.content_block_7-hide, a.content_block_8-hide {
      font-size:70%;
      background-image:url(../images/hide.jpg);
      background-repeat:no-repeat;
      background-position: 0 2px;
      padding-left:17px;
}


#content_block_container a.content_block_1-toggle, a.content_block_2-toggle, a.content_block_3-toggle, a.content_block_4-toggle, a.content_block_5-toggle, a.content_block_6-toggle, a.content_block_7-toggle, a.content_block_8-toggle {
      font-size:70%;
      background-image:url(../images/show.jpg);
      background-repeat:no-repeat;
      padding-left:20px;
		}
		
#content_block_container h3 {
      text-align:left;
      font-size:90%;
		}
		
#content_block_1 {
      font-size:80%;
      width:200px;
}

#content_recent_work {
      position:relative;
      width:95%;
      padding-left:10px;
      padding-right:10px;
      margin-top:33px;
      background:transparent;
      color:red;
		}
	
		
#content ul  {
      color:#555434;
      font-size:70%;
      line-height:140%;
      list-style-image: url(../images/bullet.jpg);
}

#footer_container {
      width:953px;
      margin-left:auto;
      margin-top: 4px;
      margin-right:auto;
}

#footer {
      background-color:#E86105;
      float:left;
clear:right;
      clear:all;
      height: 25px;
      width:378px;
}

#footer_inset {
      float:left;
      clear:all;
      background-color:#787746;
      height: 25px;
      width:571px;     
}

#footer h1 {
      position:relative;
      bottom:3px;
      font-family:arial;
      font-size:80%;
}

#footer {
      background-color:#E86105;
      float:right;
      clear:all;
      height: 25px;
      width:378px;
}

body.personnel p.small {
      color:#4d4844;
      line-height:50%;
}

div.bio_container {
      margin-left:13px;
      float:left;
	width:650px;
      text-indent:15px;
}

div.name_container {
      margin-left:10px;
      float:left;
      text-align:center;
      width:200px;
      height:185px;	
}

.employee_container {
	width:900px;
	float:left;
	padding-top:15px;
}

body.personnel #container div.name_container p.small, body.personnel #container div.name_container h2  {
 text-align:right;
line-height:13px;
}

body.personnel #container {
	width:951px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
 	
		}

body.personnel #container p {
      text-align:justify;
		}

#address {
      padding-left:30px;
      background-image: url(../images/bars.jpg);
      background-repeat:no-repeat;
      background-position: 887px 0px;
      border-bottom: 1px solid #E86105;
      padding-bottom:1px;
      margin-left:0px;
      margin-right:50px;
      background-color:#edf4d2;
}

#container #address p {
      text-align:left;
      line-height:50%;
      font-size:70%;
}

#flash {
width:700px;
margin-left: auto;
margin-right: auto;
}

#credit {
	float:left;
	margin-top:-60px;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	color:#555434;
}

#credit a {
	font-weight:bold;
	color:#555434;
	text-decoration:none;
}

#credit a:hover {
	color:#ff6600;
}