/* CSS Document */
body {
	background: #60adef; /*color of outer universe*/
	font-family: Arial, Helvetica, sans-serif;
	color: #6D7164;
	margin: 0px;
	padding: 0px;} /*was 15px*/
	

/*headers and footers*/	
#header, #footer {
	background: #f7f6f4; /*warm white*/
	/*border: 1px solid #0ce9f7;*/ /*just here to show box initially*/
	max-width: 1000px;
	min-width: 800px;
	margin: auto;
	/*z-index: 3;*/}
#header {
	border-bottom: none;
	height: 179px;}
#headerglue {
	position: relative;
	top: 0px;
	width: 800px;
	height: 179px;}
#headcol_1 {
	position: absolute;
	top: 0px; 
	float: left;
	
	left: 0px;
	width: 292px;
	height: 179px;
	border:0px;
	margin: 0;
	/*z-index:8;*/}
#headcol_2 {
	position:relative;
	top:0px;
	height:197px;
	border:0px;
	margin:0px;}
#column_3 {
	float: right;
	right: 0px;
	width: 0px;}
.img_top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 292px;
	height: 179px;
	border:0px;
	/*z-index: 8;*/}
.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 292px;
	height: 179px;
	/*border:0px;*/
	/*z-index: 8;*/}
.menu {
	position: absolute;
	top: 0px;
	left: 292px;
	width: 508px;
	height: 56px;
	padding: 0px;
	margin-top:0px;
	border: 0px;
	z-index: 200}
.menu a:hover {
	background-color: #f54914;
	border-bottom: 3px solid #f54914;
	z-index:400;}
.menu a {
	height: 56px;
	border: 0px;
	z-index:400;}
.headline {
	position:absolute;
	top: 59px;
	left: 292px;
	width:504px;
	height:121px;
	padding:0px;
	margin:0px;
	z-index: 10;}
#footer {
	border-bottom: 5px solid #f54914;
	color: #7a9da0;
	padding: 3px 0px 0px 0px;
	z-index: 6;}
/*end headers and footers*/	

/*meat of the page*/
#belly {
	max-width:1000px;
	min-width:800px;
	margin:auto;}
#containment { 
	/*binds all midsection 'meat of site' sections together*/
	position: relative;
	min-height: 270px;
/*	border: 1px solid 0ce9f7;*/ /*just here to show box initially*/
	background: #f0f0f0; /*light cyan to test*/
	max-width: 1000px;
	min-width: 800px;
	margin:auto;}

#column_1, #column_3 {
	position: absolute;
	top: 0px; 
	bottom: 0px;
	left: 0px;
	background: #5b6566; /*gray sidebar*/
	color: #e0e9ea; /*light cyan text*/
	border:0px;
	width: 292px;
	margin: 0px;
	overflow:hidden;
	/*z-index:300;*/}
#column_3 {
	float: right;
	right: 0px;
	width: 0px;}
#projbar {
/*	float: right;*/
	width: 290px;
	margin-right: 0px;
	padding: 0px;
/*	background-color: #5b6566;
	border-left: 1px solid  #000;
	border-bottom: 1 px solid #000;*/}
.proj_imageref {
	width: 100px;
	height: 100px;
	
	background-color: #394a38;}
#img_c1r {
	right: 10px;}
#img_c1l {
	left: 10px;}

/* #projbar link styles */	
#projbar ul a:link, #projbar ul a:visited {display: block; width:275px; height:39px;}
#projbar ul {list-style: none; margin:0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#projbar li {border-bottom:1px solid #EEE; padding: 0 0 0 0;}

/* fix for browsers that don't need the hack */
html>body #projbar li {border-bottom: none;}


#projlinks {
	clear: both;
	position: relative;
	padding: 0px;
	margin:0px;
	font-size: 90%;}
.box {
	position:absolute;
	display:block;
	width:250px;
	padding:5px;
	margin:10px;
	border:1px solid #ccc;}
	
#projlinks h2 {
	padding: 10px;}
#projlinks h3{	
	padding: 20px 0px 2px 10px;
	margin:0px;
	border-bottom:2px groove #ccc;}
#projlinks p{	
	padding: 0px 15px 5px 15px;
	display:block;}
#projlinks a {
	clear:both;
	display: block;
	width: 275px;
	height: 39px;
/*	border-top: 2px solid #92a2a3;*/

	padding: 0px;
	border: 0px;} /*the highlighted box and its boundaries arround the image and text*/
#projlinks a:hover {
	/*color:#f7e6f4;
	background-color: #5b6566;*/
	border-right: 4px solid #f54914;
	padding-right:10px;}
#projlinks a:visited {
/*	color: #6D7164; text-decoration: none;}*//*grey*/
		color: #7a9da0; text-decoration: none;}
#projlinks a:link {
	color: #f0f0f0; text-decoration: none;}/*light sage*/
#projlinks a:active {
	color: #CCCCCC; text-decoration: none;}
.story {}

#content {
	margin-left: 292px;
	padding: 10px 10px 10px 50px;
	background: #f0f0f0;
	border-top: 1px solid #f0f0f0;
	/*z-index:200;*/}
	
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.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: 0px;
}

	
.projimg {
	position: relative;
	padding: 0px;
	margin:0px;}
.projimg a {
	color: #AAAAAA;} /*the highlighted box and its boundaries arround the image and text*/

.projimg a:hover {
	color:#33CCFF;
	border-bottom: 10px solid #f54914;
	}