@charset "UTF-8";
/* CSS Document */

/************ GENERAL LAYOUT **************/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFF; 
	padding: 10px 0 20px 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font-size:12px;
	}
.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	border-top: 1px solid #CCC;
}
.oneColFixCtrHdr #mainContent p {
	padding: 30px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size:12px;
	line-height: 18px;
}
.oneColFixCtrHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	border-top: 1px solid #CCC;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
}

/****** DIVS INSIDE THE HEADER *******/

#pagewidth { 
 width:780px;
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol{
 width:120px; 
 float:left; 
 position:relative; 
 }
 
#twocols{
 width:660px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:500px; 
 float:right; 
 position:relative; 
 text-align:right;
 line-height: 17px;
 padding-top: 76px;
 }
 
#rightcol img{
 padding-bottom: 5px;
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:160px; 
 }
 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


/************ PROJECTS LIST PAGE **************/

.oneColFixCtrHdr #projContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	border-top: 1px solid #CCC;
}
.oneColFixCtrHdr #projContent p {
	margin: 19px 0;
	font-size:14px;
	line-height: 0;
	color: #C1C1C1;
}
.oneColFixCtrHdr #projContent .key {
	padding: 20px 0;
	font-size:10px;
	line-height: 0px;
	color: #666;
	float: right;
}

a.projLnk:link {
	color:#666;
	text-decoration:none;
	}
		
a.projLnk:visited {
	color:#666;
	text-decoration:none;
	}
	
a.projLnk:hover {
	color:#0095A7;
	text-decoration:none;
	}
	
.projTitle {color: #000}


/************ REFERENCES PAGE **************/

.refContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	border-top: 1px solid #CCC;
}

.refContent p {
	margin: 19px 0 0 0;
	font-size:14px;
	line-height: 0;
	color: #C1C1C1;
}

/************ INDIVIDUAL PROJECTS PAGE BUTTONS **************/
	
div#border {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}	
	
div#border a:link {
	background:url(imgs/bkBtn.gif) no-repeat;
	background-position: 0 0;
	color:#666;
	display:block;
	width:95px;
	height:25px;
	clear:both;
	text-align:center;
	line-height:25px;
	min-height:25px;
	margin-bottom:20px;	
	text-decoration:none;
}

div#border a:visited {
	background:url(imgs/bkBtn.gif) no-repeat;
	background-position: 0 0;
	color:#666;
	display:block;
	width:95px;
	height:25px;
	clear:both;
	text-align:center;
	line-height:25px;
	min-height:25px;
	margin-bottom:20px;	
	text-decoration:none;
}

div#border a:hover {
	background:url(imgs/bkBtn.gif) no-repeat;
	background-position: 0 -25px;
	color:#0095A7;
	display:block;
	width:95px;
	height:25px;
	clear:both;
	text-align:center;
	line-height:25px;
	min-height:25px;
	margin-bottom:20px;	
	text-decoration:none;
}
	
/************ STANDARD, IN-TEXT LINKS **************/

a.stdLnk:link {
	color:#666;
	text-decoration:underline;
	}
		
a.stdLnk:visited {
	color:#666;
	text-decoration:underline;
	}
	
a.stdLnk:hover {
	color:#0095A7;
	text-decoration:underline;
	}
	
/************ END OF INDIVIDUAL PROJECTS PAGES **************/ 

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}