ul {margin: 0; padding: 0; text-align: left; height: 17px; background: #369;}
li {
	float: left; 
	/*width: 100px; */
	list-style-type: none; 
	background: #369;
	height: 17px;
}
li div {display: none}
li a {
	text-decoration: none; 
	color: #9cf;
}
/*li:hover {background: #69c; color: white;}*/
li:hover div {margin-top: 4px; margin-left: 0px; padding: 1px; padding-bottom: 0px; background: #999;}
li:hover div a {
	display: block;
	width: 200px;
	background: #dcdbdb; 
	height: 14px;
	color: #555; 
	padding: 1px 0px 1px 4px;
	border-bottom: 1px solid #999;
}
li:hover a {color: white;}
li:hover div {display: block; position: absolute; left: inherit; top: inherit;}
.sub a:hover {color: #555; background: #c0c0c0}
.mainmenu1{
	display: block;
	width: 88px;
	background: url('images/sub_menu_1.jpg');
}
.mainmenu1:hover{
	background: url('images/sub_menu_1a.jpg');
}
.mainmenu2{
	display: block;
	width: 101px;
	background: url('images/sub_menu_2.jpg');
}
.mainmenu2:hover{
	background: url('images/sub_menu_2a.jpg');
}
.mainmenu3{
	display: block;
	width: 114px;
	background: url('images/sub_menu_3.jpg');
}
.mainmenu3:hover{
	background: url('images/sub_menu_3a.jpg');
}
.mainmenu4{
	display: block;
	width: 108px;
	background: url('images/sub_menu_4.jpg');
}
.mainmenu4:hover{
	background: url('images/sub_menu_4a.jpg');
}