html, body, ul, li { padding: 0; margin: 0; list-style: none;}

#content {
background:#ffffff;
font-family: monospace; 
color:#000000;
text-align: left;
width: auto;}

a:link, a:visited, a:hover, a:active {
	  text-decoration: none;
	  color: #cccccc;
  }

.linebreak {
position: relative;
margin: auto;
padding: .15em;
width: auto;
background:#333333;
color:#ffffff;
}

.linebreak a, .linebreak a:link, .linebreak a:visited, .linebreak a:hover, .linebreak a:active {
text-decoration: none;
color: #ffffff;
text-align:left;}

#wrapper {
  margin: 0 auto;
  padding: 0 0 0;
  width: 0;
  border: 1px solid #cccccc;
  text-align: left;
  background-image: none;
  }


#column{
float: none;
width: auto;
padding: 2%;
}

#footer {padding: 0 0.5em 0.5em 0.5em;
	}

h1, h3, h4, h5, h6	{
font-size: 1.2em;
	line-height: 1em;
	text-align: left;
	}
h2 {font-size: 1.2em; text-align: left; color: #ffffff; padding: .38em;}
.about {background: #006633;}
.service {background: #339933;}
.research {background: #99CC99;}
.tech {background: #669933;}

.nav {
	position: relative;
	background: #fff;
	width: 100%;
	border: 0;
	}

.button {position: relative;
display:compact;
width: auto;
	}

.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	
.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */ 

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: auto;
	position: relative;		
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	}
	
.dropdown div {
	width: auto;
	position: absolute;		
	left: -3000px;
	top: 0;  
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.dropdown ul { 
  width: auto; /* tweaked so that dropdowns appear to "line up" with top links */
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
		
.five .dropdown ul {width: auto;} /* modifies width for rightmost "visible" dropdown (tweak) */
		
.nav li {text-align: left;}

.nav a {
  display: list-item;
  color: #000;
	text-decoration: none;
	/* makes the dividers between the top nav links */
	}

.five a {border-right: 0;} /* kills right border on last top link */
	
.nav ul ul a {
  color: #000;
  }
	
.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  }
				


.dropdown li:hover {background: #fff;} /* hover color effect on dropdown links */


/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
.one ul {background: #fff;}
.two ul {background: #fff;}
.three ul {background: #fff;}
.four ul {background: #fff;}
.five ul {background: #fff;}


.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */

