/********* TOP Menu *********/

#topmenu {
width: 12em;
background: #eee;
font-family: Tahoma;
font-weight:bold;
}

body { behavior:url("include/csshover.htc"); }

#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Tahoma;
font-weight:bold;
}

#topmenu a, #topmenu h2 {
display: block;
margin: 0;
padding: 2px 3px;
font-family: Tahoma;
font-weight:bold;
}

#topmenu ul li h2 a 
{
font-size:.46em;
font-family:Tahoma; /* Applications Header Sizing */
font-weight:bold;
}

#topmenu h2 a 
{
color: #fff;
background: #000;
text-transform: uppercase;
border: solid 1px black;
font-family: Tahoma;
font-weight:bold;
}

#topmenu h2 a:hover {
color: #fff;
background: #000;
border: solid 1px black;
font-family: Tahoma;
font-weight:bold;

}

#topmenu a 
{
font-size:8px;    
color: #000;
background: #efefef;
text-decoration: none;
font-family: Tahoma;
font-weight:bold;
}


#topmenu a:hover {
color: #a00;
background: #fff;
font-family: Tahoma;
}



div#topmenu ul ul ul a
{
background: #C6DEFF;
font-family: Tahoma;
}

div#topmenu ul ul ul a:hover
{
background: #FFFFFF;
font-family: Tahoma;

}

#topmenu li 
{
position: relative;

}


#topmenu ul ul ul {
position: absolute;
top: 0%;
left: 100%;
width: 100%;
 border-style:solid; 
    border-width:2px; 
    border-left-width:1px;
    border-color:#99afc4; 
    font-family: Tahoma;
}


div#topmenu ul ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;

	 width:300px;}

div#topmenu ul ul li:hover ul, 
div#topmenu ul ul ul li:hover ul
{display: block; }


/*#topmenu li:last-child{border-bottom:1px solid #CECECE;}*/

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #topmenu ul li {float: left; width: 100%; font-weight:bold;
}
 
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(include/csshover.htc);
font-size: 100%; font-weight:bold;

}
#topmenu ul li {float: left; width: 100%; } 
#topmenu ul li a {height: 1%; font-weight:100; font-family:Tahoma; font-size:.7em; } /* Applications Menu Size */
#topmenu a {
font-weight:bold;
}
#topmenu h2 
{
font-weight:bold;
}

</style>
<![endif]-->




/**************** menu coding *****************/
#menu {
width: 12em;
background: #eee;
 border-right-style:solid; 
    border-width:1px; 
    border-color:#99afc4; 
    border-bottom-style:solid;
    font-family: Tahoma;
}
body { behavior:url("include/csshover.htc"); }
#menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Tahoma;

}

#menu a, #menu h2 {
display: block;
margin: 0;
padding: 2px 3px;
font-family: Tahoma;
}
#menu ul li h2 a
{
font-size: .46em; /* Products Header Sizing */
font-family:Tahoma;
font-weight:bold;
}

#menu h2 a 
{
color: #fff;
background: #000;
text-transform: uppercase;
border: solid 1px black;
font-family: Tahoma;
}

#menu h2 a:hover {
color: #fff;
background: #000;
border: solid 1px black;
font-family: Tahoma;
}

#menu a 
{
font: bold 8px  tahoma, helvetica, sans-serif;    
color: #000;
background: #efefef;
text-decoration: none;
font-family: Tahoma;
font-weight:bold;
}



#menu a:hover {
color: #a00;
background: #fff;
font-family: Tahoma;
}



div#menu ul ul ul a
{
background: #C6DEFF;
border-right-style:solid; 
    border-right-width:1px; 
    border-color:#99afc4;
    font-family: Tahoma;
}
div#menu ul ul ul a:hover
{
background: #FFFFFF;
font-family: Tahoma;

}


#menu li 
{
position: relative;
font-family: Tahoma;

}

#menu ul ul ul {
position: absolute;
top: -100%;
left: 100%;
width: 100%;
 border-right-style:solid; 
    border-width:2px; 
    border-color:#99afc4; 
    border-bottom-style:solid;
border-top-style:solid; 
font-family: Tahoma;
/* Products Menu list */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;
	 width:300px;
	 font-family: Tahoma;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul 
{display: block;  border-right-style:solid; 
    border-right-width:1px; 
    border-color:#99afc4;
    font-family: Tahoma;
    }

/*#menu li:last-child{border-bottom:1px solid #CECECE;}*/

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;font-family: Tahoma;}
 
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(include/csshover.htc);
font-size: 100%;
}
#menu ul li {float: left; width: 100%; }
#menu ul li a {height: 1%; font-weight:100; font-family:Tahoma; font-size:.7em; } /* Products Menu Size */
#menu a  {
font-family: Tahoma;
}
#menu h2 {
font-weight:bold;
}
</style>
<![endif]-->