/* navigation area */
.navbar {
        
	top: 0px;
	width:160px;
	height: 30px;
	text-align: left;
	left: 0px;
	z-index: 97;
	border-radius: 0px;


}
.navigation {
       
	/*background-image:url('../images/icons/navbg.png');
	background-repeat:no-repeat;*/
	padding:1px 0px;
	width:160px;
	/*height:100%;*/
	z-index: 98;
}

.menu {
	width: 160px;
	height: 32px;
	/* background-image:url('../images/button7.png');*/
	background-color: #fafafa;
	margin: 0px 10px 6px 10px;
	border: 1px black outset;

}
.logo {

	margin-left:0px;
	text-align:center;
	width: 180px;
	min-height: 80px;
	top:0px;
	z-index:100;
}
@media only screen and (min-width: 300px){
    .navbar {
        position: relative;
    }
    .navigation {
        position: relative;
        top:0px;
    }
    .logo {
        position: relative;
        top:0px;
    }
}
@media only screen and (min-width: 1200px){
    .navbar {
        position: fixed;
    }
    .navigation {
        position: fixed;
        top:110px;
    }
    .logo {
        position: fixed;
        top:0px;
    }
}
.item {
	width:100%;
}
div.menu {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	border-radius: 6px;
}
div.menu a {
	text-decoration:none;
}
div.menu:hover div.item, div.menu:focus div.item {
	color: #fafafa;
	height: 32px; 
	background-color: #4b51a6;
        border-radius: 6px;
}
 div.menu a:visited, div.menu a:link {
	color:#5a5a5a;
}
div.menu div.sub {
	position:relative;
	color:#2660a4;
	list-style:none;
	display:none;
	top:-40px;
	left:156px;
	font-size:16px;
	border:2px silver inset;
	padding:0px;
	background-color: #fafafa;
	height:32px;
        border-radius:6px;
}
div.menu:hover div.sub, div.menu:focus div.sub {
	display: block;
	background-color: #fafafa;

        border-radius: 6px;
	
}
div.sub:hover div.subitem, div.sub:focus div.subitem {
	width:100%;
	height:32px;
	background-color: #4b51a6;
	border:0px maroon inset;
        border-radius: 6px;
        color: white;
}