body {
		font-family: arial, helvetica, serif;
	}
	
	.container {
		width:695px; 
		background:#fff  url(waterfall4.jpg);
		margin:30px auto; 
		padding:10px; 
		border:1px solid #000; 
		height: 497px
	}


	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		float : left;
		width : 100px;
		font-weight:bold;
		list-style-type: none;
		

	}
	

	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 30px;
		width: 11em;
		
	}

	#nav li li { /* second level list items */
		position:relative;
		float : left;
		line-height : 30px;
		margin-bottom : -1px;
		width: 100px;
		margin-right:11px;
				
	}

		
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 111px;
		margin-top : -31px;		
		display: inline;
		width:600px;		
}

	
#nav li a, #nav ul li a, #nav ul li a:visited {
		width:100px;
		display:block; 
		height:30px; 
		text-decoration:none; 	
		color:#000;  
		height:30px; 
		border:1px solid #5a3; 
		border-width:1px 1px 0 0; 
		background:#d6e4d0;
		filter: alpha(opacity=70);
 		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
		-moz-opacity: 0.70; 
		opacity:0.7;
		line-height:29px; 
		font-size:11px; 
		padding-left:10px;
	}
	
li.inline {
  display: inline;

  }

	#nav li a:hover {
		color : black;
		background-color : #ccffcc;
	}
	
	#nav li li a:hover {
			color : black;
			background-color : #ccffcc;
		}
	
	
	#nav li:hover ul ul, #nav li.sfhover ul ul{
		left: -999em;

	}
	
	#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
		left: auto;
		
	}


.copI {margin-left:80px; color:#fff; font-weight: bold; margin-top: -55px; font-size: 11px; font-family: arial, sans-serif;}
.copI a {color:#fff}
.cop {margin-left:2px; color:#fff; font-weight: bold; margin-top: 10px; font-size: 11px; font-family: arial, sans-serif;}
.cop a {color:#fff}
.copp {margin-left:2px; color:#fff; font-weight: bold; margin-top: 102px; font-size: 11px; font-family: arial, sans-serif;}
.copp a {color:#fff}




.expContainer{margin-left: 150px; height: 300px; overflow: auto; margin-top:180px; padding:0px:}
.expContainerb{margin-left: 150px; height: 300px; overflow: auto; margin-top:180px; padding:0px:border-bottom-color: black;border-bottom-style: solid;border-bottom-width:1px; width:479px;}
.infoHead {margin-top: 0px; margin-left:0px; width: 432px; border:1px solid #000; border-bottom: 0px; border-right: 0px; background:#66ff99; padding-left:10px; padding-top: 3px; padding-bottom: 3px;  font-size:12px; font-weight: bold;  }
.exitHead {margin-top: -22px; margin-left:443px; width: 18px; border:1px solid #000; border-bottom: 0px; border-left: 0px; background:#66ff99; padding-left:0px; padding-top: 3px; padding-bottom: 2px;  font-size:12px; font-weight: bold;  }
.exitHead img {border:1px solid black;}
.exitHead img:hover {border:1px solid #66ff99}
.exitHead a {}

.infoEnd {margin-left:0px; width: 450px; padding-right:5px; border:1px solid #000; border-top: 0px;  background:#ccffcc; padding-left:5px; padding-top: 10px; padding-bottom:2px; font-family: arial, sans-serif; height: 150px; font-size:12px}
.infoEnd img{margin-right:4px; float:left;}
.edBegTop {margin-left:0px; width: 109px; border-left:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 3px; font-family: arial, sans-serif; height: 27px; font-size:12px; text-decoration: underline;}
.edMidTop {margin-left:120px; margin-top: -30px; width: 155px; background:#ccffcc; padding-left:10px; padding-top: 3px; font-family: arial, sans-serif; height: 27px; font-size:12px; text-decoration: underline;}
.edLastTop {margin-left:285px; margin-top: -30px; width: 156px; border-right:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 3px; padding-right: 10px; font-family: arial, sans-serif; text-decoration: underline; height: 27px; font-size:12px}
.edBeg {margin-left:0px; padding-bottom: 2px; margin-top:0px; width: 109px; border-left:1px solid #000; border-bottom:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; height: 240px; font-size:12px}
.edMid {margin-left:120px; padding-bottom: 2px;margin-top: -248px; width: 150px; border-bottom:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; height: 240px; font-size:12px}
.edLast {margin-left:280px; padding-bottom: 2px; margin-top: -248px; width: 161px; border-right:1px solid #000; border-bottom:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; padding-right: 10px; font-family: arial, sans-serif;  font-size:12px; height:240px}
.portDesc {margin-left:0px; width: 310px; border-left:1px solid #000; border-top: 0px;border-bottom:1px solid #000;   background:#ccffcc; padding-left:10px; padding-top: 11px; font-family: arial, sans-serif; height: 150px; font-size:12px}
.portPho{margin-left:321px; margin-top: -162px; padding-bottom: 6px; width: 130px; border-right:1px solid #000;border-bottom:1px solid #000;  border-top: 0px;  background:#ccffcc; padding-left:10px; padding-top: 3px; font-family: arial, sans-serif; height: 152px; font-size:12px}
.portDesc a{font-weight: bold;}
.expBeg {font-family: arial, sans-serif; font-size:12px; margin-left:0px; margin-top:0px; width: 109px; border-left:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; height: 20px; font-size:12px}
.expMid {font-family: arial, sans-serif; font-size:12px; margin-left:120px; margin-top: -25px; width: 155px; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; height: 20px; font-size:12px; font-weight:bold; }
.expLast {font-family: arial, sans-serif; font-size:12px; margin-left:285px; margin-top: -25px; width: 156px; border-right:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; padding-right: 10px; font-family: arial, sans-serif;  font-size:12px; height:20px}
.expDesc{font-family: arial, sans-serif; font-size:12px; padding-bottom: 2px; margin-left:0px; width:395px; padding-left:60px; margin-top: 0px; background-color:#ccffcc; border-left:1px solid #000; border-right:1px solid #000; padding-right:5px}
.expBorder {border-bottom-color: black;border-bottom-style: solid;border-bottom-width:1px; padding-bottom:0px; margin-top:-42px; margin-left:120px; width:460px}

.infoHeadc {margin-top: 180px; margin-left:150px; width: 432px; border:1px solid #000; border-bottom: 0px; border-right: 0px; background:#66ff99; padding-left:10px; padding-top: 3px; padding-bottom: 3px;  font-size:12px; font-weight: bold;  }
.exitHeadc {margin-top: -22px; margin-left:593px; width: 18px; border:1px solid #000; border-bottom: 0px; border-left: 0px; background:#66ff99; padding-left:0px; padding-top: 3px; padding-bottom: 2px;  font-size:12px; font-weight: bold;  }
.exitHeadc img {border:1px solid black;}
.exitHeadc img:hover {border:1px solid #66ff99}
.exitHeadc a {}

.expContainerc{margin-left: 150px; height: 277px; overflow: auto; margin-top:0px; padding:0px:border-bottom-color: black;border-bottom-style: solid;border-bottom-width:1px; width:479px;}

.infoEndp {margin-left:0px; width: 450px; padding-right:5px; border:1px solid #000; border-top: 0px; border-bottom: 0px;  background:#ccffcc; padding-left:5px; padding-top: 10px; padding-bottom:2px; font-family: arial, sans-serif; font-size:12px;}
.infoEndp img {float:right; margin-top: -20px;}

.expContainerd{margin-left: 150px; height: 185px; overflow: auto; margin-top:0px; padding:0px:border-bottom-color: black;border-bottom-style: solid;border-bottom-width:1px; width:479px;}

.expContainere{margin-left: 0px; overflow: auto; margin-top:0px; padding:0px:}

.infoHeade {margin-top: 180px; margin-left:150px; width: 432px; border:1px solid #000; border-bottom: 0px; border-right: 0px; background:#66ff99; padding-left:10px; padding-top: 3px; padding-bottom: 3px;  font-size:12px; font-weight: bold;  }
.exitHeade {margin-top: -22px; margin-left:593px; width: 18px; border:1px solid #000; border-bottom: 0px; border-left: 0px; background:#66ff99; padding-left:0px; padding-top: 3px; padding-bottom: 2px;  font-size:12px; font-weight: bold;  }
.exitHeade img {border:1px solid black;}
.exitHeade img:hover {border:1px solid #66ff99}
.exitHeade a {}


.expBeg1 {font-family: arial, sans-serif; font-size:12px; margin-left:0px; margin-top:0px; width: 97px; border-left:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; font-size:12px}
.expMid2 {font-family: arial, sans-serif; font-size:12px; margin-left:107px; width: 178px; background:#ccffcc; padding-left:10px; padding-top: 5px; font-family: arial, sans-serif; font-size:12px; font-weight:bold; margin-top: -305px }
.expLast3 {font-family: arial, sans-serif; font-size:12px; margin-left:285px; width: 156px; border-right:1px solid #000; background:#ccffcc; padding-left:10px; padding-top: 5px; padding-right: 10px; font-family: arial, sans-serif;  font-size:12px; margin-top: -305px}