.navigation { 


float:left;


width: 850px; 


background:transparent;


margin-left:40px;


text-align:left;


margin-top:-10px;





}





.navigation ul {


list-style: none; 


margin:0; 


padding:0;


float: left;


}





.navigation ul ul {


margin: 0; /* all lists */


padding: 0;





}





.navigation ul li {


margin: 0px;


padding: 0;


float: left;


list-style: none;


display: block;


	


}





.navigation ul li ul {


width: 200px;


position: absolute; /* second-level lists */


z-index: 99;


left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */


height: auto;


w\idth: 200px;





}





.navigation ul li ul ul {


margin: 0; /* third-and-above-level lists */





}





.navigation ul li li {


padding: 0;


margin: 0;


width: 100%;





}





.navigation ul ul a {


width: 100%;





}





.navigation ul li:hover ul ul,


.navigation ul li:hover ul ul ul,


.navigation ul li.sfhover ul ul,


.navigation ul li.havechildsfhover ul ul,


.navigation ul li.havechild-activesfhover ul ul,


.navigation ul li.activesfhover ul ul,


.navigation ul li.sfhover ul ul ul,


.navigation ul li.havechildsfhover ul ul ul,


.navigation ul li.havechild-activesfhover ul ul ul,


.navigation ul li.activesfhover ul ul ul {


left: -999em;


	


}





/* This "unhides" the sub-menus (left: -999em is what hides them) */


.navigation ul li:hover ul,


.navigation ul li li:hover ul,


.navigation ul li li li:hover ul,


.navigation ul li.sfhover ul,


.navigation ul li.havechildsfhover ul,


.navigation ul li.havechild-activesfhover ul,


.navigation ul li.activesfhover ul,


.navigation ul li li.sfhover ul,


.navigation ul li li.havesubchildsfhover ul,


.navigation ul li li.havesubchild-activesfhover ul,


.navigation ul li li.activesfhover ul,


.navigation ul li li li.sfhover ul,


.navigation ul li li li.havesubchildsfhover ul,


.navigation ul li li li.havesubchild-activesfhover ul,


.navigation ul li li li.activesfhover ul {


left: auto;


	


}





/* STYLING THE MENU


-----------------------------------*/


/* 1st level */


.navigation ul li a {


padding:0 ; 


margin:30px 5px;


display: block; 


color: #7a6b5e;


font-weight: bold;	


font-size:18px;


text-transform:uppercase;





}





.navigation ul li {


background:transparent;


height:48px;


padding:10px 10px; 





}





.navigation ul li span {


background:transparent;


height:48px;


padding:0px ;


margin:0 ;


 


}





.navigation ul li a {


color:#7a6b5e;


background: transparent;


height:68px;





}





.navigation ul li.active {


height:68px !important;


background: url(../images/active.png) 50% 0 no-repeat;





}





.navigation ul li.active span {


height:68px !important;





}





.navigation ul li.active a {


color:#564e46 !important;


height:68px !important;





}





.navigation ul li:hover{


background: url(../images/active.png) 50% 0 no-repeat;


color:#564e46 !important;





}





.navigation ul li:hover span {


background: transparent ;


color:#564e46!important;





}





.navigation ul li:hover a {


color:#564e46!important;


background:transparent ;


}





.navigation ul li a:hover,


.navigation ul li a:active,


.navigation ul li a:focus,


.navigation ul li a.sfhover {


color:#7a6b5e;





}





.navigation ul li:hover a,


.navigation ul li.sfhover a,


.navigation ul li.havechildsfhover a,


.navigation ul li.havechild-activesfhover a {


color:#7a6b5e;








}





.navigation ul li a.active,


.navigation ul li a.active:hover,


.navigation ul li a.active:active,


.navigation ul li a.active:focus {


color:#7a6b5e;








}





/* 2nd level and above */


 .navigation ul li ul {


background: url(../images/menu-ul.jpg) 0 0 repeat ; 


margin-top: -48px;


padding-bottom: 0px;


padding-top: 0;


text-align:center !important;





}





.navigation ul li ul li{


border-bottom:1px dashed #a7a499;


text-align:center !important;





}





.navigation ul li ul a {


margin: 0;


padding:16px 0 0 0;


background: none !important ;


color: #222222 !important;


font-size:15px !important;


	


}





.navigation ul li.havesubchild,


.navigation ul li.havesubchild-active{





}





.navigation ul li ul a:hover,


.navigation ul li ul a:active,


.navigation ul li ul a:focus,


.navigation ul ul li:hover,


.navigation ul ul li.sfhover,


.navigation ul ul li.havesubchildsfhover,


.navigation ul ul li.havesubchild-activesfhover,


.navigation ul ul ul li:hover,


.navigation ul ul ul li.sfhover,


.navigation ul ul ul li.havesubchildsfhover,


.navigation ul ul ul li.havesubchild-activesfhover {


background:transparent;


color: #000 !important;





}





.navigation ul ul li a.active,


.navigation ul ul li a.active:hover,


.navigation ul ul li a.active:active,


.navigation ul ul li a.active:focus {


background: none !important;


color: #000;


font-weight: bold;





}





.navigation ul li li.active {


height:40px !important;


background: transparent;





}





.navigation ul li li.active span {


height:40px !important;


background: transparent ;





}





.navigation ul li li.active a {


color:#000 !important;


height:40px !important;


background:transparent;





}





.navigation ul li ul li ul {


margin-left:195px;


background: url(../images/menu-ul.jpg) 0 0 repeat ; 


margin-top: -70px;


text-align:center !important;





}