body{
margin:0;
background:#EDF3FD;
background-image:url('head_tile.gif');
background-repeat:repeat-x;
margin-bottom:10px;
margin-left:200px;
max-width: 900px;
}

.content{
text-align:left;
margin:20px;

padding:10px;
margin-right:30px;
border:1px solid #A1AEC5;
background:#E6ECF8;
color:#112E5F;
font-size:11.5pt;
font-family:arial;
line-height: 150%;
}

.content heada{
font-size:15pt;
font-weight:bold;
}

.content headb{
font-size:13pt;
font-weight:bold;
}

.menu{
border:none;
width:150px;
font-size:16pt;
padding:5px;
padding-top:40px;
padding-bottom:10px;
position:absolute;
left:20px;
top:375px;
text-align: left;
line-height: 200%;
}

.menu a{
font-family:arial;
color:#8798B2;
font-weight:bold;
text-decoration:none;
}

.menu a:hover{
color:#465D82;
}


.copy{
font-size:14px;
color:#8798B2;
}

a{
color:#009;
font-weight:bold;
}

a:hover{
color:#900;
}

a:active{
color:#900;
}

a:visited{
color:#889;
}

table.links td{
text-align:center;
}

form input{
border:1px solid #112E5F;
background:#EDF3FD;
color:#112E5F;
}

form input.btn{
background:#CCD6E5;
color:#000;
}
.copy, .head, .menu {
    text-align: center;
}

table {
  width: 100%;
  table-layout: fixed;
}


.head img  {
 
max-width: 100%;

}

h3, .clearfix {

  clear: both;

}


.instruction-img {
  
float: right;
 
clear: both;

}



@media  (max-width: 600px) {

  body  {

    margin-left: 10px;

  }
  
  .menu {
    
    display: block;

    position: inherit;

    width: 100%;

    font-size:10pt;
    top:10px;
  }

  .instruction-img {

    float:none;

    display: block;

  }


}