@charset "utf-8";
/* CSS Document */

* { font-family:Verdana, Geneva, sans-serif;}

header {
	display:block;
	background-color:#ACC;
	font:Verdana, Geneva, sans-serif;
	padding:10px;
	}
@media only screen and (min-width: 768px){
nav { 
	display:block; background-color:#069; padding:1px; font-family:Verdana, Geneva, sans-serif; font-size:16px; border-radius:5px; 
	}

nav ul {
	list-style-type:none;
	}
nav li { display:inline; background-color:#069; 
	}
nav li a { text-decoration:none; color:#CCC; background-color:#069; padding:10px;border-bottom:#333 solid thin; border-right:#333 solid thin;border-left:#ccc solid thin; border-top:#ccc solid thin; border-radius:5px;}
nav li a:hover { text-decoration:none; color:#fff; background-color:#999; padding:10px;
border-bottom:#ccc solid thin; border-right:#ccc solid thin;border-left:#333 solid thin; border-top:#333 solid thin; border-radius:5px;
}
}
@media only screen and (max-width: 767px){
nav { 
	display:block; background-color:#063; padding:1px; font-family:Verdana, Geneva, sans-serif; font-size:16px; border-radius:5px; margin:0; 
	}

nav ul {
	list-style-type:none; margin:0; 
	}
nav li {display:block; margin:0; float:none; 
	}
nav li a { text-decoration:none; color:#CCC; background-color:#063; padding:10px;border-bottom:#333 solid thin; border-right:#333 solid thin;border-left:#ccc solid thin; border-top:#ccc solid thin; display:block;
}
nav li a:hover { text-decoration:none; color:#fff; background-color:#999; padding:10px;
border-bottom:#ccc solid thin; border-right:#ccc solid thin;border-left:#333 solid thin; border-top:#333 solid thin; display:block;
}
	}