html { 
margin: 0em; 
padding: 0em; 
}

body {
behavior: url(includes/csshover.htc);    /* To fix IE CSS compliance problem. */
margin: 0px;
padding: 0px; 
}




/*---- Navigation Menu ----*/

#navigation {
font-family: Arial, Verdana, Helvetica,  sans-serif;
font-size: 11px;
width: 175px; 
text-align: left;
display: block;
margin: 0px 0px -10px 0px; 

}

html>body>table>tbody>tr>td>table>tbody>tr>th>table.rghtlftgreyvline>tbody>tr>th.rghtgreyvline>div#navigation {  /*  Overrides above for non-IE  */
margin: -11px 0px 0px 0px; 

}

#navigation ul {
margin-left: 0px;
padding-left: 0px;
width: 175px;
border: 1px #86B0E2 solid;  /* Match hover BGcolor  */
border-bottom: none;
z-index: 20;
background: #598FD4; /* Original bkgrd 97abb3  */
}

#navigation li {
text-indent:10px;
position: relative;
list-style-type: none;
border-bottom: 1px #86B0E2 dotted; /* Match hover BGcolor  */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; 
}

#navigation li:hover { 
background-color: #86B0E2; 
}

#navigation li.submenu {
background: url(http://usmaps.ag.org/images/menu_arrow.gif) no-repeat 95% 50%; 
}

#navigation li.submenu:hover {
background: #86B0E2 url(http://usmaps.ag.org/images/menu_arrow.gif) no-repeat 95% 50%; 
}

#navigation li a {
display: block;
text-decoration: none;
width: 175px;
padding: .25em 0em .25em .25em;
color: #ffffff; 
}

#navigation>ul a {
width: auto; 
}

#navigation ul ul {
position: absolute;
top: -0.1em;
display: none;
width: 175px;
left: 175px;     /*  This left margin fixes IE. Other browsers set by next statement.  */
z-index: 30; }

/*Following overrides above statement for non-IE browsers.*/
html>body>table>tbody>tr>td>table>tbody>tr>th>table.rghtlftgreyvline>tbody>tr>th.rghtgreyvline>div#navigation>ul ul { 
left: 175px;     /*  Must match width for #navigation ul */
}

#navigation ul.level1 li.submenu:hover ul.level2,
#navigation ul.level2 li.submenu:hover ul.level3 {
display:block
}

#navigation h3 {
font: 10px Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px -15px 0px;   /*  Fixes IE. Other browsers set by next statement.  */
padding: 0px 0px 0px 0px; 
text-transform: capitalize; 
border: none; 
}

/*Following overrides above statement for non-IE browsers.*/
html>body>table>tbody>tr>td>table>tbody>tr>th>table.rghtlftgreyvline>tbody>tr>th.rghtgreyvline>div#navigation h3 {
margin: 0px 0px -10px 0px; 
}

/*--------- Navigation Breakout ---------*/

div#breakout {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin-left: 1px;
text-align: left;
}

div#breakout a {
text-decoration: none; 
}

div#breakout a:hover {
text-decoration: underline; 
}