@media screen {
	.menu,
	.menu ul,
	.menu li,
	.menu a {
	    margin: 0;
	    padding: 0;
	    border: none;
	    outline: none;
	    z-index: 1000;
	}
 
	.menu {
	    height: 40px;
	    width: 925px;
 	    background: #004080;
	    background: linear-gradient(top, #004080 0%,#004080 100%);
	    border-radius: 4px;
	    box-shadow: 5px 5px 5px #333; 
	    z-index: 1000;
        margin-bottom: 10px;
	}
 
	.menu li {
	    position: relative;
	    list-style: none;
	    float: left;
	    display: block;
	    height: 40px;
	    z-index: 1000;
	}

	.menu li a {
    	display: block;
    	padding: 0 14px;
    	margin: 6px 0;
    	line-height: 28px;
    	text-decoration: none; 
		border-left: 1px dashed white;
    	border-right: 1px dashed white;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		color: #f3f3f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    	transition: color .2s ease-in-out;
    	z-index: 1000;
	}
 
	.menu li:first-child a { border-left: none; }
	.menu li:last-child a{ border-right: none; }

	.menu li:hover > a { color: #7AA9DD; }

	.menu ul {
		position: absolute;
		top: 40px;
		left: 0;
		opacity: 0;
        visibility: hidden;
		background: #004080;
		border-radius: 0 0 5px 5px;
		box-shadow: 5px 5px 5px #333; 
		transition: opacity .25s ease .1s;
		z-index: 1000;
	}
 
	.menu li:hover > ul { opacity: 1; visibility: visible;}
 
	.menu ul li {
    	height: 0;
    	overflow: visible;
    	padding: 0;
		transition: height .25s ease .1s;
		z-order: 1;
	}
 
	.menu li:hover > ul li {
		height: 36px;
		overflow: visible;
		padding: 0;
		z-index: 1000;
	}

	.menu ul li a {
		width: 150px;
		padding: 4px 0 4px 14px;
		margin: 0;
		border: none;
		border-bottom: 1px dashed white;
		z-index: 1000;
	}
 
	.menu ul li:last-child a { border: none; }
}

@media print {
	@page {size: landscape}
	.menu {display: none;}
}