#divmenu{position:absolute; top:70px; left:-100px; width:600px; height:50px; Z-index:3; }

/*the style of the a's text decoration*/
a{ color: #6C&B8B; text-decoration:none; }
a:hover{ color:#995534; }

#divitem1{position:absolute;left:5px ;width:80px; 
background-color:#FF4040; padding:3px 5px 3px 10px; color:#FFEBCD; }
#divitem2{position:absolute;left:103px; width:180px; 
background-color:#FF4040; padding:3px 5px 3px 10px; color:#FFEBCD; }
#divitem3{position:absolute;left:300px; width:120px;
background-color:#FF4040; padding:3px 5px 3px 10px; color:#FFEBCD; }
/*the style of the upper menu
.trigger{ margin:0; padding:1px; }

/*the position of the menu???*/
//.trigger ul.submenu{ margin-top:10px; margin-left:4px; }

/*the style of the submenu: padding control the border when highlight*/
.trigger ul.submenu{
 font-size:14px;
 display:none; position:absolute; top:20px; left:30px;
 margin:0; padding:1px;
 list-style:none; border:solid 1px #ccc;
 background-color:#E0FFFF;
 width:12em;
}
.trigger ul.submenu li{padding: .1em .5em; }
.trigger ul.menu li a{ display:block; } /* Need to display block after the show up*/

/*style when mouse hover the menu:
color change the text color when hover, background change the highlight*/
.trigger:hover ul.submenu{display:block; }
.trigger:hover { color:#87CEFA; }
.submenu li:hover{ background-color:#ADD8E6; }