/* ************************************************************* */

/* POPOUT popup STYLES */

#popup {
width: 100%;
} 

#popup ul { /* remove bullets and list indents */
list-style: none;
padding: 0;
width: 100%; /* set width of popup */
margin:0 0 0 0;
}

/* style, color and size links and headings to suit */
#popup a, #popup h2 {
display: block;
margin:6px 0 0 0;
}

#popup li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#popup ul ul ul {
position: absolute;
background-color:#116C9A;
color:#FFFFFF;
bottom: 82%;
left: -10px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}


#popup ul ul ul  {
font-family: Geneva, Arial, Helvetica, san-serif;
border-width: 1px;
border-style: solid;
border-color: #000 #000 #000 #000;
padding:6px 10px 6px 10px;
}

#popup ul ul ul a {
font-size:1em;
display:inline; 
color:#FFFFFF;
text-decoration:underline;
}

#popup ul ul ul a:hover {
text-decoration:none;
}



div#popup ul ul ul,
div#popup ul ul li:hover ul ul
{
display: none;
font-size:.7em;
}

div#popup ul ul li:hover ul,
div#popup ul ul ul li:hover ul
{
display: block;
font-size:.7em;
}
/* ************************************************************* */


a {  color: #0000FF; text-decoration: none; font-family: Geneva, Arial, Helvetica, san-serif}