/* Begin CSS Popout Menu */

#menu { position:relative; top:0; left:0.5em; z-index:2; width:150px; font-size: 70%; }

#menu a { display:block; white-space:nowrap; margin:0; padding:0 4px; text-decoration:none; }

#menu ul { list-style:none; margin:0 0 18px 0; padding:0; width:100%; }

#menu ul li { text-align: right; }
#menu ul li a { color: #5F5C5C; }
#menu ul li .selected { color: #1A3394; }

#menu ul li ul { margin-top: -5px; }

#menu ul li ul li { width: 170px; text-align: left; margin-left: 15px; background-color: #5F5C5C; padding: 5px;
                    display: expression("inline"); /* Expression is used to prevent double margin bug in IE */ }
#menu ul li.our-spas-menu ul li { width: 205px; }
#menu ul li ul li a { color: #fff;}
#menu ul li ul li a:hover { color: #7fc241; }
#menu ul li ul li .selected { color: #7fc241 }

/* 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#menu li, div#menu li:hover{ position:relative; }

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

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
    
}

#menu a.x:hover{
color:#1A3394;
}

#menu a.x:active{
color:#1A3394;
}

/* Begin Content Area

#content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.9em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .7em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}

End Content Area */