/* Set up the default font and ovrall size to include image */
.menu 
    {
        font-family:Times New Roman;
        width:800px;
        position:relative; 
        margin:0px 0px 0px 30px;
        padding:50px 0px 0px 0px;
    }
    
/* get rid of the default padding - margin and bullets */
.menu ul 
    {
        padding:0; 
        margin:0;
        list-style-type: none;
    }

/* make menu horizontal */
.menu ul li 
    {
        float:left;
        position:relative;
    }
    
/* set up the default top level links */
.menu ul li a
    {
        display:block; 
        text-decoration:none; 
        color:White; 
        font-weight:normal;
        line-height:30px;
        padding: 0px 8px 0px 8px;
    }
    
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited 
    {
        width:auto;
        w\idth:auto;
        padding: 0px 7px 0px 7px;
    }
    
/* hide the drop down menu */
.menu ul li ul 
    {
        display: none;
    }
    
/* remove all table style so that it does not interfere with the menu */
.menu table 
    {
        margin:-1px; 
        border-collapse:collapse;
        font-size:1em;
    }

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover 
    {
        color:#ff0000; 
        border-bottom:1px solid #ffffff;
        text-align:left;
    }

    
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul 
    {
        display:block; 
        position:absolute; 
        top:2.2em;
        left:0; 
        width:auto;
        background-color:Transparent;
    }
    
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a 
    {
        font-family:Arial;
        display:block; 
        background-color:#EAEAEA;
        color:#000; 
        border:solid 1px #999999;
        margin:0;
        color:#000;
        font-weight:normal; 
        font-size:10px;
        height:auto; 
        line-height:12px; 
        padding:4px 4px 4px 4px;
        width:100px;
    }
    
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover 
    {
        background-color:white;
        color:#ff0000;
        text-align:left;
        padding:4px 4px 4px 4px;
        border:solid 1px #999999;
    }

    
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a 
    {
        background:#ddd;
        width:110px; /* for IE5.5 faulty box model */
        w\idth:86px; /* for IE6 */
    }