/* main body */
body {
     color : #000080;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     margin-top : 0;
     mafgin-left : 0;  
} 
/* ----------------------------------------------------- */
/* Standard Links */
a:link {
     color: #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
}    
a:visited {
     color : #0066ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
}  
a:hover {
     color : #333333;
     background-color : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold; 
}  
a:active {
     color: #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
} 
a:img {
     boder: none;
     decoration: none
} 
/* ----------------------------------------------------- */
/* blue bg links*/
.bonb a:link {
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;     
     font-weight : bold;
} 
.bonb a:visited {
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;    
     font-weight : bold; 
}
.bonb a:hover  {
     color : #000000;
     background-color : #0000ff;
     font-family : Arial, sans-serif;    
     font-weight : bold;
}
.bonb a:active  {
     color : #000000;
     background-color : #0000ff;
     font-family : Arial, sans-serif;    
     font-weight : bold;
}
/* ----------------------------------------------------- */
/*Headings*/
h1 {
     font-size : 120%;
     font-weight : bold;
}   
h2 {  
     font-size : 110%;
     font-weight : bold; 
}    
h3
     font-size : 105%;
     font-weight : bold; 
}   
/* ----------------------------------------------------- */
/* standard font size */
.pll {
     font-size : 110%;
     color : #000080;
     background-color : #deefff;
}
.pl {
     font-size : 105%;
     color : #000080;
     background-color : #deefff;
}
.p {
     font-size : 100%;
     color : #000080;
     background-color : #deefff;
}
.p1s {
     font-size : 90%;
     color : #000080;
     background-color : #deefff;    
}
.p2s {
     font-size : 80%;
     color : #000080;
     background-color : #deefff;
}
.p3s {
     font-size : 70%;
     color : #000080;
     background-color : #deefff;
}
.p4s {
     font-size : 60%;
     color : #000080;
     background-color : #deefff;
}
/* ----------------------------------------------------- */
/* blue bg font size */
.b2l {
     font-size : 110%;
     color : #deefff;
     background-color : #0000ff;
}
.b1l {
     font-size : 105%;
     color : #deefff;
     background-color : #0000ff;
}
.bonb { 
     font-size : 100%;
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;     
}
.b1s {
     font-size : 90%;
     color : #deefff;
     background-color : #0000ff;    
}
.b2s {
     font-size : 80%;
     color : #deefff;
     background-color : #0000ff;
}
.b3s {
     font-size : 70%;
     color : #deefff;
     background-color : #0000ff;
}
.b4s {
     font-size : 60%;
     color : #deefff;
     background-color : #0000ff;
}
/* ----------------------------------------------------- */
/* boxed nav */
.topnav {
     font-size : 70%;
     color : #000080;
     background-color : #deefff;   
     font-weight : bold;
}
.topnav a:link {
     color : #0000ff;
     background-color : #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: 1px 3px;
}   
.topnav a:visited {
     color: #0000ff;
     background-color: #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: 1px 3px;
}     
.topnav a:hover {
     color: #deefff;
     background-color: #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: 1px 3px;
}
.topnav a:img {
     boder: none;
} 
/* ----------------------------------------------------- */
/* esc */
.esc {
     font-size : 70%;
     font-family:  Arial, sans-serif;
     color: #0000FF;     
     text-decoration : none;
     font-weight: bold;
     margin: 5px;
     text-align: center;
     border-style : solid;
     border-width : 1px;
     border-color : #0000FF; 
} 
.esc a:link {
     font-family:  Arial, sans-serif;
     color: #0000FF; 
     text-decoration : none; 
     font-weight: bold;
     margin: 5px;
     text-align: center;

}
.esc a:visited {
     font-family:  Arial, sans-serif;
     color: #0000FF; 
     text-decoration : none; 
     font-weight: bold;
     margin: 5px;
     text-align: center;

}
.esc a:hover {
     font-family:  Arial, Verdana, Helvetica, sans-serif;
     color: #FF3333; 
     text-decoration : none; 
     font-weight: bold;
     margin: 5px;
     text-align: center;
}
/* ----------------------------------------------------- */
/* blue box borders */
.box {
         border-style: solid;
         border-width: 1px;
         border-color: #0000ff;
         background-color : #deefff;
} 
.bbox {
         border-style: solid;
         border-width: 2px;
         border-color: #0000ff;
         background-color : #deefff;
} 
.bbbox {
         border-style: solid;
         border-width: 4px;
         border-color: #0000ff;
         background-color : #deefff;
} 
.boxbonb {
         border-style: solid;
         border-width: 1px;
         border-color: #0000ff;
         background-color : #0000ff;
} 
/* ----------------------------------------------------- */
/* 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;
}
.lm15 {
     text-align: left;
     margin-left: 15px;
     margin-right: 15px;
}
.lm20 {
     text-align: left;
     margin-left: 20px;
     margin-right: 20px;
}
.lm120 {
     text-align: left;
     margin-left: 120px;
     margin-right: 120px;
}
.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;
}
/* ----------------------------------------------------- */

/* blue line*/
.hr {
    color: #0000ff;
    height: 1px;
    width: 70%;
}
.hrb {
    color: #deefff;
    height: 1px;
    width: 70%;
}
/* ----------------------------------------------------- */
#center680 {
  width: 680px ;
  margin-left: auto ;
  margin-right: auto ;
}
#center800 {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}
#center960 {
  width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}

/* end new css*/