/**********************************
Projectname: HF Rubber Machinery, Inc. Website
Date: 8 September 2008
Sourcecode contains: Cascaded Style sheets, Javascript, PHP and HTML.
HTML Version: 4.01
Doctype: "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
Author: David Elsner - HF Rubber Machinery, Inc.
If problems or questions mail to: David.Elsner@us.hf-group.com or Kori.Alexander@us.hf-group.com
**********************************/
/*Defines all the captions into the navigationmenu*/
#captions
{
   border-style: ridge;
   border-width: 1px;
}
/*Defines the hole Navigationmenu*/
#menu
{
   position: absolute;
   width: 188px;
   background: #eee;
   left: 0pt;
   border-style: solid;
   border-width: 1px;
   padding-bottom: 5pt;
}
/*Defines the hole navigationmenulist*/
#menu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
/*Defines all the Links and captions into the navigationmenu*/
#menu a, #menu h2
{
   font: bold 11px/16px Arial;
   display: block;
   border-width: 1px;
   border-style: solid;
   border-color: #ccc #888 #555 #bbb;
   margin: 0;
   padding: 2px 3px;
}
/*Defines all the H2-captions into the navigationmenu*/
#menu h2
{
   color: #FF8635;
   background: #96D12C;
   text-transform: uppercase;
}
/*Defines all links into the navigationmenu*/
#menu a
{
   color: #000;
   background: #efefef;
   text-decoration: none;
}
/*Defines what happens if you move a link into the navigationmenu*/
#menu a:hover
{
   color: #a00;
   background: #fff;
   filter: DropShadow(color=#FF0000, offx=2, offy=-2); 
}
/*Defines the entries in the mainnavigationmenu.*/
#menu li
{
   position: relative;
}
/*Defines all the hole submenus*/
#menu ul ul ul
{
   position: absolute;
   top: 0;
   left: 100%;
   width: 100%;
}
/*Defines all the hole submenus and what happens if you hover an entry in the submenu */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{
   display: none;
}
/*Defines all the hole submenus and what happens if you hover an entry in the submenu or subsubmenu*/
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
   display: block;
   filter: alpha(opacity=90);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
   -moz-opacity: .9;
   opacity:0.9;
}