/* tablet */

#nav {padding: 0.3em;}

#nav ul {list-style: none; width: 420px; margin: auto; }

#nav ul li {float: left; margin: 0 2px 0 0; font-size: .85em;}

#nav ul li a {display: block; text-decoration: none; color: #000; text-align:center; padding: 3px 6px; border: 1px solid #7F0000; border-radius: 5px; box-shadow: 2px -2px 3px #ccc; }

#nav ul li a:hover {background: #ddd; color: #7F0000; box-shadow: 3px -3px 2px rgba(127, 0, 0, .3); }

#nav ul li.current a {background:  #7F0000; color: #fff;}