.clicktip {
	position: absolute;
    display: none; /* in case javascript is disabled */
	width: 330px;
	background-image: url(../gui/misc/bg.png); 
	background-repeat: no-repeat; 
	background-position: bottom right;
	font-size: 12px;
	z-index: 100;
	margin-left: -215px;
	margin-top: -100px;
	}
.hovertip {
	position: absolute;
    display: none; /* in case javascript is disabled */
	width: 230px;
	font-size: 12px;
	z-index: 100;
	margin-left: -265px;
	margin-top: -140px;
	}
.hovertip_target {
	font-style: normal;
}
.hovertip_target:hover {
	text-decoration: none;
  	cursor:pointer;
}
.nav, .nav * {
	margin:0;
	padding:0;
}
#cloud{
	float: left;
	position:absolute;
	line-height:1.0;
	background:	url('../css/bg.gif') no-repeat;
	width:380px; 
	height:333px; 
	padding:80px 40px 40px 40px; 
}
.nav {
	float: left;
	position:absolute;
	line-height:1.0;
	width:310px; 
	height:333px;
	padding:0px; 
}
.nav ul {
    width:160px;	
	list-style:none;	
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float: left;
	list-style:none;	
	position:relative;
}
.nav li ul {
	left:0;
	top:-999em;
	width: 180px;
	padding-top:50px;
	height:190px;
	background: url('../css/sub-bg.png') no-repeat;
	position:absolute;
	list-style:none;
	z-index:100;
	text-align: center;
	}


ul.hovertip li {
	list-style:none;
	background-image: url(../gui/misc/bgtip.gif); 
	background-repeat: repeat-x; 
	background-position: top left;
	background-color:#FFFFFF;
	border:1px solid #c7c7c7;
	display:block;
	margin-right:5px;
	margin-bottom:5px;
	padding:15px;
}
ul.clicktip li a {  }
ul.hovertip li a {  }
ul.hovertip {
	width:213px;
	display:block;
}