/* Begin CSS Popout Menu */

#menu{
width:100%;
border: 1px solid #cccccc;
}

#menu *{
margin:0px;
padding:0px;
border:0px;
vertical-align:top;
}

#menu table {
border-collapse:collapse;
margin:3px;
}

#menu table td{
width:200px;
margin:0px;
padding:0px;
vertical-align: top;
}
/*Parent Items*/
#menu a.pitem{
white-space: nowrap;
text-decoration:none;
display:block;
color:#ffffff;
text-align:center;
font-size: 12px;
line-height:32px;
background: url(./images/menubg.jpg) center left repeat-x;
height:100%;
}
#menu a.pitem:visited{
color:#fff;
}
#menu a.pitem:hover{
color:#3ff;
/*background: url(./images/menubg.jpg) center left repeat-x;*/
}
#menu a.pitem:active{
color:#f9f;
/*background: url(./images/menubg.jpg) center left repeat-x;*/
}

/* Styling for Expand */
#menu a.xpitem{
text-decoration:none;
display:block;
color:#ffffff;
text-align:center;
font-size: 12px;
white-space: nowrap;
line-height:32px;
background: url(./images/menubg.jpg) center left repeat-x;
height:100%;
}
#menu a.xpitem:visited{
color:#fff;
}
#menu a.xpitem:hover{
color:#3ff;
/*background: url(./images/menubg.jpg) center left repeat-x;*/
}
#menu a.xpitem:active{
color:#f9f;
/*background: url(./images/menubg.jpg) center left repeat-x;*/
}
/*End Parent Items*/
/*Child Items*/
#menu a.citem{
color:#000;
white-space: nowrap;
text-decoration:none;
display:block;
width:100%;
border:1px solid white;
}
#menu a.citem:visited{
color:#000;
}
#menu a.citem:hover{
color:#c00;
background:#ddd;
border:1px solid gray;
}
#menu a.citem:active{
color:#060;
background:#ccc;
}

/* Styling for Expand */
#menu a.xcitem{
color:#000;
white-space: nowrap;
text-decoration:none;
display:block;
width:100%;
background: #fff url(./images/sub.gif) no-repeat right;
border:1px solid white;
}
#menu a.xcitem:visited{
color:#000;
background: url(./images/sub.gif) no-repeat right;
}
#menu a.xcitem:hover{
color:#c00;
border:1px solid gray;
background: #ddd url(./images/sub.gif) no-repeat right;
}
#menu a.xcitem:active{
color:#060;
}
/* End Childs */



#menu ul{
background:#ffffff;
list-style:none;
}

#menu li{
position:relative;
display:block;
}

#menu ul ul{
border:1px solid #9d9da1;
position:absolute;
z-index:50;
display:none;
}

/* Center Submenu Items */
#menu ul ul li{
text-align:left;
line-height: 30px;
display:block;
padding:1px 3px 1px 26px;
width:200px;
}

/*2nd Childlvl*/
#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

div#menu li:hover{
cursor:pointer;
z-index:10;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

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

/* End of non-anchor hover selectors */