/* JQUERY-CSS3 Dropdown menu - using web fonts  */

@font-face {   /*fontface for local server */
        font-family:Museo;
        src: url('../fonts/museo500-webfont.eot');
        src: local('Museo'),
             local('Museooo'),
       /* src: local(,xx''), /* tricking local machine to not pick similarly named font */
            
            url('../fonts/museo500.ttf'); 
        
        
        }
#sub-nav2							{ 
		height:24px;
        width:800px;   /* 780 px */
    /*    	    margin:-13px 0 0 0;*/  /* div to div has a space/line, this circumvents the line */
        margin:0; 

        padding:0;
        border:0;
		background-color: #9e8027;
  /*      background: url('images/submenu_bkg.png') 0 0 repeat-x ;  <= doesn't work! */
        border-width:0;
        padding-left:160px; /* 180 px */
        margin-top:-13px; /* This is read by all browsers other than IE7 or <. IE7 margin set to 0 in subnav.css */
   
 

} 
#sub-nav2 a									{ text-decoration: none; }
#sub-nav2 ul								{ list-style: none; font-size:13px;   font-family:Museo;}

#sub-nav2 p                                   { margin: 0 0; }

/* 
	LEVEL ONE
*/
#sub-nav2 ul.dropdown                         { position:relative; z-index:1;  } /* z-index so submenu is on top of content */
#sub-nav2 ul.dropdown li                      { font-weight: normal; float: left; padding: 0; background: #9e8027; } /* menu color */
#sub-nav2 ul.dropdown a:hover		            { color: white; }
#sub-nav2 ul.dropdown a:active                { color: #ffa500; }
#sub-nav2 ul.dropdown li a                    { display: block; padding: 0; margin: 3px 15px 4px 15px;color: white; } /* dividing line between buttons, font upper menu color */
#sub-nav2 ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#sub-nav2 ul.dropdown li.hover,
#sub-nav2 ul.dropdown li:hover                { background: #6E5919; color: white; position: relative; }
#sub-nav2 ul.dropdown li.hover a              { color: white; }


/* 
	LEVEL TWO
*/
#sub-nav2 ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
#sub-nav2 ul.dropdown ul li 					{ font-weight: normal; background: #C5A22B; color: white; 
									  border-bottom: 1px solid #9e8027; float: none; } /* menu border color */
									  
                                    /* IE 6 & 7 Needs Inline Block */
#sub-nav2 ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
#sub-nav2 ul.dropdown ul ul 					{ left: 100%; top: 0; }
#sub-nav2 ul.dropdown li:hover > ul 			{ visibility: visible; }