body
    {
    font-family: sans-serif;
    font-size: 12px;
    }

#instructions
    {
    font-family: verdana;
    font-size: 14px;
    color:     black;
    border:    1px black dashed;
    width:     600px;
    }

#instructions a
    {
    color: #336699;
    }

#targetDiv
    {
    align:   center;
    z-index: 4;
    color:   #FFFFFF;
    width:   133;
    font-size: 28px;
    }

input.name
    {
    font-size: 20px;
    }
@media screen and (max-width: 481px){

#main, #subnav{  /*stack the 2 text boxes*/
  
  float: left;  
  padding:0; 
  width: 94%;    /*3%+94%+3%=100%=full width*/
  margin: 3%;    /*3% margin spaces on all sides*/
  
}  

#subnav dt{  /*reset padding and margin-top to 0*/
  padding: 0; 
  margin-top:0; 
}  

#subnav{
  border-right: 1px dotted #aaa; 
  border-bottom: 1px dotted #aaa;  /*complete the table border*/
}  

#logo {
  font-size: 45px;
}


#menu{
  text-align: center;    /*navigation links to the center*/
  padding:0;
}


#menu li{                        /*make margin and padding spaces between and around the links*/
   display: inline-block;
   margin: 1.25% .5% 1.25% .5%;
   border-left: 0;
   padding: 1%;
   border: 1px solid white;  /*draw white border around the links*/
}


#menu li a {
  color: white;                /*none active link elements are white*/
  text-decoration: none;      
}

}