/* Edit the items below to change the look of your menus.*/

#PopoutMenu li
{            
    /* Main Menu Font */
    color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight:bold;
    
    
    /* Main Menu Box */
    background-color: #369;
    border: solid 1px gray;
    padding: 2px;
    width: 200px;
}

#PopoutMenu li ul
{  
    /* Popout Box Offset - Set to main meny box width  */
    left:200px
}

#PopoutMenu li a
{
    /* Popout Item Font */
    color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight:bold;
    text-decoration: none; 
}

#PopoutMenu li a:hover
{
    /* Popout Item Font */
    color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight:bold;
    text-decoration: none; 
}


/* Popout Item background color on mouse over*/

/*IE 6 Browser*/
#PopoutMenu li.mouseover,li.mouseover ul li a:hover,li:hover
{
    background-color: #69c;
}

/*Non-IE 6 Browsers*/
#PopoutMenu li:hover
{
    background-color: #69c;
} 





/* No need to edit the items below. */


#PopoutMenu
{
	padding: 0px;	
	margin: 0px;
}


#PopoutMenu li
{
   
    float: left;
    clear: both;
    cursor: pointer;
    position: relative;
    list-style-type: none;
    margin-top: -1px;
    
}

#PopoutMenu li a
{
    width: 100%;
    display: block;
}

  
#PopoutMenu li ul
{
    float: left;
    display: none;
    width: inherit;
    position: absolute;
    top: 0px;
    padding-left: 2px;	
    margin-left: 2px;
    list-style-type: none; 
}

    
#PopoutMenu li.mouseover ul
{
    display: block;
    
}
    
#PopoutMenu li:hover ul
{
    display: block;
}