@charset "utf-8";
/* CSS layout document */

body {
	background:#989898 url(/_img/background.gif) top left repeat-x;
	margin:0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0px;
	text-align:center;
}
html {
	overflow-y:scroll; /* will display the vertical scrollbar in Firefox at all times */
} 
#container {
	margin:15px auto 10px auto;
	width:898px;
	/*margin:0px 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. */
	border:1px solid #737373;
	background:#f3f3f3; /* Comment out background to troubleshoot column divs */
}
#topbar {
	position:relative; /* relative position allows nested divs to be positioned absolutely within the topbar div */
	height:140px;
	background-color:#fff;
}
#logo {
	position:absolute;
	left:35px;
	top:45px;
}
#topnav {
	position:absolute;
	left:300px;
	top:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#topGrayBar { /* Gray .gif between global and secondary navigation */
	position:absolute; top:125px;
	margin:0;
}
#topGrayBar img { /* Overides the margin applied globally for <img> */
	margin:0;
}
#banner {
	position:relative; /* relative position allows nested divs to be positioned absolutely within the topbar div */
	padding:10px 8px 0 8px;
	margin:0 0 15px 0;
	background:#f3f3f3;
}
#bannerNav {
	position:absolute; top:30px; left:15px;
}
#header {
	padding:0 34px 0 34px;
}
div.slideshow {
	height:412px;
	width:542px;
	margin:auto;
}

/* COLUMN TEMPLATES */
#wideColumn {
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 35px 0 35px; /* padding keeps the content of the div away from the edges */
}
#singleColumn1 {
	float:left; /* since this element is floated, a width must be given */
	width:254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 17px 0px 34px; /* padding keeps the content of the div away from the edges */
}
.singleColumn1 {
	float:left; /* since this element is floated, a width must be given */
	width:254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0 17px 0 34px; /* padding keeps the content of the div away from the edges */
}
#doubleColumn1 {
	position:relative;
	float:left; /* since this element is floated, a width must be given */
	width:542px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 17px 0 34px; /* padding keeps the content of the div away from the edges */
}
#singleColumn2 { 
	margin:0 305px 0 305px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	/*width:254px; */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 17px 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#doubleColumn2 { 
	position:relative;
	margin:auto auto auto 305px;
	/*margin:auto;*/ /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:15px 34px 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#f3f3f3;
}
.doubleColumn2 { 
	position:relative;
	margin:auto auto auto 305px;
	/*margin:auto;*/ /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:0 34px 0px 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#f3f3f3;
}
#singleColumn3 {
	float:right; /* since this element is floated, a width must be given */
	width:254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:15px 34px 0 17px; /* padding keeps the content of the div away from the edges */
}
#subColumn1 {
	float:left; /* since this element is floated, a width must be given */
	width:254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0px 17px 0px 0px; /* padding keeps the content of the div away from the edges */
}
#subColumn2 {
	margin-left:271px;
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0 0 0 17px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#fcontainer {
	width:898px;
	background:#f3f3f3 /* Removed and didn't see a difference.  Don't think we need this: url(/_img/stretch_background.gif) top left repeat-y;*/
}
#homepagePortfolio {
	padding-top:9px;
	text-align:center;
}
#homepageFlex {
	margin:6px 9px -30px 9px;
}
#projectNav {
	position:absolute;
	left:17px;
	top:432px;
}
#footerBar{
	padding:15px 0 0 0;
	background:#f3f3f3; /* the background color will be displayed for the length of the content in the column, but no further */
}
#footer { 
	padding:10px 10px 15px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#f3f3f3;
}
#footer a {
	margin:auto 10px auto 10px;
}
#footer a.noSpace {
	border:0;
	margin:0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
#pressSearchWide {
	width:600px;
	float:right;
}

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