body { background-color: white;
       color: black;
       margin-left: 5%;
       margin-right: 5%; }
address {
       font-style: italic; }
div.boxed {
       border-bottom-width: 2px;
       border-left-width: 2px;
       border-right-width: 2px;
       border-top-width: 2px;
       border-width: 2px;
       margin-left: 5%;
       margin-right: 5%; }
div.rightbox {
       border-bottom-width: 2px;
       border-left-width: 2px;
       border-right-width: 2px;
       border-top-width: 2px;
       border-width: 2px;
       margin-left: 5%;
       margin-right: 5%; 
       float: right;
       width: 45%; }
h1,h2,h3,h4 {
       background-color: maroon;
       color: white;
       clear: both; }
h1,h2 {
       text-align: center; 
       padding: 10px; }
h3,h4 {
       text-align: left; 
       padding: 5px; }
p {    clear: both; }
strong {
       color: maroon; }
em {   color: navy; }
ul li {
       list-style-type: circle; }
ul ul li {
       list-style-type: square; }
.invert {
       background-color: navy;
       color: white; }
div.right {
       float: right;
       text-align: right;
       width: 40%;
       font-style: italic; }
div.response {
       margin-left: 15px;
       margin-right: 15px;
       border-bottom-width: 2px;
       border-left-width: 2px;
       border-right-width: 2px;
       border-top-width: 2px;
       border-width: 2px; }
span.read {
       color: red; }
span.hw {
       color: navy; }
span.port {
       color: blue; }