body { 
    background:aliceblue; 
    font: 100%/1.5 Verdana, Arial, Helvetica, "Luxi Sans", sans-serif;
    min-width: 20ems;
    max-width: 50ems;}  
		
header,main,footer,section { display:block; }  
            
h1 {color: darkblue; font-size:3EM; margin-top: 0; margin-bottom: -10px}
            
h2 {color: darkred; font-size: 1.2em;margin-bottom: -.25px}
            
h3 { color: darkred; }
            
p {color: darkblue;}

dt {color:darkblue; font-size: 1.1em; font-weight: 600}

dd {color: darkblue;}
            
ul {list-style-type: disc;}
            
li {color: darkblue;}
            
.floatright { float:left; margin: .2em; }
            
.top-border {background: darkblue; width: 100%; height: 10px; margin-bottom: -1px; margin-top: .5em; }
            
.bottom-border { border-top: 4px solid darkorange; background: darkblue; width: 100%; height: 10px; margin-bottom: -1px }
	
@media screen and (max-width: 32em) {
		h1, h2, h3 { text-align: center; }
		.hidden { display: none; }
	}

menu {list-style-type: none;
        background-color: darkorange;
        margin-top: 0}
menu li {display: inline-block;}
menu li a {display: block;
        margin-top: 0;
        padding: 5px;
        
        font-weight: bolder;
        text-decoration: none;
        text-align: center;
        color: darkblue;}
menu li a:hover, a:active, a:focus {color: darkblue; background-color: #ff5800;}

a:link, a:visited {color: darkblue;}
a:hover, a:active, a:focus {color: darkorange;}

section {border: 3px solid;
        border-radius: 20px;
        color: darkblue;
        display: block;
        padding: .5em;
        margin: 1em;
        width: 90%;
        }
.right {float: right;}