div#titleContainer {
	float: left;
	width: 432px;
	height: 93px;
	/**/
	text-align: left;
}
div#titleContainer img {	
	border: 0;
}


div#headerRightContainer {
	float: right;
	width: 297px;
	height: 93px;
	margin-top: 3px;
}

div#headerRightContainer2{
	float: right;
	width: 297px;
	height: 93px;
	margin-top: 10px;
}


div#smithLogoContainer {
  width: 325px;
	height: 56px;
	padding: 0px;
	/**/
	border-left:   #C6C9CB 1px solid;
}

img#smithLogo {
	width: 200px;
	height: 56px;
}

div#topNavContainer {
	position: relative;		/* Required for the z-index to work, must appear on top of #underHeader */
	z-index: 10;
	height: 72px;
	width: 294px;
	overflow: visible;
	/**/
	background: url(images/nav_background.png) repeat-x left top;
}
ul#topNav {
	margin: 0;
	padding: 0;
	height: 33px;
	list-style: none;
	display: inline;
}
ul#topNav li {
	display: inline;
	list-style: none;
	height: 33px;
	/**/
	margin: 0px;
	padding: 0px;
}
ul#topNav a {
	float: left;
	padding: 33px 0 0 0;
	height: 0px !important;
	height /**/:33px; 		/* for IE5/Win only */
	overflow: hidden;
	margin-left: 1px;
	margin-top: 1px;
	/**/
	border-bottom: 0;
}

/*
	Each nav button needs a unique background image.
	Nav buttons appear to change by modifying the background-position.
		off:    0px
		on:   -33px
		over: -66px
*/

ul#topNav a:hover, ul#topNav a:active {
	background-position: 0 -66px !important;
}
ul#topNav a.selected {
	background-position: 0 -33px !important;
/*	border-bottom: #D59F0F 3px solid;*/  /*//REMOVED */
}



#project  ul#topNav a.project{
	background-position: 0 -33px !important;
/*	border-bottom: #D59F0F 3px solid;*/  /*//REMOVED */
}



#resources  ul#topNav a.resources {
	background-position: 0 -33px !important;
/*	border-bottom: #D59F0F 3px solid;*/  /*//REMOVED */
}



#interviews ul#topNav a.interviews {
	background-position: 0 -33px !important;
/*	border-bottom: #D59F0F 3px solid;*/  /*//REMOVED */
}

#create ul#topNav a.create {
	background-position: 0 -33px !important;
/*	border-bottom: #D59F0F 3px solid;*/  /*//REMOVED */
}




li#welcome a {
	width: 86px;
	background: url(images/nav_welcome_composite.png) no-repeat left top;
}


li#project a {
	width: 107px;
	background: url(images/nav_project_composite.png) no-repeat left top;
}


li#resources a {
	width: 97px;
	background: url(images/nav_resources_composite.png) no-repeat left top;
}

li#interviews a {
	width: 111px;
	background: url(images/nav_interviews_composite.png) no-repeat left top;
}

li#history a {
	width: 180px;
	background: url(images/nav_history_composite.png) no-repeat left top;
}


ul#topNav a span {
	display: none;
}


#underHeader {
	position: relative;
	top: -3px;
	padding: 5px 10px;
	z-index: 1;					/* Must hide behind the nav buttons' dynamic borders */
	/*
		Fix for the 3px stolen from the bottom. The 3px gap reveals the background color of
		the container table#main td#mainCenter, which is the color of the footer (in case the table
		is too short, the table needs to expand to 100% body height and fill in with the footer's grey color.
		So we'll graft 3px of the proper color back on using a border.
	*/
	border-bottom: #ECF0F1 3px solid;
	margin-bottom: -3px;
	/**/
	background-color: #E0E4E5;
	color: #7C8386;
	font-weight: bold;
	font-size: .95em;
}
#underHeader a {
	color: #7C8386;
}
#underHeader div.staticText {
	position: relative;
	left: 50px;
	_top: 1px;
	font-weight: normal;
}

/* table#main content goes here */
#content {
	padding: 20px 20px 0px 20px;
	background-color: #ECF0F1;
}
.contentNoUnderheader {		/* extends #content */
	margin-top: -3px;
}


/*
#footer {
	text-align: center;
	padding: 10px 0px;

	background-color: #7B8386;
	color: white;
}
a.footer {
	color: white;
}
*/



/****************************************
 * Non-element specific:
 ****************************************/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.noMargin {
	margin: 0;
	padding: 0;
	border: 0;
}

.moreMargin {padding-bottom: .5em;}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}