/* top navigation */
		
		#navigation_top, #navigation_top_right {
			margin:0 auto 10px auto;
			font-size: 90%;
			padding: 0 5px;
			background: #eabe60; /* Old browsers */
			background: -moz-linear-gradient(top,  #eabe60 0%, #efb43e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eabe60), color-stop(100%,#efb43e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eabe60 0%,#efb43e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabe60', endColorstr='#efb43e',GradientType=0 ); /* IE6-9 */
			border: 1px solid #d9b159;
			border-bottom:1px solid #cb991d;
			position:relative;
			z-index:999;
			border-radius:5px ;
			}
		
	/*top navigation uls*/	
			
		#navigation_top ul,	#navigation_top_right ul  {
			margin: 0;
			padding:0;
			}
		
		#navigation_top_right ul {
			float:right;
			}
		
		#navigation_top ul ul, #navigation_top_right ul ul {
			position: absolute;
			display:none;
			width: 175px;
			}
			
			
		#navigation_top ul.level2, #navigation_top_right ul.level2 {
			padding-top:0;
			margin-top:0;
			border-top:1px solid #cb991d;
			box-shadow: inset 0 1px 2px #cb991d, 0 2px 6px #aaa;
			background: #f2cd7d;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius:5px;
			}
		
	/*top navigation lis */	
	
		#navigation_top ul li, #navigation_top_right ul li {
			position: relative;
			list-style:none;
			margin:5px;
			padding: 0;
			}
			
		#navigation_top ul.level1 li, #navigation_top_right ul.level1 li {
			margin: 0;
			float:left;
			border-right: 1px solid #dca724;
			border-left: 1px solid #EFC777;
			}
				
		#navigation_top ul.level2 li, #navigation_top_right ul.level2 li {
			margin: 0;
			float:none;
			border:0;
			border-bottom:1px solid #dca724;
			}
			
		#navigation_top ul.level2 li:last-child, 
		#navigation_top_right ul.level2 li:last-child {
			border-bottom:1px solid #cb991d;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius:5px;
		}
	
		#navigation_top li:last-child a:hover, #navigation_top_right li:last-child a:hover {
			border-bottom-left-radius: 5px;
			border-bottom-right-radius:5px;
			}
			
		#navigation_top ul.level2 li:hover, #navigation_top_right ul.level2 li:hover {
			background-color: #fde289;
			color:black;	
			}
			
		#navigation_top ul.level1 li.submenu:hover ul.level2,
		#navigation_top ul.level1 li.submenu:focus ul.level2,
		#navigation_top_right ul.level1 li.submenu:hover ul.level2,
		#navigation_top_right ul.level1 li.submenu:focus ul.level2	{
			display:block;
			z-index:1;
			}

	/* top navigation links */
	
		#navigation_top li a, #navigation_top_right li a  {
			display: block;
			color:#291d00;
			text-shadow: 0 1px 0 #e9ce94;
			text-decoration: none;
			padding:7px 10px;
	
			}
		#navigation_top li a:hover, #navigation_top_right li a:hover {
			color:black;
			background: #eeca7e; /* Old browsers */
			background: -moz-linear-gradient(top,  #eeca7e 0%, #f2c364 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeca7e), color-stop(100%,#f2c364)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eeca7e 0%,#f2c364 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eeca7e 0%,#f2c364 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eeca7e 0%,#f2c364 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eeca7e 0%,#f2c364 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeca7e', endColorstr='#f2c364',GradientType=0 ); /* IE6-9 */
	
			}
		#navigation_top ul a, #navigation_top_right ul a {
			width: auto;
			}	
	
		#navigation_top ul ul li:hover a, #navigation_top_right ul ul li:hover a {
			color:black;
			background: #eabe60; /* Old browsers */
			background: -moz-linear-gradient(top,  #eabe60 0%, #efb43e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eabe60), color-stop(100%,#efb43e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #eabe60 0%,#efb43e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #eabe60 0%,#efb43e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabe60', endColorstr='#efb43e',GradientType=0 ); /* IE6-9 */
		}
		#navigation_top ul ul li:first-child,
		#navigation_top ul ul li:first-child a {
			border-top-right-radius:5px;
			border-top-left-radius:5px;
		}
		#navigation_top ul ul li:last-child,
		#navigation_top ul ul li:last-child a {
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
		}
	
	/* tablet size || will be completely off below tablet */
	@media (min-width: 768px) and (max-width: 979px) {

		#navigation_top,	
		#navigation_top_right {
			width:auto;
			padding:5px 15px;
			float:none;
		}
		
		#navigation_top ul li,	#navigation_top_right ul li, #navigation_top ul.level1 li, #navigation_top_right ul.level1 li  {
		border:none;
		}

		/* for tablet, change the way dropdown menus are displayed in the top nav (use the old bootstrap style with a top arrow */
		#navigation_top .level2:before {
			border-bottom-color: rgba(0, 0, 0, 0.2);
		}
		#navigation_top .level2:before {
			content: '';
			display: inline-block;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-bottom: 7px solid #B4830A;
			position: absolute;
			top: -7px;
			left: 9px;
		}
		#navigation_top .level2:after {
			border-bottom-color: #B4830A;
		}
		#navigation_top .level2:after {
			content: '';
			display: inline-block;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #B4830A;
			position: absolute;
			top: -6px;
			left: 10px;
		}

		#navigation_top ul.level2 {
			box-shadow:none;
			border-radius:5px;
			border:1px solid #cb991d;
		}
		/* end dropdown menu display */
		
	}