/* CSS Popout Menus */
 

div#nav { margin:0; padding:0;}
div#nav ul {margin:0; padding:0;}

div#nav h2 {
        margin:0; padding:0;
        font:bold 14px "Trebuchet MS", "Helvetica", sans-serif;
        line-height:24px;
        text-align:center;
}

div#nav li {
        float:left;
        position:relative;
        margin:0; padding:0;
        list-style:none;
        width:130px;
        font:13px "Trebuchet MS", "Helvetica", sans-serif;
        }

div#nav li a {
        display:block;
        padding:5px 0 5px 20px;
        text-indent:-10px;
        text-decoration:none;
        width:110px;
        margin:0;}


div#nav>ul a {width:auto;}

div#nav ul ul {
        position:absolute;
        width:110px;
        display:none;
        }

div#nav ul.level1 li.submenu:hover ul.level2,div#nav ul.level2 li.submenu:hover ul.level3 {
        display:block;
        }
div#nav ul.level2 {top:34px;}

div#nav ul.level3 {top:0px; left:130px;}

/* navigation link colours */

div#nav a.bg1, .bg1 {color:white; background-color:#939;}
div#nav a.bg2, .bg2 {color:white; background-color:#fc3;}
div#nav a.bg3, .bg3 {color:white; background-color:#9c3;}
div#nav a.bg4, .bg4 {color:white; background-color:#09c;}
div#nav a.bg5, .bg5 {color:white; background-color:#F90;}

div#nav a.bg1:hover {color:#939; background-color:white;}
div#nav a.bg2:hover {color:#fc3; background-color:white;}
div#nav a.bg3:hover {color:#9c3; background-color:white;}
div#nav a.bg4:hover {color:#09c; background-color:white;}
div#nav a.bg5:hover {color:#F90; background-color:white;}