body { font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: .9em; 
      color: #000000;
      background-color: #ffffff ;
      background-image: url('jarlogobg.jpg');
      background-repeat: no-repeat;
      background-position: top center;
      margin: 10px 10px 10px 10px; 
      padding: 0px 5px 0px 5px;  }
img { border: 0;}
h1 { font-size: 20pt; text-align: center; }
ul { list-style-type: square; }
dt { margin: 20px 0 0 0;
     font-weight: bold; 
     font-style: italic; }
dd { margin: 5px 50px 5px 30px;
     padding: 5px 10px 5px 10px;
     background: #fff;
     border-width: 1px;
     border-style: solid;
     border-color: #000000; }
p { margin: 5px 10px 10px 5px;
    padding: 5px 5px 10px 5px;
    font-weight: 500; }
tr { text-align: left; }
td { border: 1px solid; 
     background: #fff; }
address { font-size: smaller; }
.alignl { text-align: left; }
.alignc { text-align: center; }
.alignr { text-align: right; }
.datablock {width: 100%; display: table;}
.datablock p {display: block;}
.byline { text-align: right; 
         font-size: smaller;
         font-style: italic; }

/* Page header definition - Composed of 2 parts - logo and text */
#header { padding: 0;
          margin: 0; 
          position: relative; 
          text-align: center; }
#header h1 { margin: 75px 0 0 0; 
             font-family: Verdana, Arial, Helvetica, sans-serif; 
             font-size: 48px;}
#header a { color: black; 
            text-decoration: none; }
             
/*          
#headerlogo { background-color: #ffffff;
              top: 0; 
              left: 0; 
              width: 180px; 
              position: absolute; }
#headerlogo p { text-align: center;
            font-size: 12pt;
            font-style: oblique;
            color: #990000; }
#headerlogo em { height: 0;
                 width: 0;
                 display: block;
                 overflow: hidden; }
#headerlogo a { display: block;
                height: 200px;
                width: 180px; }
#headerlogo h1 { text-align: left;
                 height: 200px;
                 width: 180px;
                 background-image: url('JarLogo2.gif');
                 float: left; }
#headertext { background-color: transparent;
              padding: 0; 
              margin: 0; 
              width: 70%;
              text-align: left; 
              float: right; }
*/
              
#nav { text-align: center;
       margin: 0px 0px 20px 0px;
       font-size: smaller; 
       font-weight: bold;
       padding: 5px;
       border: none; 
       width: 100% ;
       float: right; }
#nav a { text-decoration: none; }
#nav a:link { color: #000; }
#nav a:visited { color: #333; }
#nav a:hover { color: #f00; }
#nav a:active { color: #000; }
#nav h2 { float: left }
#nav h3 { float: left }
#nav ul { list-style: none; 
          margin: 0px 0px 5px 0px; 
          padding: 0px 0px 0px 0px; }
#nav li { margin: 0px 3px 10px 0px; 
          padding: 3px 10px 5px 10px;
          background-color: #cccccc;
          border-width: 1px;
          border-style: solid;
          border-color: #000000;
          width: 175px; display: inline; }
/*#nav li a { padding: 3px 0px 5px 0px;
            background-color: #cccccc;
            width: 175px; /*display: block;*/}
/*
#nav li.li1 { margin: 0px 0px 0px 0px; }
#nav li.li2 { margin: 0px 0px 0px 30px; }
#nav li.li3 { margin: 0px 0px 0px 60px; }
#nav li.li4 { margin: 0px 0px 0px 90px; }
#nav li.li5 { margin: 0px 0px 0px 120px; }
*/

#content { clear: both;
           padding: 5px 20px 1px 10px;
           width: 100%;
           margin: 0px 0px 0px 0px;
           border: none; }
#content .leftfeature { width: 70%; float: left;
                     padding: 0px 5px 0px 0px; }

#content .rightfeature { width: 25%; float: right;
                     background-color: #b0b0b0; 
                     padding: 0px 5px 0px 5px; 
                     margin: 0px 15px 10px 0px;
                     border-width: 1px;
                     border-style: solid;
                     border-color: #000000; }
#content .lefthalf { width: 45%; float: left;
                     padding: 0px 5px 0px 5px;  }
#content .righthalf { width: 45%; float: right;
                     padding: 0px 5px 0px 5px; 
                     margin-right: 20px; }
#content p { padding: 5px 20px 5px 10px; background: #f0f0f0; 
                     border-width: 1px;
                     border-style: solid;
                     border-color: #000000;}
#content p.indent { text-indent: 30px; }
#content p.signature { text-align: right; }
#content p.byline { margin: 0px 10px 30px 0px;
                    text-align: right;
                    font-style: italic; }
#content p.footnote { margin: 10px 0px 10px 0px;
                    text-indent: 0px;
                    font-style: italic; }
#content h3 { margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px; }
#content table { margin: 0px 0px 0px 20px; }
               
#content .datablock {display: table; width: 100%;}
#content .l50 { width: 49%; float: left;}
#content .r50 { width: 49%; float: right;}
#content .l33 { width: 32%; float: left;}
#content .c33 { width: 34%; float: left;}
#content .r33 { width: 33%; float: right;}
#content .l66 { width: 67%; float: left;}
#content .r66 { width: 67%; float: right;}

#map { width: 400px; height: 400px; }
#map p { margin: 0;
         padding: 0px 0px 0px 0px; background: #ffffff; 
                     border-width: 0px;
                     border-style: solid;
                     border-color: #ffffff; 
                     width: 200px; }


#footer { padding: 5px 20px 20px 10px;
         width: 100%;
         margin: 0px;
         border: none; }

#notes { font-size: smaller; }
</style>