/* Begin CSS Popout 2menu */

#2menu {
z-index:2;
width: 187px;
float: left;
background: ;
padding:0px;
}

#2menu a, #2menu h2{
font:11px/16px georgia,arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:0px;
}

#2menu h2{
color:#fff;
background:#000;
text-transform:uppercase;
padding:0px;
}

#2menu a{
color:#ffffff;
background:#8a5157;
text-decoration:none;
padding:0px;
margin-bottom: -2px;
}

#2menu a:hover{
color:#aab3b8;
background:#8a5157;
padding:0px;
}

#2menu ul{
margin: 0;
padding:0px;
float: left;
width: auto;
background: ;
list-style: none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#2menu li, div#2menu li:hover{
position:relative;
}

div#2menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */


#2menu ul ul {
position: absolute;
z-index: 500;
}

#2menu ul li ul a{
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}

#2menu ul li ul a:hover{
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}