/* ******************************************************** menu stuff **************** */
/* hover color effects done with javascript 'cuase IE Win is really that bad
/* there's going to be so much code at this point efficiency is a lost cause anyway */

#menu {						border-bottom: 2px solid #4a72ab;
							padding-top: 10px;
							font-family: Verdana, Helvetica, Sans-serif;
							font-size: 12px;
							text-indent: 5px;
							}
							
#menu a {					color: #000000;
							}
							


div.menuitem {				position: relative;
							border-top: 2px solid #4a72ab;
							font-weight: bold;
							background-color: transparent;
							width: 140px; /* for ie6... */
							left: 0px; /* for ie5... */
							}
						
						
div.menuitem a {			display: block;
							color: #000000; 
							/*must specify inherit - gets color from div.menuitem,
							  which can be controlled by JavaScript for rollover */
							text-decoration: none;
							padding-top: 3px;
							padding-bottom: 3px;
							left: 0px; /* for ie5...*/
							position: relative; /* for ie5...*/
							}

div.expando {				position: relative;
							z-index: 5;
							height: 16px;						 /*remove this line for NS-ish css */
							border-bottom: 1px solid #e0e9F6;
							}	
							
#whatIsAttic {				height: 32px;
							}		
	

div.last {					border-bottom: 0px;
							}
							
							
div.expando a {				display: block;
							color: #000000;
							text-decoration: none;
							padding-left: 12px;
							text-indent: 0px;
							font-size: 11px;
							padding-top: 3px;
							padding-bottom: 3px;
							position: relative;
							z-index: 5;
							}
							
						
				
div.expanded {				background-color: #4a72ab;
						}
						
#menu div.expanded a {		color: #e0e9F6;
							display; block;
							}
						
div.submenu {			/* for all submenus */
							display: none;
							position: absolute;
							left: 140px;
							top: -2px;
							width: 130px;
							z-index: 10;
							border: 2px solid #e0e9F6;
							background-color: #b8d1f5;
							font-weight: normal; /* for non-expando submenus */
							}	
							
div.submenu a {				font-size: 11px;
							padding-top: 2px;
							padding-bottom: 2px;
							padding-left: 4px;
							text-indent: 0px;
							
							}
							
div.submenu div {			border-bottom: 1px solid #e0e9F6;
							}
						
div.submenu div.submenu {	display: none;
							left: 130px;
							width: 138px;
							}	
							
div.submenu div.submenu div {
							border-bottom: 1px solid #e0e9F6;
							}
							
.iamhere {					background-color: #e0e9F6
							}							
							
<style type="text/css">

#dropmenudiv{
position: absolute;
background-color: white;
border-top:1px groove black;
border-right:6px groove gray;
border-bottom:6px groove gray;
border-left:1px groove black;
font: normal 12px Verdana;
line-height: 14px;
z-index: 100;
visibility: hidden;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: b3dc7e;
}

</style>
							

							
/* manually position all sub-sub menus but the first.  ick */							

#powerVentSub {				position: absolute;
							top: 16px;
							}
							
#staticVentSub {			position: absolute;
							top: 34px;
							}


/* ********************************************************************
				roll boxes (for whyVent/types - must be
				linked for NS4 to ignore the display: hidden's
******************************************************************** */	

.rollbox	{				padding-left: 0px;
							left: 0px;						
							}

div.rollbox p	{	
	padding-right: 0px;
	}

/* ********************************************************************
				content things that browsers can't handle the same
******************************************************************** */	

#content ul	{				padding-left: 156px;
							}	
							
#sidenav {					left: 10px;
							margin-left: 0px;
							}