html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 
 width:800px;  
} 
 
#header{
 position:relative; 
 height:130px; 
 background-color:#ffffff;  
 background-image:url('appenvhead.jpg');
 width:100%;
} 
 
#leftcol{
 width:25%; 
 height:360px;
 float:left; 
 position:relative; 
 background-color:#ffffff;
/*background-image:url('vertical_back.jpg');*/
 }
 
#navigation {
width:100%;
height:40px;
background-image:url('navigation_header.jpg');
}


#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:75%; 
 }
 
#footer{
 height:85px; 
 background-color:#ffffff; 
 background-image:url('footer_head.jpg');
 clear:both;
 } 
 
 
 /* *** DO NOT MODIFY -- This fixes the bugs in IE6, 5 and Safari
 *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* This is the CSS for the navigation section embedded in the leftcol. */
.navcontainer { 
width: 200px; 
height:330px;
margin-top:30px;

}

.navcontainer ul
{
margin-left: -20px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.navcontainer a
{
/*margin-bottom:-10px;*/
margin-top:-5px;
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

.navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #369;
color: #fff;
}



/* Photo CSS or bullets CSS*/

#maincol #pic {
float:left;
width:300px;
height:250px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

#pic_right {
float:right;
width:300px;
height:250px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

#about
{
float:right;
width:250px;
height:333px;
margin-left:5px;
margin-top:5px;
margin-right:5px;
}
#bullets {
float:left;
margin-left:5px;
margin-top:5px;
margin-right:5px;
width:125px;
/*height:80px;*/
}

#pic_micro {
float:right;
width:183px;
height:250px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

#pic_aiha {
float:right;
width:173px;
height:190px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

#pic_iaqa {
float:right;
width:179px;
height:285px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

 #waterfall {
float:right;
width:255px;
height:350px;
margin-left:5px;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}

 #digger{
float:right;
width:333px;
height:500px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

 #dc{
float:left;
width:300px;
height:337px;
margin-left:5px;
margin-top:5px;
margin-right:5px;

}

#capitol {
float:right;
width:284px;
height:346px;
margin-left:5px;
margin-top:5px;
margin-right:5px;
}

#beeks {
float:right;
width:353px;
height:260px;
margin-left:5px;
margin-top:5px;
margin-right:5px;
}

#plane
{
float:right;
width:448px;
height:178px;
margin-left:10px;
margin-top:5px;
margin-right:5px;
}

#nvlap 
{
float:left;
margin-top:5px;
width:173px;
height:100px;
}
/*----------------------------------------------*/



/*Header MENU */
#navlist
{
margin-top:5px;
margin: 0;
padding: 0 0 20px 10px;
/*border-bottom: 1px solid #000;*/
}

#navlist ul, #navlist li
{
margin-top:5px;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 3px 20px 2px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #336699;
padding-bottom: 2px;
background: transparent;
color: #66CC00;
}

#navlist a:hover { color: #336699 }