/* menu::base */
div#menu1 { height: 52px; padding-left: 6px; width:auto; background-image: url(images/left.png); background-repeat: no-repeat; background-color: #006384; }
div#menu1 ul { margin: 0; padding: 0; list-style: none; float: left; }
div#menu1 ul.menu1 { padding-right: 6px; background: url(images/right.png) no-repeat right 0; }
div#menu1 li { position: relative; margin: 0; padding: 0 0px 0 0; display: block; float: left; z-index: 9; width: auto; }
div#menu1 ul ul li { z-index: 9; }
div#menu1 li div { list-style: none; float: left; position: absolute; z-index: 11; top: 52px; left: 0; visibility: hidden; width: 250px; margin: 0px 0 0 -4px; padding: 0; background: url(images/subsubmenu-top.png) no-repeat 0px 0; }
div#menu1 ul ul { z-index: 12; padding: 0px 4px 10px 4px; background: url(images/submenu-bottom.png) no-repeat 0px bottom;  margin: 10px 0 0 0; }
div#menu1 li:hover>div { visibility: visible; }
div#menu1 a { position: relative; z-index: 10; height: 50px; display: block; float: left; line-height: 50px; text-decoration: none; margin-top: 1px; white-space: nowrap; width: auto; padding-right:5px; text-align:center; }

/*div#menu1 span { margin-top: 2px; padding-left: 15px; color: #fff; background: none; line-height: 50px; display: block; cursor: pointer; background-repeat: no-repeat; background-position: 950; text-align: center; text-transform: none; font-family: 'Engagement', cursive; font-family: 'Handlee', cursive; font-size: 18px; text-shadow: 4px 4px 4px #aaa; }*/

div#menu1 span { margin-top: 2px; padding-left: 15px; color: #fff; font: normal 13px Helvetica, Arial, FreeSans, sans-serif; background: none; line-height: 50px; display: block; cursor: pointer; background-repeat: no-repeat; background-position: 950px; text-align: center; }

/* menu::level1 */
div#menu1 a { padding: 0 10px 0 0; line-height: 50px; height: 52px; margin-right: 5px; background: none; text-transform: uppercase; }
div#menu1 a:hover { background:  url(images/selected-right-sub.png) no-repeat right -1px; }
div#menu1 a:hover span { background: url(images/selected-left-sub.png) no-repeat 0 -3px; }
div#menu1 li.current a, div#menu1 ul.menu1>li:hover>a { background: url(images/selected-right-sub.png) no-repeat right -1px; }
div#menu1 li.current a span, div#menu1 ul.menu1>li:hover>a span { background: url(images/selected-left-sub.png) no-repeat 0 -3px; }
div#menu1 ul.menu1>li:hover>a span { color: #24c9ff; }
div#menu1 li { }
div#menu1 li.last { background: none; }
/* menu::level2 */
div#menu1 ul ul li { background: none; padding: 0; }
div#menu1 ul ul a { padding: 0px; height: auto; float: none; display: block; line-height: 25px; font-size: 13px; color: #fff; z-index: -1; padding-left: 5px; white-space: normal; width: 152px; margin: 0 8px; text-transform: none; }
div#menu1 ul ul a span { padding: 0 5px; line-height: 25px; font-size: 13px; }
div#menu1 li.current ul a, div#menu1 li.current ul a span { background:none; }
div#menu1 ul ul a:hover { background:none; background-color: #00536F; width:70%; }
div#menu1 ul ul a:hover span { background:none; color: #24c9ff; }
/* div#menu1 ul ul a.parent~X~ { background: url(images/submenu-pointer.png) no-repeat right bottom; _background-image: 
url(images/submenu-pointer.gif); }
div#menu1 ul ul a.parent~X~ { background-image: url(images/submenu-pointer.png); background-position: 150px; background-repeat: no-repeat; } */
div#menu1 ul ul a.parent span { background-image: url(images/submenu-pointer.png); background-position: 85%; background-repeat: no-repeat; }
/* div#menu1 ul ul a.parent:hover~X~ { background: url(images/submenu-pointer.png) no-repeat right bottom; _background: url(images/submenu-pointer-hover.gif) no-repeat right bottom; background-color: #004054; } */
div#menu1 ul ul a.parent:hover span { background:none;  width:100%; }
div#menu1 ul ul span { margin-top: 0; text-align: left;  width:250px;  }
div#menu1 ul ul li.last { background: none; }
div#menu1 ul ul li { width: 100%; }
/* menu::level3 */
div#menu1 ul ul div { width: 250px; padding: 0; margin: -62px 0 0 165px !important; }
div#menu1 ul ul ul { padding: 10px 4px 0 4px; }
div#menu1 ul ul div li { position:relative; top:-10px; }
/* lava lamp */
div#menu1 li.back { background: url(images/selected-left-sub.png) no-repeat 0 0; width: 5px; height: 52px; z-index: 8; position: absolute; padding: 0; margin: 0px 0 0 0; }
div#menu1 li.back .left { padding:0; width:auto; background: url(images/selected-right-sub.png) no-repeat right 0; height: 52px; margin: 0 0 0 5px; float: none; position: relative; top: 0; left: 0; visibility: visible; }