/* ----------------- DROP DOWN NENU ------------------- */
#navigation {
margin:0 10px 0 10px;/*to stretch to full width of layout*/
padding:0;
width:664px;
height:20px;
}


#nav{
margin: 0;
padding: 0;
float:left;
width:800px;
list-style:none;
line-height: 15px;
position:relative;
z-index:2;
}
*html #nav{
height:20px;
}

#nav li{
margin: 0px;
padding: 0px;
float: left;
position:relative;
}

#nav a, #nav a:visited{
margin:0;
padding:3px;
float: left;
display: block;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#FFFFFF;
}

/* SUB LEVEL STYLING --------------------------- */
#nav ul {
margin:0px;
padding:0px;
top:100%;
left:0px;
list-style:none;
line-height: 15px;
visibility:hidden;
position:absolute;
background:#CCCCCC;
}
*html #nav ul{
line-height:15px;
top:20px;
}

#nav ul li{
margin:0px;
padding:0px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
position:relative;
background:#CCCCCC;
}

#nav ul a, #nav ul a:visited{
margin:0px;
padding:3px;
float: left;
display: block;
width:200px;
color:#000;
background:#CCCCCC;
}

#nav ul a.drop, #nav ul a.drop:visited { /* Shades Cell with More menu items */
background:#CCCCCC /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* THIRD LEVEL STYLING --------------------------- */
#nav ul ul {
margin:0;
padding:3;
top:0px;
left:100%;
list-style:none;
background:#666666;
line-height: 15px;
visibility:hidden;
position:absolute;
}
*html #nav ul ul{
left:206px;
}
#nav ul ul li{
margin:0px;
padding:0px;
}

#nav ul ul a, #nav ul ul a:visited{
float: left;
display: block;
margin:0;
padding:3;
width:200px;
color:#000;
}


#nav table {position:absolute; top:0; left:0;}

/* SUBMENU SHOW-HIDE COMMANDS -------------------- */
#nav li:hover ul,
#nav a:hover ul{
visibility:visible; 
}
#nav :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav :hover ul :hover ul{ 
visibility:visible;
}

/* ALL HOVERS -------------------- */

/* style the top level hover */
#nav a:hover{
color:#FF0000;
background:#990000;
}

#nav ul a:hover{
color:#fff; 
background:#990000;
}

#nav :hover > a, #nav ul :hover > a { /* Mozilla Only - Hilite while on a submenu*/
color:#fff;
background:#990000;
}

/* style the second level hover */
#nav ul a.drop:hover{ 
background:#990000;
}
#nav ul :hover > a.drop {
/* Cell decoration */
background:#990000 /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* style the third level hover */
#nav ul ul a:hover {
/* Cell decoration */
background:#990000;
color:#FFFFFF;
}