/* 
// Copyright 2004 The Griswold Company, Inc.
// stylesheet by Eric Wright
*/


/* BASICS  */

body
	{
	height: 100%;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0 0 50px;
	background: #7F8F71;
	background-image: url(images/bg_stripe3.gif);
	background-repeat: repeat-x repeat-y;
	color: #000;
	font-family: Helvetica, Arial, Verdana, sans;
	font-size: 76%;
	line-height: 140%;
	}


/*  HEADER  */

#header
	{
	position: relative;
		
	border-bottom: 8px solid #7D9E7F;
	
	background: #030;
	
	}

/*  MAIN  */
#main
	{
	border: 0;
	}


/*  CONTENT  */

#content
	{
	position: Left;
	width: 870px;
	left: 50%;
	float: left;
	
	padding: 0 ;
	border: 1px solid #000;
	
	background: #fff;
	font-size: 1em;
	}


/*  MAINCONTENT */

#maincontent
	{
	position: relative;
	width: 510px;
	
	padding: 0 0 40px 40px;
	border: 1px solid #fff;
	}

#maincontent p
	{
	margin: 0 0 1.5em 0;
	}

#maincontent h1
	{
	border-top: 2px solid #7D9E7F;
	padding: .5em 0 0 0;
	margin: 2em 0 1em 0;
	
	color: #363;
	font-weight: normal;
	font-size: 2.1em;
	}


#maincontent h2
	{
	padding: .5em 0 0 0;
	margin: 2em 0 1em 0;
	border-top: 1px solid #ccc;

	font-weight: bold;
	color: #363;
	font-size: 1.3em;
	}


#maincontent h3
	{
	margin: 1.7em 0 .1em 0;
	padding: 0;
		
	color: #363;
	font-size: 1em;
	font-weight: bold;
	}

#maincontent li
	{
	list-style-type: none;
	}

#maincontent a
	{
	color: #336600;
	text-decoration: none;
	}

#maincontent a:hover
	{
	color: #363;
	text-decoration: underline;
	}


/*  two column  */
.twocolumn
	{
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	}

.column1, .column2
	{
	position: relative;
	display: inline;
	width: 49%;
	float: left;
	}




/*  MENU  */

#menu
	{
	position: absolute;
	width: 250px;
	top: 120px;
	left: 530px;
		
	margin: 0 5px 0 70px;
	padding: 40px 0 ;
	}

#menu ul
	{
	margin: 15px 0 0 15px;
	padding: 0;
	}

#menu li
	{
	list-style-type: none;
	
	margin: 0 0 .5em 0;
	padding: 0;

	
	}

#menu a
	{
	color: #030;
	font-weight: normal;
	text-decoration: none;
	}
	
#menu a:hover
	{
	font-weight: bold;
	color: #7D9E7F;
	text-decoration: underline;
	}

body#home #menu_home a,
body#about #menu_about a,
body#service #menu_service a,
body#tech #menu_tech a,
body#personnel #menu_personnel a,
body#contact #menu_contact a,
body#operations #menu_operations a,
body#careers #menu_careers a,
body#soft #menu_soft a,
	{
	font-weight: bold;
	}

/* BOTTOM  */

#bottom
	{
	position: relative;
	clear: both;
	bottom: 0;
	
	margin: 0;
	padding: 0 0 18px 0;
	border-top: 8px solid #7D9E7F;
	border-bottom: 1px solid #030;
	
	background: #030;
	color: #fff;
	font-size: 1em;
	text-align: center;
	}


#bottomcontent
	{
	padding: 18px 0 0 0 ;
	}

#bottom a
	{
	margin: 0;
	color: #7D9E7F;
	text-decoration: none;
	}

#bottom a:hover
	{
	color: #fff;
	text-decoration: underline; 
	}




/***  PERSONNEL PAGE  ***/


#maincontent.personnel h2, #maincontent.personnel ul
	{
	width: 210px;
	}

#maincontent.personnel ul
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#maincontent.personnel li
	{
	list-style-type: none;
	border: 0;
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid #fff;
	
	line-height: 100%;
	}

#maincontent.personnel span.title
	{
	display: block;
	
	padding: 0;
	margin: 0 0 0 10px;
	
	color: #666;
	font-size: .9em;
	text-decoration: none;
	}


#maincontent.personnel a
	{
	color: #000;
	}

#maincontent.personnel a:hover
	{
	color: #696;
	}

/** bio pages styles **/
#bio
	{
	position: absolute;
	width: 290px;
	top: 9.3em;
	left: 270px;
	
	margin: 1px 0;
	border: 1px solid #fff;
	}

/* DO NOT MOVE THIS COMMENT.  For some reason, having a comment here makes the name/title/email within the "bio" div look right in IE 4 */

#bio img
	{
	border: 0;
	}

#bio img.headshot
	{
	position: relative;
	display: inline;
	float: left;
	margin:  0 10px 1em 0 ;
	}

#bio p
	{
	margin: 0 0 1em 0;
	clear: both;
	}

#bio h2
	{
	display: inline;
	
	margin: 0;
	padding: 0;
	border: 0;

	color: #000;
	font-size: 1em;
	font-weight: bold;
	
	}

#bio h3
	{
	
	padding: 0;
	margin: 0;
	border: 0px solid orange;
	
	color: #666;
	font-weight: normal;
	font-size: 1em;
	}