/* CSS Nav Menu Document */
/* Surf'n Styles for Capitola Weather Net */

#menu {
}

#menu ul {
    list-style: none;
	position: relative;
    margin: 0;
    padding: 0;
	z-index: 1000;
}

* html #menu ul {
    position: absolute;
}

#menu a {
    color: #fff;
    text-decoration: none;
    font: bold 11px/14px Verdana, Geneva, Arial, helvetica, sans-serif;
    display: block;
    margin: 0;
    padding: 2px 3px;
}

#menu a:hover {
    color: #fff;
    background: url(../images/side-bar-header.png);
}

#menu ul ul {
    position: absolute;
    top: -24px;
    left: 92%;
    width: 100%;
}

#menu ul li a.sub,
#menu ul li:hover a.sub {
	/* background: url(../images/nav-arrow-right-normal.png) no-repeat 150px; */
}

#menu ul li:hover a.sub {
	background: url(../images/nav-arrow-left.png) no-repeat 136px;
}

#menu li {
    position: relative;
}

#menu li.subitem {
    background-color: #363636;
	padding-left: 6px;
	padding-right: 6px;
}

#menu li.flyout-menu-top {
    background-image:  url(../images/menu-flyout-top.png);
	height: 10px;
}
#menu li.flyout-menu-btm {
    background-image:  url(../images/menu-flyout-btm.png);
	height: 10px;
}

div#menu ul ul {
    display: none;
}

div#menu ul li:hover ul {
   display: block;
}