@media screen and (max-width: 950px) { table.layout { width: 100% }  }
@media screen and (max-width: 1024px) { table.layout { width: 94% }  }

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

ul.leftnav { display: table; margin-right: 3em; padding-top: 2em; }
ul.leftnav > li { display: table-row; }
ul.leftnav > li > span { display: table-cell; text-align: right; line-height: 300%; white-space: nowrap}
ul.leftnav > li > span.self { font-weight: bold;  color: darkorange; }


body table
{   background-color: #fff9bb; 
    color: #266040;
    font-size: medium;
    line-height: 150%;
    border: 0px; padding: 0px; margin: 0px;
}

table.layout
{  width: 80%;
   margin-left: auto; margin-right: auto;
   border-bottom-right-radius: 26px;
   border-bottom-left-radius: 26px;
   border-spacing: 0px;
   border: 0px; padding: 0px; margin-top: 0px;
}

table.layout td 
{ vertical-align: top;
  border: 0px; padding: 0px; margin: 0px;
}

table.layout td#navcol
{ width:20%; align: right; 
  padding-left:5%; 
  padding-right:3%;
}

table.layout td#contentcol 
{  width:60%; padding-left: 3%; padding-right: 7% }

table.layout td#rightcol 
{ align: right; padding-right:8%; padding-left: 2%;
  vertical-align: top; overflow: hidden;
}


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: #000103;
    border-left: #f7edab  1px solid;
    border-right: #f7edab 1px solid;
} 

a:hover    
{   border: #000103 1px solid;
    border-radius: 4px;
    text-decoration: none;
}  

a.noborder:link, a.noborder:visited, a.noborder:active, a.noborder:hover
{ border: none;  }

img { border-style: none; }

img#dwpcover { box-shadow: 4px 6px 8px rgba(0,0,0,.4) }

ul.leftnav a:link, ul.leftnav a:visited, ul.leftnav a:active 
{ font-weight: bold;  color: rgb(38, 96, 64); 
  text-decoration: none;
  padding: 3px;
}

ul.leftnav a:hover
{   border: rgb(38, 96, 64) 1px solid;
    border-radius: 7px;
}

p.cnav
{ 
   text-align: center;
}

p.cnav span.self
{
   font-weight: bold;
   color: #cc9911;
}

p.cnav a, a.top
{  
   text-decoration: none;
   font-variant: SMALL-CAPS;
   font-weight: bold;
   color: #000103;
   border: none;

}

p.cnav a:hover, a.top:hover
{  
   color: #cc9911;
   border: none;

}

table.Ex {  border-spacing: 10px }
} /* end media screen */

@media print
{ body
  {   background-color: #fff;
      border: 0; padding: 0;
      margin: 30px;
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: small;
  }

  img { width: 80px }
  td#navcol, tr#topbanner, tr#topspacer, td#rightcol, tr#footer { display: none }
  body table { background-color: white; color: black; font-size: x-small }
}