/* main body */
body {
     color : #000080;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     margin-top : 0;
     margin-left : 0;  
}
.topdiv  {
     width : 800px;
     color : #deefff;
     background : #0000ff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     margin-top : 0;
     margin-left : 0; 
     } 
.maindiv  {
     width : 800px;
     color : #000080;
     background : #deefff;
     border-style : solid;
     border-width :  3px;
     border-color :  #0000FF;     
     font-family : Arial, sans-serif;
     font-size : 100%;
     margin-top : 0;
     margin-left : 0;  
     }
/* ----------------------------------------------------- */
/* Links*/
a:link {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
}
a:visited {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
}    
a:hover {
     color : #003333;
     background : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
}    
a:active {
     color : #0066ff;
     background : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
} 
/* ----------------------------------------------------- */
/* Boxed Links*/
.topnav {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         background-color : #deefff;
         font-size : 80%;
         padding : 3px; 
}
.topnav a:link {
     text-decoration: none;
}
.topnav a:visited {
     text-decoration: none;
}
.topnav a:hover {
     text-decoration: none;
}
.topnav a:active {
     text-decoration: none;
}
.boxnav a:link {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         color: #0000CC
         background-color : #deefff;
         font-size : 80%;
         padding : 3px;
         line-height: 150%;
         text-decoration: none;
}
.boxnav a:visited {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         color: #0000CC
         background-color : #deefff;
         font-size : 80%;
         padding : 3px;
         line-height: 150%;
         text-decoration: none;
}
.boxnav a:hover {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         color: #deefff;
         background-color : #0000CC;
         font-size : 80%;
         padding : 3px;
         line-height: 150%;
         text-decoration: none;
}
.boxnav a:active {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         color: #0000CC
         background-color : #deefff;
         font-size : 80%;
         padding : 3px;
         line-height: 150%;
         text-decoration: none;
}
/* ----------------------------------------------------- */
/* pic borders*/
.pic1 a img {
	border: solid 2px;
	border-color:  #808080;
}
.pic1 a:hover img {
	border: solid 2px;
	border-color: #FF3333;
}
.pic1 a:hover {  /* wakeup IE */
	border-width: 0;
}
.esc     {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 9pt;
                text-decoration : none;
                font-weight: bold;
                margin: 5px;
                text-align: center;
               border-style : solid;
               border-width : 2px;
               border-color : #808080; 
} 
.esc A:link	 {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 9pt;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;
                text-align: center;
}
.esc A:visited {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 9pt;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;
                text-align: center;
}
.esc A:hover {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #FF3333; 
                font-size: 9pt;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;
                text-align: center;
}
.esc80     {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 8pt;
                text-decoration : none;
                font-weight: bold;               
                text-align: center;
               border-style : solid;
               border-width : 2px;
               border-color : #808080; 
} 
.esc80 A:link	 {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 8pt;
                text-decoration : none; 
                font-weight: bold;
                text-align: center;
}
.esc80 A:visited {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #808080; 
                font-size: 8pt;
                text-decoration : none; 
                font-weight: bold;               
                text-align: center;
}
.esc80 A:hover {
                font-family:  Arial, Verdana, Helvetica, sans-serif;
                color: #FF3333; 
                font-size: 8pt;
                text-decoration : none; 
                font-weight: bold;                
                text-align: center;
}
/* ----------------------------------------------------- */
/* Headings */ 
h1 {
         font-family : Arial, sans-serif;
         font-size : 110%;
         font-weight : bold;
}
h2 {
         font-family : Arial, sans-serif;
         font-size : 100%;
         font-weight : bold;
}
h3 {
         font-family : Arial, sans-serif;
         font-size : 90%;
}
h4 {
         font-family : Arial, sans-serif;
         font-size : 80%;
}
h5 {
         font-family : Arial, sans-serif;
         font-size : 70%;
}
h6 {
         font-family : Arial, sans-serif;
         font-size : 70%;
}
/* ----------------------------------------------------- */
/* Fonts*/
 .h1 {
         font-family : Arial, sans-serif;
         font-size : 110%;         
         color : #000080;
         background : #deefff;
         font-weight : bold;
}
 .h1bonb {
         font-family : Arial, sans-serif;
         font-size : 110%;         
         color : #deefff;
         background : #0000ff;
         font-weight : bold;
}
.h2 {
         font-family : Arial, sans-serif;
         font-size : 100%;         
         color : #000080;
         background : #deefff;
}
.h2bonb {
         font-family : Arial, sans-serif;
         font-size : 100%;         
         color : #deefff;
         background : #0000ff;
}
.h3 {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000080;
         background : #deefff;
}
.h3bonb {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #deefff;
         background : #0000ff;
}
.h4 {
         font-family : Arial, sans-serif;
         font-size : 80%;         
         color : #000080;
         background : #deefff;
}
.h4bonb {
         font-family : Arial, sans-serif;
         font-size : 80%;         
         color : #deefff;
         background : #0000ff;
}
.h5 {
         font-family : Arial, sans-serif;
         font-size : 70%;         
         color : #000080;
         background : #deefff;
}
/* ----------------------------------------------------- */
/* Style and Position*/
.b {
   font-weight : bold;
}
.l {
     text-align: left;
}
.r {
     text-align: right;
}
.c {
     text-align: center;
}
.j {
     text-align: justify;
}
.lm5 {
     text-align: left;
     margin-left : 5px;
     margin-right : 5px;
}
.lm10 {
     text-align: left;
     margin-left : 10px;
     margin-right : 10px;
}
.lm20 {
     text-align: left;
     margin-left : 20px;
     margin-right : 20px;
}
.rm5 {
     text-align: right;
     margin-left : 5px;
     margin-right : 5px;
}
.rm10 {
     text-align: right;
     margin-left : 10px;
     margin-right : 10px;
}
.rm20 {
     text-align: right;
     margin-left : 20px;
     margin-right : 20px;
}
.cm5 {
     text-align: center;
     margin-left : 5px;
     margin-right : 5px;
}
.cm10 {
     text-align: center;
     margin-left : 10px;
     margin-right : 10px;
}
.cm20 {
     text-align: center;
     margin-left : 20px;
     margin-right : 20px;
}
.m5 {
     margin-left : 5px;
     margin-right : 5px;
}     
.m10 {
     margin-left : 10px;
     margin-right : 10px;
}
.m20 (
     margin-left : 20px;
     margin-right : 20px;
}
/* ----------------------------------------------------- */
/* Boxed*/
.box  {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;      
         color : #000080;
         background-color : #deefff;         
} 
.blueonblue  { 
      color: #DEEFFF; 
      font-family: Arial, Tahoma, Helvetica, sans-serif; 
      font-size: 90%;
      font-weight: bold; 
      border: solid #0000FF; 
      padding-left: 2px; 
      padding-right: 2px; 
      padding-top: 2px; 
      padding-bottom: 2px; 
      background-color: #0000FF;  
}
.bonb  { 
      color: #DEEFFF; 
      font-family: Arial, Tahoma, Helvetica, sans-serif; 
      font-size: 90%;
      font-weight: bold; 
      border: solid #0000FF; 
      padding-left: 2px; 
      padding-right: 2px; 
      padding-top: 2px; 
      padding-bottom: 2px; 
      background-color: #0000FF;  
}
.blueonblue a:link {
       color:#C0C0C0;
}
.blueonblue a:hover {
        color : #0099CC;
}
/* ----------------------------------------------------- */
/* one-offs*/

.code  {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         font-family : Arial, Tahoma, Helvetica, sans-serif;
         font-size : 8pt;         
         color : #000000;
         background-color : #FFFFFF; 
         padding : 10px; 
         text-align: left;       
}  
.hr {
    color: #0000ff;
    height: 1px;
    width: 80%;
}
.hhr {
    color: #000080;
    height: 1px;
    width: 90%;
}
/* ----------------------------------------------------- */