@charset "utf-8";
/* CSS Document */

#menu {
width: 100%; /* remove??? */
background-image: url(../img/masterMenu/bar_back.gif);
background-repeat: repeat-x;
height: 34px;
margin: 0;
padding: 0 0 0 20px;
display: none;
/*
width: 100%;
height: 34px;
background: #eee;
float: left;
*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
_width: 1px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0;

/*color: #fff;
background: #000;
text-transform: uppercase;*/
}

#menu ul li ul li a {
font: normal 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
margin: 0;
/* padding: 0; */

/*color: #000;
background: #efefef;
text-decoration: none; */

color: #0099CC;
background: #e5f7fd;
text-decoration: none;
padding: 4px 10px;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #d3f1fb;
border-left: solid 1px #FFFFFF; 
border-right: solid 1px #FFFFFF; 
opacity: 0.97;
filter: alpha(opacity=97);
-moz-opacity: 0.97;
}

#menu a:hover {
color: #FFFFFF;
background: #03aef0;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
top: 34px;
z-index: 500;
width: 10em;
border-bottom: solid 3px #03aef0;
}
/*
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}*/


div#menu ul ul/*,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul */
{display: none;}

div#menu ul li:hover ul/*,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul */
{display: block;}


</style>
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
body { behavior: url(http://www.superaccounting.com.au/css/csshover.htc); }
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}
#menu ul li a {height: 1%;} 
#menu a, #menu h2 {font: normal 11px/16px arial, helvetica, sans-serif;}
</style>
<![endif]-->