/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:5px 0 20px 0px; position:relative; width:800px; height:25px; z-index:100; color: #000;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none; border-top: 5px solid #ddd; border-bottom: 1px solid #ddd; height:30px;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; font-size:1.1em; color:#fff; height:25px; line-height:1.5em; text-decoration:none; text-indent:5px; font-weight: bold; color: #192174; padding: 0.2em 0.8em 0.2em 0.6em; }

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {width:120px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background: transparent; width: auto; border-top: 5px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -5px; border-left: 1px #fff solid; border-right: 1px #fff solid;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover, #pmenu .current{position:relative; border-top: 5px solid #192174; border-bottom: 1px solid #192174; margin-top: -5px; background:#EAE8E1; color: #192174;}

#pmenu li ul {display:none; margin: 0px;}
#pmenu li ul li:hover{border: 1px solid #000;}
#pmenu li ul li a:hover {width:120px; color: #192174; margin: 0px; background:#EAE8E1;}
#pmenu li ul li{position:relative; background-color: #EAE8E1; margin-top: -5px; border: 1px solid #000; background:#fff;}
#pmenu > li:hover > ul {display:block; position:absolute; top:30px; padding: 0px; margin: 0px;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background: transparent url(../images/fly.gif) no-repeat right center;}
#pmenu li.drop {background: transparent url(../images/drop.gif) no-repeat bottom center;}
#pmenu li.drop.current{background: #EAE8E1 url(../images/drop.gif) no-repeat bottom center;}
