/* ================================================================ 
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/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.menu1, ul ul {
padding:0;
margin:0;
border:0;
list-style-type:none; 
/* height was 22em; fixed heights make no sense to me in a scaleable em based design */
height:auto;
/* why make it potentially unusable under various circumstances  
overflow:hidden; */
/* inherit this from #nav
background:#f8f8f8; 
color:#fff; 
border:1px solid #606; */
width:12em;
text-align:left; 
}
ul.menu1 table {
border-collapse:collapse; 
padding:0; 
margin:0; 
font-size:.75em;
width:12em;
}
ul.menu1 ul {
margin-left:1em;
width:12em;
}
/* this and anything that is a child of this needs to not overflow the nav. The nav is 14 em */
ul.menu1 li {
text-indent:0.5em;
width: 10em;
max-width:10.5em;
}
ul.menu1 li.drop {
margin-bottom:-2px;
width:12em;
}
ul.menu1 li a, 
ul.menu1 li a:visited {
display:block; 
width:10em;
max-width:10.5em;
/* height:2em; */
line-height:1.3em; 
text-decoration:none; 
color:#606;
}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {
display:block; 
width:12em;
/* height:14em; */
/* line-height:2em; */
}
ul.menu1 li ul {
display:none;
width:12em;
}
/* Fixed Overflowing by assigining max-width */
ul.menu1 li:hover a, 
ul.menu1 li a:hover {
color:#00c; 
font-weight:bold;
width: 10em;
max-width: 10.5em;
}
/* Fixed Overflowing by assigining max-width */
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {
display:block; 
/* height:12em; */
margin-top:0em; 
background:#def; 
border:1px solid #000;
width: 12.5em;
max-width: 12.5em;
}
/* Fixed Overflowing by assigining max-width */
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {
/* height:2em; */
background:#def; 
color:#00c; 
font-weight:normal;
width: 9em;
max-width: 9em;
}
/* Fixed Overflowing by assigining max-width */
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {
background:#00c; 
color:#fff;
width: 9em;
max-width: 9em;
}
#nav li.underconstruction {
color: #d7d7d7;
}