/* 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 : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
a:visited {
     color : #0000ff;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
a:hover {
     color : #003333;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
a:active {
     color : #0066ff;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
.p a:link {
     color : #0000ff;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}
.p a:visited {
     color : #0000ff;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}    
.p a:hover {
     color : #003333;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}    
.p a:active {
     color : #0066ff;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}
.nav {
     color : #000080;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 75%;
     font-weight : bold;
}
.nav a:link {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
.nav a:visited {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
.nav a:hover {
     color : #003333;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
.nav a:active {
     color : #0066ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}  
/* ----------------------------------------------------- */
/* Boxed Links*/
.topnav {
     color : #000080;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 80%;
     font-weight : bold;
     line-height: 200%; 
}
.topnav a:link {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;

     font-weight : bold;     
     border-style: solid;
     border-width: 1px;
     border-color: #0000ff; 
     line-height: 200%; 
     text-decoration: none;
     padding-right : 3px; 
     padding-left : 3px;
}
.topnav a:visited {
     color : #0066FF;
     background : #deefff;
     font-family : Arial, sans-serif;

     font-weight : bold;     
     border-style: solid;
     border-width: 1px;
     border-color: #0000ff; 
     line-height: 200%; 
     text-decoration: none;
     padding-right : 3px; 
     padding-left : 3px;
}
.topnav a:hover {
     color : #deefff;
     background : #0000ff;
     font-family : Arial, sans-serif;

     font-weight : bold;
     border-style: solid;
     border-width: 1px;
     border-color: #0000ff; 
     line-height: 200%; 
    text-decoration: none;
    padding-right : 3px; 
    padding-left : 3px;
} 
.topnav a:active {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;

     font-weight : bold;
     border-style: solid;
     border-width: 1px;
     border-color: #0000ff; 
     line-height: 200%; 
    text-decoration: none;
    padding-right : 3px; 
    padding-left : 3px;
} 
/* ----------------------------------------------------- */
/* Pic Links*/
.pic1 a img {
	border: solid 2px;
	border-color:  #808080;
}
.pic1 a:hover img {
	border: solid 2px;
	border-color: #FF3333;
}
/* ----------------------------------------------------- */
/* Esc Links*/
.esc     {
              font-family:  Arial, sans-serif;
              color: #808080;
              background : #deefff;
              font-size: 90%;
              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, sans-serif;
                color: #808080;
                background : #deefff; 
                font-size: 90%;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;
}
.esc A:visited {
                font-family:  Arial, sans-serif;
                color: #808080;
                background : #deefff; 
                font-size: 90%;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;
}
.esc A:hover {
                font-family:  Arial, sans-serif;
                color: #FF3333;
                background : #deefff; 
                font-size: 90%;
                text-decoration : none; 
                font-weight: bold;
                margin: 5px;               
}
/* ----------------------------------------------------- */
/* 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 : 75%;
}
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 : 75%;         
         color : #000080;
         background : #deefff;
}
.h6 {
         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 : 10px;
     margin-right : 10px;
}
.lm10 {
     text-align: left;
     margin-left : 10px;
     margin-right : 10px;
}
.lm20 {
     text-align: left;
     margin-left : 20px;
     margin-right : 20px;
}
.lm100 {
     text-align: left;
     margin-left : 100px;
     margin-right : 100px;
}
.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;
}
/* ----------------------------------------------------- */
/* mini blue text for fact boxes*/
.miniblue {
     font-size : 80%;
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-weight : bold;
} 
.miniblue a:link {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 90%;
     font-weight : bold;
}   
/* ----------------------------------------------------- */
/* blue text usually for missing links */
.bluetext {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 90%;
} 
.bluebold {
     color : #0000ff;
     background : #deefff;
     font-family : Arial, sans-serif;
     font-size : 90%;
     font-weight : bold;
}   

/* ----------------------------------------------------- */
/* blue on blue */
.bonb  { 
      color: #DEEFFF;
      background : #0000FF;     
}
.bonb a:link { 
      color: #DEEFFF;
      background : #0000FF;     
}
.bonb a:visited { 
      color: #DEEFFF;
      background : #0000FF;     
}
.bonb a:hover { 
      color: #DEEFFF;
      background : #0000FF;     
}
.bonb a:active; { 
      color: #DEEFFF;
      background : #0000FF;     
}
/* ----------------------------------------------------- */
/* blue box borders - */

.box {
         border-style: solid;
         border-width: 1px;
         border-color: #0000ff;
} 
.boldbox {
         border-style: solid;
         border-width: 2px;
         border-color: #0000ff;
} 
/* ----------------------------------------------------- */
/* tables */

.table {
     border: none;   
}
.table1 {
     border-style: solid;
     border-width: 1px;
     border-color: #0000FF;    
}

/* ----------------------------------------------------- */
/*red highlight style below*/
.redbox {
         border-style: solid;
         border-width: 1px;
         border-color: #ff0000;
         font-family : Arial, sans-serif;
         font-size : 90%;
         color : #000080;
         background : #deefff
}
.redboldbox {
         border-style: solid;
         border-width: 2px;
         border-color: #ff0000;
}
.red {
         color : #ff0000;
         background : #deefff
}
.redbg {
         color : #deefff;
         background : #ff0000
}
/* ----------------------------------------------------- */
/*odd style below*/
.code  {
         border-style : solid;
         border-width : 1px;
         border-color : #0000CC;
         font-family : Arial, sans-serif;
         font-size : 75%;         
         color : #000000;
         background : #FFFFFF; 
         padding : 10px; 
         text-align: left;       
}  
.hr {
    color: #0000ff;
    background : #deefff;
    height: 1px;
    width: 70%;
}
/* ----------------------------------------------------- */
/*forms*/
select {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000080;
         background : #F0F8FF;
} 
textarea {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000080;
         background : #F0F8FF;
} 
input {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000080;
         background : #F0F8FF;
} 
input.btn {
         font-family : Arial, sans-serif;
         font-size : 70%; 
         font-weight: bold;        
         color : #deefff;
         background : #000080; 
         padding-top : 1px;
         padding-bottom : 1px;
         padding-left : 5px;
} 
input.checkbox {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000080;
         border : solid 1px #0000FF;
         background : #F0F8FF;
}
/* ----------------------------------------------------- */