﻿#cssMenu, #cssMenu ul, #cssMenu li, #cssMenu a, #cssMenu .sub1 {
    border:none; line-height: 1; margin:0; padding:0; background-color:#ffffff;
    }
#cssMenu {
    width: 100%; height:35px; margin-top:110px; padding:0; }

#cssMenu, ul.sub1 { list-style-type: none; font-size:14px; z-index:9; }  
#cssMenu > ul { list-style: inside none; margin:0; padding:0; }
#cssMenu > ul > li {
     list-style: inside none; float:right; 
     position: relative; margin:0; padding:0; text-align: center;}

#cssMenu.align-center > ul { text-align:center; }
#cssMenu.align-center > ul > li { float:none; margin-right:-3px; }
#cssMenu.align-center ul ul { text-align:right; }
#cssMenu.align-center > ul > li:first-child > a { border-radius: 0; }

#cssMenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;  /* text-shadow: 0.8px 0.8px 0 rgba(0, 0, 0, 0.3);  */
  font-size: 22px; 
  font-family: Verdana; /* border-left: 1px solid #ffffff; */
  color:#10470E; padding: 0 20px; }
#cssMenu > ul > li > a:hover { 
    background-color: darkolivegreen; color:white;
    line-height:38px; margin-top:-14px; border-top:5px solid #ffd800; }

#cssMenu .sub1 a { margin-top: 15px; font-size:15px; text-align: center; font-family: Verdana; width:200px; z-index:9; }
#cssMenu ul.sub1{ 
    display: none; /* block or none make big diferent*/
    position: relative; top: 3px; left: 10px; background-color:orange; }

#cssMenu .sub1 a:hover { 
    background-color: darkolivegreen; color:white;
    line-height:35px; margin-top:3px; }

#cssMenu li:hover .sub1{ display: block; }

/*------------------------------------------------*/

#navMenu { margin-top:-30px; margin-bottom:14px; margin-right:2%; Padding:0; height:35px; }
#navMenu ul { line-height:35px; }

#navMenu li {
		margin-bottom:7px; Padding:0; 
		list-style:none; float:right;
		position: relative;
		background: #ffffff; }
		 
#navMenu ul li a {
		text-align:center;
		font-size:21px; font-family: sans-serif, Verdana, "Arial Black";
		text-decoration:none;
		height:35px; width:132px;
		display:block; border:1px dotted #10470E;
		color:#10470E; }
		
#navMenu ul ul { position:absolute; visibility:hidden; top:35px;}		
#navMenu ul ul li a { background:darkolivegreen; color:antiquewhite; border-top:3px solid #ffffff; display: block; }
		
#navMenu ul li:hover ul { visibility:visible; }
#navMenu li a:hover { background: darkolivegreen; color:#ffffff; margin-top:-5px; border-top:5px solid #ffd800; line-height:35px;}		
#navMenu ul li:hover ul li a:hover { background: #10470E; color: orange;}
#navMenu a:hover { color:#ffffff;}
		
.clearFloat { clear: both; margin: 0; padding: 0;}
		


/*
#cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 5px; }
#cssmenu > ul > li > a:after {
  content: "";
  position: absolute;
  border-left: 1px solid; 
  top: -1px; bottom: -1px; right: -2px;
  z-index: 99; border-color: #3c3c3c;
}
#cssmenu ul li.has-sub:hover > a:after { top:0; bottom:0; }
#cssmenu > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
  top: 18px; right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before { top: 19px; }
#cssmenu > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div { display:block; }
#cssmenu > ul > li.has-sub > a:focus,
#cssmenu > ul > li.has-sub > a:hover,
#cssmenu > ul > li.has-sub:hover > a { background-color:#b78219; border-color: orange; }
#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;   width: auto;
  position: absolute;   top: 40px;
  background-color: #e7a41e;
  border-radius: 0 0 5px 5px;
  z-index: 999; padding: 10px 0;
}
#cssmenu ul li > ul { width: 130px; }
#cssmenu ul ul ul { position: absolute; }
#cssmenu ul ul li:hover > ul { right: 100%; top: -10px; border-radius: 5px; }
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0; padding: 0;
}
#cssmenu ul li > ul li a {
  outline: none;
  display: block; position: relative;
  font-family:'Adobe نسخ','Adobe Arabic', 'Arabic Typesetting', Arial;
  font-size:1.2em; color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0; padding: 8px 20px;
}
#cssmenu ul ul > li:hover > a, #cssmenu ul ul li a:hover {
  background: #0094ff;
  background: -moz-linear-gradient(top, #3c3c3c 0, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #3c3c3c 0, #222222 100%);
  background: -o-linear-gradient(top, #3c3c3c 0, #222222 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0, #222222 100%);
  background: linear-gradient(top, #3c3c3c 0, #222222 100%);
}

#cssmenu #Active a { background-color:Black; color:darkred; }
#cssmenu ul ul a:hover { color: #ffffff; }
#cssmenu > ul > li.has-sub> a:hover:before { border-top: 5px solid #ffffff; }

 */
