@font-face {    
font-family: rockwell;
src: url('rockwell.TTF');
}

#navbar {
    width: 992px;
    height: 70px;
    margin: auto 0px;
    border: 0;
}

#navback {
    width: 100%;
    height: 70px;
    border: 1px solid #F7CA00;
    background-color: #4A4A4A;
}

#navlinks {
    width: 777px;
    height: 45px;
    margin-left: 13px;
    margin-top: 13px;
    font-family: rockwell;
    font-size: 14px;
}

#search {
    width: 250px;
    height: 30px;
    float: right;
    margin-right: 20px;
    margin-top: -53px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
    background: #706F75;  
	list-style: none;
	position: relative;
	display: inline-table;
    padding: 0;
    margin: 0;
}

nav ul:after {
	content: ""; 
    clear: both; 
    display: block;
}

nav ul li {
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #646369;
}
	
nav ul li:hover {
	background: #646369;
    -webkit-transition: 0.3s;
    -transition: 0.3s;
    ransition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

nav ul li:hover a {
	color: #FFFFFF;
}
	
nav ul li a {
	display: block; 
    width: 113px;
    height: 45px;
	color: #D6D6D6; 
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
}

nav ul ul {
    background: #646369; 
    padding: 0;
	position: absolute; 
    top: 100%;
    border: 0;
    box-sizing: border-box;
}

nav ul ul li {
	float: none; 
	position: relative;
    border-right: 0 !important;
    border-top: 1px solid #646369;
}

nav ul ul li a {
	color: #D6D6D6 !important;
}	

nav ul ul li a:hover {
	background: #646369;
    -webkit-transition: 0.3s;
    -transition: 0.3s;
    ransition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

nav ul ul li:hover a {
    color: #FFFFFF !important;
}