@media screen {
body
{   background-color: #ddfeff; 
    color: #324766;
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}

table.navbar
{  
   text-align: right;
}

.self
{  color: #324766;
   font-weight: bold;
}

p.first
{  font-size: x-large;  font-weight: bold; }


h1, h2, h3, p, li { line-height: 150%; }

button, input { line-height: 120% }

a:link, a:visited, a:active               
{   color: #663309;
    border-left: #f7edab  1px solid;
    border-right: #f7edab 1px solid;
} 

a:hover    
{   border: #415f92 1px solid;
    text-decoration: none;
}  

img { border-style: none; max-width:100%; }

div.mbody 
{ margin-left: 2px; 
}

div.mnav { font-size: 150%; font-weight: bold} 

div.mnav a.nav { font-size: 85%; margin-left: 0.5em; 
      border: 1px solid #fff; text-decoration: none; }

div.mnav a.subnav { font-size: 75%; margin-left: 1em; 
       border: 1px solid #fff; text-decoration: none;}

nav.mobile 
{ display: block; width: 100%;
  background-color: #ddfeff;
  margin: 0px; padding: 10px, 10px, 5px, 5px;
  white-space: nowrap;
}

nav.mobile > span
{ width: 100%;  display: inline-block;
  text-align: center; 
  background-color: #000a6c; color: #fff;
  padding: 4px; font-weight: bold;
  font-size: x-large; vertical-align: middle;
}

img#handsimg, h1 img,  h2 img
{ float: right; width: 150px; margin-right: 2px; padding-left: 2px}

} /* end media screen */


@media print
{ body
  {   background-color: #fff;
      border: 0; padding: 0;
      margin-top: 30px;
      margin-bottom: 30px;
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-small;
  }
  img { width: 80px }
  table.navbar, tr#topbanner, tr#topspacer1, tr#topspacer2, td#googlead, tr#footer
  { display: none }
  body table { background-color: white; color: black; font-size: x-small }
}