@charset "utf-8";
/* CSS Document */
#menu { 
float: left;
   height: 50px;
    width:1200px;
	background: url(../images/menuback.png) no-repeat left 0;
	_background-image: url(../images/left.gif);}
#menu ul {
    margin:0;
    padding: 0;
    list-style: none;
    float:left;	
}
#menu a { 
   display: block; 
    text-decoration: none; 
	color: #130A1A;
    font: bold 15px Century Gothic;
    }


 /*center { added this rule to make it above the submenu 
    position: relative;
    z-index: 2;
   
}*/
/*#menu center:hover { background: #B0BD97;}  changed this rule and the next to use the center tag rather than the anchor 
#menu center {transition:background-color 0.2s;}*/
#menu ul li ul li a:hover { 
    background: #FFCB35; 
    padding-left:9px;
    }
#menu ul li ul li {
    width: 250px; 
    border: none; 
    color: #B0BD97;  
    padding-top: 3px; 
    padding-bottom:3px; 
    padding-left: 3px; 
    padding-right: 3px;
	background-color:#FFFF66;  
    z-index:1;
}
#menu ul li ul li a { 
    font: 12px Century Gothic;
	color:#1F001F;
	padding-top:1px; 
    padding-bottom:1px; 
    font-weight:bold; 
	color: white;
 -webkit-text-stroke: -1px black;
    text-shadow: 
	1px 1px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	-webkit-text-shadow:
	1px 1px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	-moz-text-shadow:
	1px 1px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	-o-text-shadow:
	1px 1px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	-ms-text-shadow:
	1px 1px 0 #000,
    -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;}

#menu ul li {
    /*float: left; 
    width: 146px; 
    font-weight: bold; 
    border-top: solid 1px #283923; 
    border-bottom: solid 1px #283923; 
    background: #979E71;
	 padding-left:50px;
	padding-right:50px;*/
	padding-left:65px;
    font-weight: bold;
	padding-top:2px;
	padding-bottom:2px;}
#menu ul li a { 
    font-weight: bold;
	padding: 0 10px 0 0;
	margin-right: 5px;
	_margin-right: 1px;
	background: none;
    /*padding: 15px 10px;*/}
#menu li{ 
    position:relative; 
    float:left;
	z-index: 9;}
#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{ 
    visibility:hidden; /* Had to change display none to visibility:hidden */
    position:absolute;
    list-style-type:none; 
    width: 140px;}
#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { 
    visibility:visible;} /* Same here */
#menu:hover ul li:hover ul li:hover ul { 
    position: absolute;
    margin-left: 145px;
    margin-top: -22px;
    font: 10px;}
#menu:hover ul li:hover ul { 
    position: absolute;
    margin-top: 1px;
    font: 10px;
}

 /*added rule
#menu>ul>li>ul {
    bottom:0%;
    z-index:1;
    transition: bottom 0.2s;
}
#menu>ul>li>ul:hover {
    z-index:3;
}
#menu>ul>li:hover>ul {
    bottom:100%;
    border-bottom: 1px solid transparent
}*/