/* BODY AND FONTS: =body
----------------------------------------------- */
	* { 
	 margin: 0px; 
	 padding: 0px; 
	 text-align: left;
	 font-size: 100%;
	}

	body{
	 background: #F8F9F9 url(images/bg.png) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	}
	
	body, tr, td, input, select, textarea { 
	 font:small/150% Arial, Tahoma, Verdana, Helvetica, sans-serif;
	 color: #595959;	 
	}
	
       .printonly {
         display:none;
       }
   	

	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 180%;
	   line-height: 110%;
	   color: #4F4E4E;	 
	   margin: 30px 0px 10px 0px;	
	   padding: 0px;
	}
	
	h2 { 
	   font-size: 125%;	    
	   color: #7A7979;	   
	   margin: 0px;
	   padding: 0px;	   
	}
	
	h3 { 
	   font-size: 105%;
	   text-transform: uppercase;
	   color: #454445;
	   margin: 24px 0px 0px 0px;
	   padding: 0px;	   
	}

	h4 { 
	   font-size: 105%; 
	   margin: 24px 0px 0px 0px;
	   padding: 0px;	   
	}
	
	p {
	   line-height: 125%;
	   margin: 4px 0px 18px 0px;
	   padding: 0px;	   
	}	
	
	small {
	   font-size: 85%;
	   line-height: 95%;
	}  
	
	blockquote {
	   background: #F1F1F2;
	   padding: 20px;
	   margin: 10px 0px;
	} 
	
	sup {
	   font-size: 80%;
	   line-height: 80%;
	   padding: -4px 0px 0px 0px;
	   margin: -4px 0px 0px 0px;	   
	} 

	
	img.border {
	   float:right;	
	   padding: 12px;
	   margin: 0px 0px 24px 24px;
	   border: 1px solid #e1e1e1;
	}
	
	div.map {
	   float:right;	
	   padding: 0px;
	   margin: 0px 0px 24px 24px;
	}	
	
	div.map img{
	   padding: 0px;
	   margin: 0px;
	   border: 3px solid #d9d9d9;
	}
	
	div.map p{
	   text-transform: uppercase;
	   text-align: center;
	   font-size: 85%;
	}	
	
	hr{ 
	   color: #DEDEDE;
	   height: 1px;
           clear: both;	   
	   margin: 4px 0px 8px 0px;
	   padding: 0px;
	}	
	
	
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul, #baseContent ul {
	 list-style-position: outside;
	 list-style-type: square;
	 margin: 10px 0px 20px 14px;
	 padding: 0px; 
       }       
       
       ul li{
         margin: 0px;
         padding: 0px 0px 8px 0px; 

       }
       
       ol, #baseContent ol {
	 margin: 4px 0px 0px 0px;
	 padding: 0px 0px 0px 14px; 
       }       
       
       ol li{
         margin:0px 0px 0px 14px;
         padding:0px;
         line-height:130%;       
       }       
     	
       ul#columns {       
	   list-style-position: outside;
	   list-style-type: none;
	   list-style-image: none;
	   margin: 8px 0px 20px 0px;
  	   padding: 0px;
	}
	
       ul#columns li {
	   background: url(images/bullet-arrow.gif) no-repeat left 5px;	   	   
	   width: 140px;
	   float: left;	   
	   clear:none;
	   margin: 0px;
  	   padding: 0px 6px 4px 10px;
	}	
        
       ul#columns li a {
	   font-weight: normal;
       }
           
      
  /**/

		
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 	    
	   color: #3A7A98; 
	   text-decoration: none;
	}
	
	a:hover	{ 
	   color: #3A7A98;
	   text-decoration: underline;	   
	}
	
	a:visited { 
	   color: #1D5D7B;
	   text-decoration: none;
	}	
	
	a img { 
	   border: none; 
	}
	
	li a, 
	li a:hover, 
	li a:visited{ 	    
	   text-decoration: none;
	   color: #595959;
	}

	   
	li a:hover { 	    
	   text-decoration: underline;
	}
	   
	
	
/* CONTAINER: =Wrap
----------------------------------------------- */
	div.container {
	 background: url(images/outerShadow.png) no-repeat center 161px; 	   
	 width: 900px; 
	 margin: 0px auto 0px auto;
	 padding: 0px 12px;
	 position: relative;
	 /*border: 1px solid red;*/
	}
	
	.parentWrap{
	   background: url(images/bodybg.png) repeat-y center top;
	   position:relative;
	   width: 900px;
	   margin: 0px auto;
	   padding: 0px;
	   /*border: 1px solid red;*/
	   
	} 	

	/* Hides from IE-mac \*/
	* html .parentWrap {height: 1%;}
	/* End hide from IE-mac */

	.parentWrap:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}	
	
	.contentWrap{
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;
	}		
		
		
/* HEADER BAR: =header
----------------------------------------------- */
			
	div.header { 
	   background: url(images/bannerbg.png) no-repeat center top;
	   height: 122px;
	   width: 900px;
	   margin: 0px;	
	   padding: 0px;	   
	}
	
	div.header h1{ 
	   position: absolute; 
	   top: 37px; 
	   left: 24px; 
	   font-size: 160%;
	   padding: 0px;
	   margin: 0px;
	 }
	 
	div.header h1 img{ 
	   position: absolute; 
	   top: 0px; 
	   left: 0px;  
	   height: 70px;
	   width: 237px; 	   
	 }
	 
	div.header h1 span{ 
	   padding: 0px;
	   margin: 40px 0px 0px 14px; 
	   clear: both;
	   display: block;
	   color: #221E1F;	   
	 }	 
	 
	div.header h1 a, 
	div.header h1 a:link,
	div.header h1 a:visited,
	div.header h1 a:hover { 
	   color: #221E1F; 	   
	 }	 

	
	/* UTILITY: =utility
	----------------------------------------------- */

	div#utility{
	   position: absolute; 
	   top: 10px; 
	   right: 20px; 
	   margin: 0px;
	   padding: 0px;		   
	}

	#utility ul{
	   list-style: none;
	   float: left;
	   padding: 0px;
	   margin: 0px;
	   width: 605px;
	}

	#utility li {
	   background: #ffffff url(images/utility-right.png) no-repeat right center;
	   float:right;
	   padding:0px;
	   margin:0px 0px 0px 7px;
	}

	#utility li a,
	#utility li a:link,
	#utility li a:visited {
	   background: url(images/utility-left.png) no-repeat left center;
	   float:left;
	   display:block;
	   height:17px;
	   padding:1px 16px 5px 16px;
	   margin:0px;
	   white-space: nowrap;
	   color:#5B5B5B;
	   text-decoration: none;
	   font-size: 93%;
	   font-weight: bold;
	}
		
	#utility li a:hover {
	   color:#484848;
	}	

	
	/* TAGLINE: =tagLine
	----------------------------------------------- */

	div#tagLine{
	   position: absolute; 
	   top: 60px; 
	   right: 27px; 
	   margin: 0px;
	   padding: 0px;		   
	}

	#tagLine ul{
	   list-style: none;
	   padding: 0px;
	   margin: 0px;
	   

	}

	#tagLine li {
	   float:right;
	   text-align: right;
	   color: #F0DBD9;
	   padding:0px;
	   margin:0px;
	   line-height: 125%;
	}

	#tagLine li b{
	   color: #ffffff;
	   font-size: 105%;
	}

/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
				
/* FULL CONTENT (no right or left column): =fullContent	
----------------------------------------------- */
	#fullContent {
	   width:900px;
	   margin: 0px;
	   clear:none;
	   padding: 0px;		   
	}
	
/* BASE CONTENT COLUMN (middle between subnav and photos): =baseContent	
----------------------------------------------- */
	#baseContentWithRight {
	   width:582px;
	   margin: 0px;
	   clear:none;
	   padding: 0px 35px 18px 35px;	   
	}
	
	#baseContent {
	   width:612px;
	   margin: 0px;
	   clear:none;
	   padding: 0px 35px 18px 35px;		   
	}

	#baseContent p a{
	   text-decoration: none;
	   color: #436A82;
	} 		

	
/* LEFT COLUMN: =leftColumn	
----------------------------------------------- */

	div#leftColumn { 
	   background: url(images/leftbg.png) no-repeat left top;
	   margin: 0px;
	   padding: 0px 0px 18px 0px;
	   width: 218px;
	   height: 400px;
	   clear:none;
	}	
		
        
/* RIGHT COLUMN: =rightColumn	
----------------------------------------------- */

	div#rightColumn { 
	   background: url(images/rightBottom.png) no-repeat center bottom;
	   padding: 0px 0px 18px 0px;
	   margin: 28px 28px 0px 0px;
	   width: 220px;
	   clear:none; 	   
	}	
	
	div#rightColumn h4{ 
	   background: url(images/rightTop.png) no-repeat center top;   
	   font-size: 130%;		   
	   margin: 0px 0px 0px 0px;
	   padding: 24px 24px 2px 24px;
	}
	
	div#rightColumn p{ 		   
	   margin: 0px 0px 0px 0px;
	   padding: 2px 24px 10px 24px;
	}	
	
        div#rightColumn ul {
	 list-style-type: square;
	 list-style-position: outside;
        } 
                     		               
       
/* NAVIGATION: =nav
----------------------------------------------- */
	div#navbox { 
	  background: #E0E1E1 url(images/navbg.png) no-repeat center top;
	  width: 877px;
	  height: 39px;	         
	  line-height:normal;
	  margin: 0px;
	  padding: 0px 0px 0px 23px;
	  clear: both; 
	  /*overflow: hidden;*/
	}

	#navbox ul { 
	  background: url(images/navLeft.png) no-repeat left top;	
	  line-height:normal;
	  margin: 0px;
	  padding: 0px 0px 0px 2px; 
	  list-style-type: none;
	  list-style:none;
	  float: left;   	  
	}

	#navbox li{      
	  float:left;
	  /*position: relative;*/
	  margin: 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	}

	#navbox a {
	  background: url(images/navLeft.png) no-repeat right top;	
	  font-size: 14px;
	  float:left; 
	  display:block; 
	  width:.1em; 
	  padding: 12px 17px 0px 15px; 
	  text-decoration:none; 
	  color: #545353;
	  font-weight: normal;
   	  margin: 0px;
   	  height: 23px;
	  /* white-space: nowrap; */  	  
	}

	#navbox > ul a{ width:auto; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navbox a { float:none; }
	/* End IE5-Mac hack */

	#navbox a:hover,
	#navbox a:link:hover,
	#navbox a:visited:hover { 
	   border-top: 4px solid #C40C10;
	   padding: 8px 17px 0px 15px; 
	   color: #000000;	   
	}


/* NAVIGATION: =nav
----------------------------------------------- */
	#navbox a {
   	  height: 24px;
	}
	
	#navbox li.current a, 
	#navbox li.current a:link,
	#navbox li.current a:visited,
	#navbox li.current a:link:hover,
	#navbox li.current a:visited:hover { 
	   border-top: 4px solid #C40C10;
	   padding: 8px 17px 0px 15px; 	   
	   font-weight: bold;
	   color: #545353;	   
	}
	

/* DROP DOWN SUBNAVIGATION: =subNavigation
----------------------------------------------- */

	ul#navigation li ul,
	ul#navigation li.current ul {
	   padding: 0px;
	   margin: 0px;
	}

	.header ul#navigation li li{
	   display: block;
	   float:left;
	   background: none;
	   padding: 0px;
	   margin: 0px;
	   width: auto;
	   list-style-image: none;
	   list-style-type: none;
	   list-style:none;
	   border-right: 0px;
	   height: 28px;	   
	}

	ul#navigation li li a,  
	ul#navigation li li a:link,
	ul#navigation li li a:visited,
	ul#navigation li.current li a,  
	ul#navigation li.current li a:link,
	ul#navigation li.current li a:visited	{	   
	   border-top: 0px;	   
	   background: #F3F2F2;
	   background-image: none;
	   display: block;
	   color: #4C4B4B;	   
	   padding: 4px 15px;
	   margin: 0px;
	   width: 200px;
	   font-size: 95%;
	   font-weight: normal;
	   height: 16px;	   
	}

	ul#navigation li li a:hover,
	ul#navigation li li a:link:hover,
	ul#navigation li li a:visited:hover,
	ul#navigation li.current li a:hover,
	ul#navigation li.current li a:link:hover,
	ul#navigation li.current li a:visited:hover {
	   background-color: #454546;
	   background-image: none;
	   color: #ffffff;	   
	   padding: 4px 15px;
	   margin: 0px;
	   width: 200px;
	   font-size: 95%;
	   font-weight: normal;
	   border-top: 0px;
	   height: 16px;		   
	}

	ul#navigation li ul { /* second-level lists */
	   background-color:#ffffff;
	   background-image: none;
	   display: none;
	   position: absolute;
	   top:  0px;
	   left: 0px;
	   z-index: 8;
	   clear:both;
	   width:230px;
	   margin: 0px;
	   padding: 0px;
	   border-bottom: 3px solid #767676;
	}
	

	ul#navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	   top: auto;
	   left: auto;
	}

	ul#navigation li:hover ul, 
	ul#navigation li.over ul { /* lists nested under hovered list items */
	   display: block;
	}		
	
/* LEFT COLUMN LISTED SUBNAVIGATION: =subNav
----------------------------------------------- */
	

	h3.gray { 
	  margin: 0px;
	  padding: 10px 25px;
	  background: #797979;
	  color: #ffffff;  	  
	}
	
	#subnav ul { 
	  line-height:normal;
	  margin: 8px 0px;
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  width: 218px; 
	}

	#subnav li{       
	  margin: 0px; 
	  padding: 7px 25px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	}

	#subnav li a {  
	  padding: 0px; 
	  text-decoration:none;  
	  color: #727272;
	  font-weight: normal;
   	  margin: 0px;
   	  
	}
	
	#subnav li a:hover {   
	  color: #3D3D3D;
	}
	
	#subnav li.active {   
	  background: url(images/subnavbg-active.png) repeat-y left top;
	  padding: 10px 25px;
	  margin: 4px 0px;
	}
	
	#subnav li.active a {   
	  font-weight: bold;
	  color: #B01D03;
	}	
	
	
	
	
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   background: url(images/footerbg.png) repeat-x left top;
	   width: 900px;
	   margin: 0px; 
	   padding: 0px;
    	   float:left;
    	   display:inline;
    	   clear:both;			   
	}
	      
	
	#footer div#footerInfo,
	#footer div#footerInfoLeft { 
	   width: 420px;
	   margin: 0px 15px; 
	   padding: 12px 0px 0px 0px;
 	   text-align: left; 
	   position:relative;
	   float:left;
	   display:inline;
	   clear: none;
	   color: #F1DEDB;	   
	}	
	
	div#footerInfo p,
	div#footerInfoLeft p { 
	   padding: 0px 0px 14px 0px;
	   margin: 0px;
	   position: relative; 
	   font-size: 92%;
	   line-height: 145%;
	   text-align: right;
	}
	
	div#footerInfoLeft p { 
	   text-align: left;
	}	
	
	#footerInfo p a {  
	   font-weight: normal;
	}
	
	div#footerInfo p.copyright { 
	   color: #ACACAC;
	   font-size: 88%;
	   padding: 10px 0px 14px 0px;	   
	}
	
	a.credit, a:visited.credit, a:link.credit {  
	   font-weight: normal;
	   padding: 0px;
	   color: #8EA2B0;
	   font-size: 95%;
	   text-decoration: none;	   
	}
	
	a:hover.credit {  
	   color: #6D879A;
	   text-decoration: none;
	}
	

/* FORM: =form
----------------------------------------------- */
   	
	form {
	    margin: 0px;
	    padding: 0px;
	}
	
	fieldset {
	    padding: 20px;
	}
	
	form p{
	    margin: 0px;
	    padding:  3px 10px;
	}	


	legend {
	   font-size: 110%;
	   padding: 0px 0px 6px 0px;
	   font-weight: normal;
	   color: #40403A;
	}

	label {
	   width: 110px;
	   margin: 0px;
	   padding: 2px 4px 0px 0px;
	   text-align: right;
	   float: left;
	   font-weight: bold;
	   font-size: 90%;
	} 

	.required { 
	   color: #B01D03; 
	}

	input {
	   font-size: 90%;
	   text-align: left;
	   padding: 0px 2px 4px 2px;
	}
	
	select {
	   font-size: 90%;
	   text-align: left;
	   padding: 0px 2px 0px 2px;
	}	

	input.submit {
	   text-align: center;
	   padding: 8px 3px;
	}

	textarea { 
	   text-align: left;
	   margin: 0px;
	   padding: 0px;   
	}


/* REPLACE FIXES: =replace
----------------------------------------------- */	
	
	/* 
	 * Image replacement using the Gilder/Levin IR technique 
	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	 */		
	.replace { 
		position: relative;
		/* hide overflow: hidden from mac ie5 \*/
		overflow: hidden;
		
		/* end hide from mac ie5 */
	}
	.replace span {
		display: block;
		position: absolute;
		top: 0px; left: 0px;
		z-index:1; /*for Opera 5 and 6*/
	 }
	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }
	
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  


	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */


/* HOMEPAGE
----------------------------------------------- */	

	div#grayArea {
	  background: #2B2C2C url(images/homeflashbg.jpg) no-repeat center top; 
	  height: 267px;	  
	}


	div#homeflash {
	  float: left;
	  margin: 0px;
	  padding: 0px;
	  width: 418px;
	  clear:none;	
	}

	div#homemessage {
	  float: left;
	  margin: 0px;
	  padding: 0px;
	  width: 482px;
	  clear:none;	
	}

	div#grayArea H1 {
	  color: #ffffff;
	  font-weight: normal; 
	  font-size: 210%;
	  padding: 35px 40px 0px 40px;
	  margin: 0px;
	}

	div#grayArea p {
	  color: #ffffff;
	  font-size: 130%;
	  padding: 14px 100px 0px 40px;
	  margin: 0px;
	}
	
	#fullContent h2,
	#fullContent p {
	  padding-left: 20px;
	
	}
	
	#fullContent h2{
	  color: #A01D0E;
	  margin-top: 24px;
	}
	
	#fullContent p {	
	   line-height: normal;
	   margin: 0px 0px 10px 0px;
	}   
	 
	div.featuredprojects {
	  background: url(images/featuredprojectbg.jpg) repeat-x center top;
	  height: 145px;
	  clear: both;	
	  margin: 0px;
	  padding: 0px;
	}
	
	div.featuredprojects ul{
	  list-style-type: none;
	  list-style:none;
	  float: left; 
	  margin: 0px;
	  padding: 12px 6px 0px 6px;
	}
	
	div.featuredprojects li{      
	  float:left;
	  /*position: relative;*/
	  margin: 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	  width: 111px;
	  text-align: center;	  
	}
	
	div.featuredprojects li img{      
	  margin: 0px; 
	  padding: 0px 10px 4px 10px; 
	  width: 91px;
	  clear: both;
	}	
	
	div.caption{      
	  font-size: 80%;
	  color: #757575;
	  line-height: 110%;
	  padding: 0px 6px;
	  margin: 0px;
	  text-align: center;	  
	}
	
	div.featuredprojects a,
	div.featuredprojects a:hover,
	div.featuredprojects a:visited	{      
	  font-weight: normal;
	  text-decoration: none;
	}
	
	div.featuredprojects div.caption a:hover {      
	  color: #373737;
	}	
	


	div.categories {
	  clear: both;	
	  margin: 0px;
	  padding: 0px;
	}
	
	#baseContent div.categories ul{
	  list-style-type: none;
	  list-style:none; 
	  margin: 0px;
	  padding: 0px;
	}
	
	div.categories li{      
	  float:left;
	  /*position: relative;*/
	  margin: 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;
	  width: 150px;
	  text-align: center;	  
	}
	
	div.categories li img{      
	  margin: 0px; 
	  padding: 0px 5px 4px 0px; 
	  width: 145x;
	  clear: both;
	}	
	
	div.categories a,
	div.categories a:hover,
	div.categories a:visited	{      
	  font-weight: normal;
	  text-decoration: none;
	}
	
	div.categories div.caption a:hover{      
	  color: #373737;
	}