/* Standard DRSS Colors
Blue: #003DA5
Green: #009739
Yellow: #FFCD00
Red: #E4002B

Sampled Colors
Blue: #0046B9
Green: #007C68
Yellow: #F6D016
Red: #E50C2D
*/

h1 {
   margin: 0.5em;
   padding: 0.4em;
   border: 6px solid #007C68;
   border-radius: 0.5em;
   text-align: center;
   font-size: 3em;
   color: #0046B9;
   background-color: #F6D016;
   text-shadow: 6px -3px 4px #FFFFFF;
   box-shadow: 12px 4px 6px #AAAAAA;
}

nav {
   margin: 0.2em 0.4em 0.2em 0.4em;
   border-radius: 0.3em;
   text-align: center;
   font-size: 2em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   color: #E50C2D;
}

nav > ul {
   display: inline-block; 
   text-shadow: 2px -1px 1px #333333;
   list-style: none;
}

nav > ul > li {
   padding: 0.4em;
   float: left;
}

nav li a {
   padding: 0.2em;
   text-align: left;
   text-decoration: none;
   display: block;
   color: #007C68;
   background-color: #FFFFFF;
}

nav li ul {
   display: none;
   list-style: none;
   padding-left: 0px;
}

nav li a:hover, nav li a:focus-within {
   border: 4px solid #007C68;
   border-radius: 0.3em;
   box-shadow: 8px 3px 4px #AAAAAA;
   background-color: #0046B9;
   color: #FFFFFF;
   text-shadow: 2px -1px 0px #FFFFFF;
   padding-left: 0px;
}

nav li:hover > ul, nav li:focus-within > ul {
   display: block;
   position: absolute;
   border-radius: 0.3em;
   box-shadow: 8px 3px 4px #AAAAAA;
}

.reduced {
   font-size: 0.8em;
}

.logo {
   margin-left: 30%;
   margin-right: 30%;
   text-align: center;
   border: 6px solid #007C68;
   border-radius: 0.5em;
   box-shadow: 12px 4px 6px #AAAAAA;
}

@media print {
	body, h1, li {
		color: #000000;
		background-color: #FFFFFF;
	}
	body {
		max-width: 100%;
		border: 0;
	}
}
@page {
	margin: 1in;
}