/* --------------------------------------------------------------
  
   Sniðmáti fyrir Leikskóla Árborgar
   
   Höfundaréttur 2009
   http://www.tikktakk.is/
   
   Style: Navigation
   
   Hönnun: Hvíta Húsið
   Forritun: Tikktakk Hugbúnaður
   
-------------------------------------------------------------- */

.menu {position:relative; z-index:100; float: left; margin-top: 4px; height: 30px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:38px; text-align:center; color:#fff; line-height:38px; font-size:11px; overflow:hidden; background: url(../images/seperator.png) no-repeat right;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Non IE browsers */
a.current {color:#fff; background: url(../images/menu_hover.png) repeat-x !important;}
.menu ul li:hover a {color:#fff; background: url(../images/menu_hover.png) repeat-x;}
.menu ul li:hover ul {display:block; position:absolute; top:38px; left:0; width:180px;}
.menu ul li:hover ul li a.hide {background: url(../images/menu_activenew.jpg) no-repeat right; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background: url(../images/menu_activenew.jpg) no-repeat right;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: url(../images/menu_hover.png) repeat-x; height: 29px; line-height: 29px; color:#fff; font-weight: normal; font-size: 1.0em; text-align: left; padding-left: 10px; width: 180px;}
.menu ul li:hover ul li a:hover {background: url(../images/sub_bg_hover_new.jpg);}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:190px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-190px;}