﻿/* Horizontal menu styles */

#hmenu ul { margin: 0;padding: 0;list-style: none;font-size: 9px;z-index: 100; font-variant:small-caps;}

#hmenu li { /* all list items */ float: left;position: relative;width: 10.3em;z-index: 100;}

#hmenu li ul {/* second-level lists */ position: absolute; display: block; top: 2em;left: 0;z-index: 100;}

#hmenu li>ul {/* to override top and left in browsers other than IE */top: auto;left: auto;}



/* Fix IE. Hide from IE Mac \*/

* html #hmenu ul li { float: left; height: 1%; }

* html #hmenu ul li a { height: 1%; }

/* End */



#hmenu li:hover ul { display: block; }

#hmenu li:hover>ul { visibility:visible; }

#hmenu ul ul { visibility:hidden; }		



/* Make-up syles */

#hmenu ul, li {    margin: 0 0 0 0; }



/* Styles for Menu Items */

#hmenu ul a {display: block;text-decoration: none;color: #777;background: #fff; /* IE6 Bug */padding: 5px;border: 1px solid #ccc;}



/* Hover Styles */

#hmenu ul a:hover { color: #cccccc; background: #333333; } 



/* Sub Menu Styles */

#hmenu li ul a {text-decoration: none;color: #777;background: #fff; /* IE6 Bug */border: 1px solid #ccc;padding: 5px; } 



/* Sub Menu Hover Styles */

#hmenu li ul a:hover { color: #cccccc; background: #333333; } 



/* Icon Styles */

#hmenu li a.submenu {background:#fff url("../images/v_arrow.gif") no-repeat right; }

#hmenu li a.submenu:hover {background:#333333 url("../images/v_arrow.gif") no-repeat right;}

#hmenu li ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right;}

#hmenu li ul a.submenu:hover {background:#cccccc url("../images/r_arrow.gif") no-repeat right;}



/* Opacity */

#hmenu ul li ul {	filter:alpha(opacity=90); /* for IE */	-moz-opacity:0.9; /* for mozilla */	opacity: 0.9; /* for safari */	khtml-opacity: 0.9 /* for konquerer and older safari */}

/* Width */
#menu-short
{
    width: 80px;
}
#menu-long
{
    width: 120px;
}