/*
menu.css
Compiled for: Fun Projects
Developed by: IT Outsourcing Asia

Last Update: 21 April 2010 */

#wraps-menu{ height:27px; margin-bottom:20px;}
.menu { width:110px; height:27px; position:relative; z-index:90; font-family:arial, sans-serif;}
.menu ul{ padding:0; margin:0; list-style:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li li {float:left; height:auto; position:relative; white-space:nowrap;}

/* style the links for the top level */
.menu a{ display:block; font-size:12px;text-decoration:none; padding-left:5px; height:27px;line-height:27px; font-weight:bold;}
.menu a:hover{cursor:pointer;} 

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:auto;top:27px;left:0; width:440px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:-1px; left:0; border-collapse:collapse; border:none;}
	
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

/* Drop down arrowed button */
.menu ul li span{height:27px; line-height: 27px;}
.menu ul li span em{ padding:0 5px; display:block; height:27px; line-height:27px; font-style:normal; letter-spacing:1px;}

/* adjust heading and languages*/
li.language-left{ float:left; list-style:none; display:inline;}
li.language-right{ float:left; list-style:none; display:inline;}
.cv-left{height:17px; padding:7px 10px 3px 10px; line-height:12px; font-weight:bold; font-size:12px; font-family:arial; white-space:nowrap;}

/* style dropped links */
.menu ul ul{padding:6px 0 1px 6px;}
.menu ul ul li{ margin:0 6px 5px 0; height:20px;}
.menu ul ul a, .menu ul ul a span{ display:block; float:left;}
.menu ul ul a{padding-left:8px;}
.menu ul ul a span{padding-right:8px; height:100%; line-height:20px;}

/* applied for IE7 only */
.menu ul ul{/padding:6px 0 6px 6px;}

/* applies for IE6 only*/
li.language-left{_width:120px;}
.menu li ul{_margin-left:2px;}
.menu ul ul{ _top:28px; _left:-2px; _padding:6px 0 1px 6px;}
.menu ul ul li{_margin:0 5px 0 0;}

/* control iframe patch (IE6's needs extra care! */
#menufix iframe {position:absolute; left:1px; top:28px; height:175px /* if more links? keep increasing! */; width:448px;/*of drop down menu + 8px */ visibility:hidden;}
#menufix a:hover iframe {visibility:visible;}