/* CSS Document */

/* General Styles */
html, body {height: 100%;
	font-family: helvetica, arial, geneva, sans-serif;}
	
body {background-color: #000; width: 900px;}
	
* {margin: 0; padding: 0;}
	
a img {border: 0;}

.clear {clear: both;}

.form_clear {clear: both; margin-top: 10px; position: relative;}
	
.hide {padding: 0;
	margin: -1em 0 0 0;
	text-indent: -9999px;}

.bold-red {color: #f30; font-weight: bold;}
	
h1 {font-size: 21px; /* 1.5 x paragraph font size. IE5 uses a smaller font-size because no support for small-caps. */
	color: #000;
	font-variant: small-caps;}
	
h2, h3, h4, h5, h6 {
	font-size: 17px; /* 1.2 x paragraph font size. IE5 uses a smaller font-size because no support for small-caps. */
	font-variant: small-caps;}
	
p, ul, ol {font-size: 14px; /* equals 10.5pt type in print typography */}
	
.whitelinks a {color: #fff; text-decoration: none;}
	
.whitelinks a:hover {text-decoration: underline;}
	
.yellowbg {
	/* HIDE FROM IE5 MAC \*/
	background-color: #ff9;
	/* */
	}
	
.DVD, .DVD a {color: #fff;
	font-size: 9px;
	text-align: center;
	margin-top: 5px;
	padding-bottom: 6px;}
	
.DVD a:hover {text-decoration: underline;}
	
/* Header Styles */
#header {width: 100%;
	background-color: #f30;
	padding-bottom: .5em;}
	
#header img.banner {margin: 0 -4px 0 0;
	border-top: #000 .4em solid;
	border-bottom: #000 .4em solid;} /* border-bottom #000 .2em solid; for all versions of IE */
	
#header a img {border: 0; float: left; margin-right: .5em;}
	
#header h1 {
	position: absolute; /*These 3 lines prevent the top text from pushing the banner down upon page resize */ 
	left: 145px; /*These 3 lines */
	width: 760px;  /*These 3 lines */
	font-size: 30px;
	padding: 1.1em 0 0 0;}
	
#header i {color: #fff; font-size: 17px;}
	
#bannerbox {clear: left; background-color: #000;}
	
/* Sidebar Styles */
#sidebar {float: left;
	width: 140px;  /* IE 5 & Mac need height: 100%; */
	color: #fff;
	background-color: #000;
	min-height: 100%;
	margin-top: -.5em;
	padding-bottom: .5em;
	margin-right: 760px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;}

#sidebar p.since {margin: .5em .3em 3em .3em;
	font-variant: small-caps;
	font-style: italic;}
	
			/* Navbar Styles within sidebar */
			#navbar {margin: 3em .3em; list-style-type: none;}
			
			#navbar li {margin-bottom: .7em;
				font-size: 14px;
				text-transform: uppercase;}
				
			#navbar li a {color: #f30;text-decoration: none;}
				
			#navbar li a:hover {color: #f90; text-decoration: underline;}
			/* End Navbar Styles within sidebar */
				
#sbbottom {margin: 3em .3em 0 .3em;
	text-transform: none;
	list-style-type: none;
	font-size: 14px;}
	
#sbbottom li {margin: 1em 1.4em;}

#sidebar img {/* display: block; needed for all IE but hide from Mac */}
	
/* Content Styles */
#content {float: left;
	width: 759px;
	height: 100%; /*for IE5 & Mac */
	min-height: 100%;
	margin-left: -761px;}

#contentainer {margin: 1em 0 1em 2em;}
	
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul {
	margin: 16px 0;}
	
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #f30;
	width: 100%;
	display: block;
	clear: both;}
	
#content p {line-height: 1.7;}
	
#content a {color: #f30;}
	
#content a:hover {color: #f30; text-decoration: none;}
	
#content ul, #content ol {padding-left: 1.5em;}
	
#content li {padding: .4em 0;
	list-style-type: square;
	line-height: 1.2;}
	
#content p.less-space {
	line-height: 0; /* necessary to reset inherited height to zero before adding an increment of 1.2 */
	line-height: 1.2;}
	
#content ul.nobullet-list li {padding: .1em 0; list-style-type: none;}
	
#content ul.nobullet-list, #content ol.nobullet-list {
	padding-left: 0; list-style-type: none;}
	
#content .nobullet {list-style-type: none;}
	
#content .small-link {font: normal 12px helvetica, arial, geneva, sans-serif;}
	
#content .small-link a {color: #03c;}
	
#content img {float: right;
	margin: .5em;
	border: 3px #f30 solid;}

#content h1.noclear, #content h2.noclear, #content h3.noclear, #content h4.noclear, #content h5.noclear, #content h6.noclear {
	clear: none; width: auto;}
	
#content .top, #content .top a {
	font: normal 12px helvetica, arial, geneva, sans-serif;
	color: #03c;}
	
#content h1 .top, #content h2 .top, #content h3 .top, #content h4 .top, #content h5 .top, #content h6 .top {
	font: normal 12px helvetica, arial, geneva, sans-serif;
	color: #03c;}
	
#content ul li.list-b {
	padding: 0 0 .3em 2em; list-style-type: none;}

#content .bold {font-weight: bold;}

	/* Jobs Bidding Styles -------------------------- */
	
	#contentainer .jb img {float: none;
		display: inline;
		margin: 0 .5em;
		border: none;}
		
	#contentainer .jb a img { border: 1px solid #f30;}
		
	#contentainer .jb a:hover img { border: 1px solid #FFF;}
	
	.jb p {display: inline;
		padding-right: 1em;}

	.jb hr {display: block;
		margin: 1em;}
	
	/* End Jobs Bidding Styles -------------------------- */

	/* Content Scroll Window Styles -------------------------- */
		#content .scroll1 {height: 400px;
			overflow: auto;
			width: 97%; /* IE 5-6 needs a 94% width */
			border: 2px #f30 solid;
			clear: both;
			margin-right: 1em;}
			
		#content .scroll1 ul, #content .scroll1 ol, #content .scroll1 p {
			margin: 0 1em .5em 1em; line-height: 1.2;}
			
		#content .scroll1 h1, #content .scroll1 h2, #content .scroll1 h3, 
		#content .scroll1 h4, #content .scroll1 h5, #content .scroll1 h6 {
			border-top: 3px #ccc double; padding-top: 1em;}
	/* Controls the div containing thumbnail images within scrolling projects list */
		#content .scroll1 .thumbnails, #content .scroll2 .thumbnails{
			width: 60%; float: right;}
			
		#content .scroll1 .thumbnails img, #content .scroll2 .thumbnails img {float: left;}
			
	/* End thumbnail images */
		#content .scroll2 {height: 300px;
			overflow: auto;
			width: 97%;
			border: 2px #f30 solid;
			clear: both;
			margin-right: 1em;}
			
		#content .scroll2 ul, #content .scroll2 ol, #content .scroll2 p {
			margin: 0 1em .5em 1em;
			line-height: 1.2;
			width: 93%;}
		
		.scrollcontent {margin: 0 1em;width: 93%;}
			
		.status {background-color: #ff9;}
			
	/* End Content Scroll Window Styles ---------------------- */
	
	/* Content Project Styles ---------------------------- */
		/* Content Project Photo Page Styles ---------------------------- */
		#content .photoleft img {float: none;}
		
		/* Full descriptive list with larger images floated right */		
		#content ul.sublist li {margin: 0;
			padding: 2px 0;
			border: none;
			list-style-type: square;}
			
		#content ul.sublist2 li {margin: 0;
			padding: 2px 0;
			border: none;
			list-style-type: circle;}
			
		.float_left {float: left;}
		
		#content .float_left li {margin: 0; padding: 0;}
		
		#content ul.float_left {margin: 10px;} /* padding: 0; for IE5 */
		/* End Content Project Styles ------------------------- */
			
	/* Content Employment Styles ------------------------------ */
	
		/* Employment section uses a class of .noclear to allow better photo placement around some headings.
		Most headings are set in previous styles to clear photos. .noclear is listed above as a general style.*/
	
		/* Employment list styles (within the scrolling list) */	
		#content .employlist img {display: inline;
			float: none;
			margin: 0 .5em;
			border: 3px #f30 solid;}
			
		#content ul.employlist {padding: 0;}
			
		#content ul.employlist li {
			padding: 0 0 .5em 0; /* can be left at padding 0 all the way around for FF */
			margin: 1em 0 0 0;
			border-bottom: 3px #ccc double;
			list-style-type: none;
			}		
	/* End Content Employment Styles ------------------------- */
	
	/* Content Form Styles --------------------------------- */
		#content form p {font-size: 14px;
			margin: 1em 0 0 1em;
			display: block;
			line-height: 1.1;}
			
		form label{font-size: 14px;
			line-height: 1.1em;
			margin: 1em 0 0 1em;
			display: block;}
	
		form fieldset {
			margin: 1em 1em 0 0; border: 3px #f30 double;}
			
		legend {margin-left: 3em;
			padding: 0 .5em;
			color: #f30;}

		form input {margin: .3em 0 .5em 1em; display: block;}
			
		form #position {width: 90%;}
		
		form #textversion {width: 90%; height: 100px; margin: .3em 0 .5em 1em;}
		
		form label.float_left2 {float: left; margin-left: 30px; display: block;}
		
		form p.clear {clear: both; padding-top: 2em;}
		
		form input.spacer {margin-top: 2em;}
		
		
		/* End Content Form Styles --------------------------------- */
		
		/* Content Time Line Styles --------------------------------- */
		#tl p {margin: 7px 0; line-height: 1.3;}
		
		#content .tl2000 {color: #f30;}
			
		#content .tl1990 {color: #00f;}
			
		#content .tl1980 {color: #093;}
			
		#content .tl1970 {color: #c60;}
			
		#content .tl1960 {color: #009;}
			
		#content .tl1950 {color: #900;}
			
		#content .tl1940 {color: #060;}
			
		#contentainer p.tl1940, #contentainer p.tl1950, #contentainer p.tl1960, #contentainer p.tl1970,
		#contentainer p.tl1980, #contentainer p.tl1990, #contentainer p.tl2000
		{width: auto; font-weight: bold; /*display: inline; margin-right: 10px;*/}
			
		#content ul li ul.tlsublist {margin: 5px 0 0 0; padding: 0 0 0 20px; list-style-type: none;}
			
		#content ul li ul.tlsublist li {padding-top: 5px; list-style-type: circle;}

		/* Content Table-like Styles for Denver Projects page--------------------------------- */
		
		#content div.table-like {width: 600px;}

		#content .center {text-align: center; width: auto; margin: 4px 0;}

		#content ul.tabular {margin: 0; padding: 0 0 25px 0;}
	
		#content ul.tabular li {list-style-type: none;
		display: block;
		clear: both;
		padding: 2px;}
	
		#content p.heading1 {float: left;
		width: 49%;
		border: 1px solid #f30;
		text-align: center;
		margin: 0 2px 0 0;
		padding: 4px 0 0 0;
		font-weight: bold;}
	
		#content p.heading2 {float: left;
		width: 49%;
		border: 1px solid #f30;
		text-align: center;
		margin: 0;
		padding: 4px 0 0 0;
		font-weight: bold;}

		#content p.item1 {float: left;
		width: 49%;
		border: 1px solid #f30;
		background-color: #ff9;
		text-align: center;
		margin: 0 2px 0 0;
		padding: 4px 0 0 0;}
	
		#content p.item2 {float: left;
		width: 49%;
		border: 1px solid #f30;
		background-color: #ff9; /* #fc6 decent color too */
		text-align: center;
		margin: 0;
		padding: 4px 0 0 0;}

/* Footer Styles */
#footer {width: 900px;
	height: 72px;
	background-color: #f30;
	clear: both;}

#footer p {text-align: center;
	font-weight: bold;
	font-size: 10px; /* .75 x paragraph font size */
	position: relative;
	top: 50px;}
	
		/* pop-up window style */
		body.whitebg {background-color: white; width: 400px;}
		body.whitebg2 {background-color: white; width: 580px;}

		body.whitebg h1, body.whitebg h2, body.whitebg a {color: #f30;}
		body.whitebg2 h1, body.whitebg2 h2, body.whitebg2 a {color: #f30;}
		
		body.whitebg a:hover {text-decoration: none;}
		body.whitebg2 a:hover {text-decoration: none;}
		
		body.whitebg ul li, body.whitebg p, body.whitebg h1, body.whitebg h2 {margin: 10px 10px;}
		body.whitebg2 ul li, body.whitebg2 p, body.whitebg2 h1, body.whitebg2 h2 {margin: 10px 10px;}
	
		body.whitebg ul {margin: 10px 20px;}
		body.whitebg2 ul {margin: 10px 20px;}
		
		body.whitebg2 span {font-weight: bold; color: red;}
		
		body.whitebg2 img {float: left; margin: 0 15px 15px 0}
		/* pop-up window style */


/* Wrapper Styles */
/* for IE7, FF, & compliant */	
#outerwrap { /* wraps header to footer page elements and helps hold page height consistently */
	min-height: 100%;
	} 

#innerwrap { /* wraps header to content (but not footer) elements and helps hold page height consistently */
	background: #fff left top url('../graphics/misc/columns.jpg') repeat-y;
	height: auto;
	min-height: 100%;
	overflow: visible; /* fills in bg color for remaining sidebar area in addition to line above */
	}
/* For IE7, FF, compliant browsers */	

/* Clearfix in case content pushes beyond viewport */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

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

/* End Clearfix */