/* <!-- */

@media handheld {

   /* General styles */
    html {
      height: 100%;
    }
    body {
      margin:0;
      padding:0;
      border:0px;         /* This removes the border around the viewport in old versions of IE */
      width:100%;
      height:100%;
      /* min-width:600px;      Minimum width of layout - remove line if not required */
                           /* The min-width property does not work in old versions of Internet Explorer */
      font-size: 1em;
      color: #FFF;
      background:#000;
   }
   .resize {
      width: 200px;
      height : auto;
   }
   .resize {
       width: auto;
       height : 300px;
   }

   /* Header styles */
   #header {
      clear:both;
      float:left;
      /*width:100%;  */
      text-align: left;
      color:#FFF;
      font-family: "Times New Roman",Georgia,Serif;
      font-size:2em;
      overflow:visible;
   }
   #header p {
      padding:0em 0em 0em 1em;
      margin: 1% 0% 1% 0%;
      white-space: nowrap;
   }

   a:link {
        color: #0FF;
   }
   a:visited {
        color: #0F9;
   }
   img#mainimage {
      margin:0px 0px 0px 0px;
      width: 95%;
      max-width:800px;
      max-height:600px;
      height : auto;
      padding: 3px;
      border-color: #666;
      border-style: solid;
      border-width: 1px;
   }

   img.watermark {
      position: absolute;
      top: 23px;
      left: 30px;
   }

   /* column container */

   .columnContainer {
      clear:both;
      float:left;
      width:100%;          /* width of whole page */
      height: 90%;       /*   don't use the whole height of the page */
      overflow:hidden;     /* This chops off any overhanging divs */
      background:#000;     /* for debugging */
   }

   /* common column settings */
   .col1{
      float:left;
      position:relative;
      padding:1% 0% 1% 0%;
      margin-top: 3%;
      overflow:hidden;
      text-align: center;

      width:66%;        /* left column content width (column width minus left and right padding) */
      max-width: 1000px;
      left:3%;         /* right column width plus left column left padding */
   }
   .col1 #blurb {
      padding:1% 0% 0% 0%;
      text-align: center;
      font-family: "Times New Roman",Georgia,Serif;
      font-size: 1.25em;
   }
   .col2{
      float:left;
      height: 90%;
      position:relative;
      margin: 1% 0% 0% 0%;
      padding:0% 1% 0% 0%;
      overflow:visible;
      font-family:"Times New Roman",Georgia,Serif;
      text-align:left;
      font-size: 85%;

      width:28%;        /* right column content width (column width minus left and right padding) */
      left:3%;         /* (right column width) plus (left column left and right padding) plus (right column left padding) */

      /*
      scrollbar-arrow-color: #000;
      scrollbar-base-color: #09C;
      scrollbar-face-color: #09C;
      scrollbar-highlight-color: #000;
      scrollbar-shadow-color: #000;
      scrollbar-3dlight-color: #000;
      scrollbar-track-color: #000;
      scrollbar-darkshadow-color: #000;
      */
   }


   /* Footer styles */
   #footer {
      text-align: center;
      clear:both;
      float:left;
      width:100%;
      font-family: Arial, Helvetica, sans-serif;
      font-size: .65em;
      font-style: normal;
      color: #CCC;
   }
   #footer p {
      padding-top:1em;
   }

   #footer .about_links {padding:0em 4em 0em 0em;}

   #footer .disclamer {
      padding-bottom: 0em;
      width: 50%;
      margin-left: auto;
      margin-right: auto;
   }
   #footer .disclamer a:link {text-decoration: none; color: #CCC}
   #footer .disclamer a:visited {text-decoration: none; color: #CCC}
   #footer .disclamer a:active {text-decoration: none; color: #CCC}
   #footer .disclamer a:hover {text-decoration: none; color: #CCC}

   .center {
      text-align: center;
   }

   .header_center {
      text-align: center;
      margin-top: 1em;
      margin-bottom: 0em;
   }

   .small {
      font-size: 0.75em;
      display:inline;
   }

   .sup {
      vertical-align: super;
      font-size: .75em;
   }

   .under {
      text-decoration: underline;
   }

   .descr_text {
      margin-top: 0em;
      margin-bottom: 1em;
   }

   .ref_text {
      margin-top: 0em;
      margin-bottom: .25em;
      line-height : 1em;
   }

   .diag_text {
      margin-top: 0em;
      margin-bottom: .25em;
      margin-left: 1em;
      text-indent: -1em;
      line-height : 1em;
   }

   .generic_p {
      margin-top: 0em;
      margin-bottom: 1em;
   }

   .date {
      font-size: 0.75em;
      margin-top: 2em;
      margin-bottom: 0em;
      text-align: center;
   }
   .contact {
      font-size: 0.75em;
      margin-top: 0em;
      margin-bottom: 0em;
      text-align: center;
      line-height : 1em;
   }
}
   /* --> */