body {background-color: #FFFFE0}

/***
The woman from this website helped me incredibly to tweak and 
learn and make my popouts just as I want them.  I encourage you 
to check out her website.  She is a gem!!!
you know in a commehttp://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp
***/

#menu-side,
#menu-box {
font-size: 12px;
font-family: arial, sans-serif;
text-align: left;
}

a:link { color: #5100ac; }

#menu-side img,
#menu-box img {
display: block;
}


#menu-side {
width: 154px; 
}

#menu-side ul{
width: 150px; 
margin: 0;
padding: 0;
list-style:none; 
float: left; 
border: 2px solid #c54abe; 
}

#menu-side li{
list-style:none; 
float: left; 
}

#menu-side a { 
display:block;
text-decoration:none;
background-color: #edeef6;
}

#menu-side li a { 
line-height: 35px; 
padding: 5px 0 2px 5px; 
width: 145px; 
}

#menu-side li li a {
line-height: 15px;
padding: 3px 5px 3px 5px;; 
width: 140px; 
}

#menu-side a:visited{ color:#923cb2;}
#menu-side a:hover{ color:#5b0479; background-color: #ffc0ff; }
#menu-side a:active{color:#c54abe;}


#menu-side ul li:hover {position: relative;}

#menu-side li ul{
position: absolute;
top: 0; left: 150px; 
border: solid 1px #c54abe;
display:none;
}

#menu-side ul li:hover ul{ display:block; }


#menu-box{
width: 254px; 
}

#menu-box ul{
width: 250px; 
margin: 0;
padding: 0;
list-style:none;
float: left; 
border: 2px solid #c54abe; 
}


#menu-box li{
list-style:none; 
float: left; 
}

#menu-box a { 
display:block;
text-decoration:none;
background-color: #edeef6;
}

#menu-box li a { 
padding: 5px 0 5px 5px; 
width: 245px; 
}

#menu-box li li a {
line-height: 15px; 
padding: 3px 5px 3px 5px;; 
width: 240px; 
}

#menu-box a:visited{ color:#923cb2;}
#menu-box a:hover{ color:#5b0479; background-color: #ffc0ff; }
#menu-box a:active{color:#c54abe;}


#menu-box ul li:hover {position: relative;}

#menu-box li ul{
position: absolute;
top: 0;
left: 250px; 
border: solid 1px #c54abe;
display:none;
}

#menu-box ul li:hover ul{ display:block; }