
/*-----------------------------------------------------------FIRST LEVEL-----------------------------------------------------*/
#menu { width: 740px; height: 40px; float: left; background-image:url(../images/menu_bg.png); margin: 0 10px 0px 10px; float:left; color:#990000;}
.menu1 { width:740px; height:40px; position:relative;  font:normal 12px Geneva, Arial, Helvetica, sans-serif; text-align:center; float: left;  margin: 6px 10px 0px 10px; float:left; color:#990000; }
/* hack to correct IE5.5 faulty box model */
* html .menu1 { width:740px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul { padding:0px 0px 0px 0px; margin:0;list-style-type:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li { float:left; width:105px; position:relative; }
/* style the links for the top level */
.menu1 a, .menu a:visited { display:block; font-size:10px; text-decoration:none; color:#990000; width:105px; height:30px; line-height:2.5em; font-weight:normal;  background-image:url(../images/menu-split.jpg); background-position: left; background-repeat: no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif;  font-size: 11px; }
/* a hack so that IE5.5 faulty box model is corrected */

/* style the top level hover */
.menu1 a:hover, .menu ul ul a:hover{
color:#FFFFFF;
background:#3c3f44; }
.menu1 :hover > a, .menu ul ul :hover > a { color:#CCCCCC; background:#3c3f44; }
/*-----------------------------------------------------------FIRST LEVEL----------------------------------------------------*/

/*-----------------------------------------------------------SECOND LEVEL---------------------------------------------------*/
/* style the second level background */
.menu1 ul ul a.drop, .menu ul ul a.drop:visited { background: #3c3f44;  border-bottom: 1px dotted  #444e56;  background-image: none; }
/* style the second level hover */
.menu1 ul ul a.drop:hover{ background-image: none; } 
.menu1 ul ul :hover  a.drop { background-image: none; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul { visibility:hidden;position:absolute;height:0;top:30px;left:0px; width:AUTO; }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;top:30px;}
/* style the second level links */
.menu1 ul ul a, .menu ul ul a:visited { background: #3c3f44; color: #999999; height:auto; padding:0 5px 0 20px; line-height: 1.9em; border-bottom: 1px solid #494b50; width: 120px; text-align: left; height: 22px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:120px; width:120px;}
/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul, .menu1 ul a:hover ul{ visibility:visible; }
/*----------------------------------------------------------SECOND LEVEL------------------------------------------------------*/

/*----------------------------------------------------------THIRD LEVEL-------------------------------------------------------*/
/* position the third level flyout menu */
.menu1 ul ul ul{ left:145px; top:0px; width:100px;}
/* position the third level flyout menu for a left flyout */
.menu1 ul ul ul.left {left:-120px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu1 table { position:absolute; top:0; left:0; border-collapse:collapse; }
/* style the third level background */
.menu1 ul ul ul a, .menu ul ul ul a:visited { background: #474a4f; border-bottom: 1px solid #4f5257; }
/* style the third level hover */
.menu1 ul ul ul a:hover { background: #474a4f; }
/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul{visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul{ visibility:visible; }
/*-----------------------------------------------------------THIRD LEVEL----------------------------------------------------*/
/*current page hightlight style*/
.menu1 li a:hover,.menu1 li .current{
background:#3c3f44;  
color: #CCCCCC; }
