/* main body */
body {
     color : #000080;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 90%;
     margin-top : 0;
     mafgin-left : 0;  
} 
/* ----------------------------------------------------- */

/* Links */
a:link {
     color: #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
a:visited {
     color : #0066ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}  
a:hover {
     color : #333333;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold; 
}  

a:img {
     boder: none;
} 
/* ----------------------------------------------------- */

/* blue bg */
.bonb { 
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
.bonb a:link {
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
} 
.bonb a:visited {
     color : #deefff;
     background-color : #0000ff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold; 
}
.bonb a:hover  {
     color : #000000;
     background-color : #0000ff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
/* ----------------------------------------------------- */

/* boxed nav */
.topnav {
     color : #000080;
     background-color : #deefff;
     font-size : 85%;
     font-weight : bold;
}
.topnav a:link {
     color : #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     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-size: 100%;
     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-size: 100%;
     font-weight: bold;
     border-style: solid;
     border-width: 1px;
     border-color: #0000ff;
     line-height: 200%; 
     text-decoration: none;
     padding: 1px 3px;
} 
/* ----------------------------------------------------- */

/* esc */
.esc {
     font-family:  Arial, sans-serif;
     color: #0000FF;
     font-size: 75%;
     text-decoration : none;
     font-weight: bold;
     margin: 5px;
     text-align: center;
     border-style : solid;
     border-width : 2px;
     border-color : #0000FF; 
} 
.esc a:link {
     font-family:  Arial, sans-serif;
     color: #0000FF; 
     font-size: 100%;
     text-decoration : none; 
     font-weight: bold;
     margin: 5px;
     text-align: center;

}
.esc a:visited {
     font-family:  Arial, sans-serif;
     color: #0000FF; 
     font-size: 100%;
     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: 100%;
     text-decoration : none; 
     font-weight: bold;
     margin: 5px;
     text-align: center;
}
/* ----------------------------------------------------- */

/*Headings*/
h1 {
     font-size : 120%;
     color : #deefff;
     background-color : 0000FF;
     font-weight : bold;
     text-align : center;
}   
h2 {  
     font-size : 110%;
     color : #000080;
     background-color : #deefff;
     font-weight : bold; 
}    
h3
     font-size : 100%;
     color : #000080;
     background-color : #deefff;
     font-weight : bold; 
}   
h4 {  
     font-size : 95%;
     color : #000080;
     background-color : #deefff;
     font-weight : bold;
}   
h5 {
     font-size : 90%;
     color : #000080;
     background-color : #deefff;
     font-weight : bold;
} 
h6 {
     font-size : 85%;
     color : #000080;
     background-color : #deefff;
     font-weight : bold;
}
p {
     font-size : 100%;
     color : #000080;
     background-color : #deefff;
}
/* ----------------------------------------------------- */

/* 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;
} 
.boxb {
         border-style: solid;
         border-width: 1px;
         border-color: #deefff;
         background-color : #0000ff;
} 
.bboxb {
         border-style: solid;
         border-width: 2px;
         border-color: #deefff;
         background-color : #0000ff;
}  
.bbboxb {
         border-style: solid;
         border-width: 2px;
         border-color: #deefff;
         background-color : #0000ff;
}  
/* ----------------------------------------------------- */

/* font size */
.p8 {
     font-size : 110%;
}
.p7 {
     font-size : 105%;
}
.p6 {
     font-size : 100%;
}
.p5 {
     font-size : 95%;    
}
.p4 {
     font-size : 90%;
}
.p3 {
     font-size : 85%;
}
.p2 {
     font-size : 80%;
}
.p1 {
     font-size : 75%;
}
.pp {
     font-size : 70%;
}
/* ----------------------------------------------------- */

/* 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%;
}
/* ----------------------------------------------------- */
/* end new css*/
/* white box for code snippits*/
.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;       
} 


input {
         font-family : Arial, Tahoma, Helvetica, sans-serif;
         font-size : 9pt;         
         color : #000080;
         background-color : #F0F8FF;
         text-align: left;
} 
input.btn {
         font-family : Arial, Tahoma, Helvetica, sans-serif;
         font-size : 9pt; 
         font-weight: bold;        
         color : #deefff;
         background-color : #000080; 
         padding-top : 1px;
         padding-bottom : 1px;
         padding-left : 5px; 
         text-align: left;
} 
input.checkbox {
         font-family : Arial, Tahoma, Helvetica, sans-serif;
         font-size : 9pt;         
         color : #000080;
         border : solid 1px #0000FF;
         background-color : #F0F8FF;
}
/* ----------------------------------------------------- */

.minilink {
     color : #000080;
     font-family : Arial, Tahoma, Helvetica, sans-serif;
     font-size : 8pt;     
     background-color : #deefff;
}
.minilink a:link {
     color : #0000ff;
     font-family : Arial, Tahoma, Helvetica, sans-serif;
     font-size : 8pt;
     font-weight : bold;
     background-color : #deefff;
}
.minilink a:visited {
     color : #0000ff;
     font-family : Arial, Tahoma, Helvetica, sans-serif;
     font-size : 8pt;
     font-weight : bold;
     background-color : #deefff;
}
.minilink a:hover {
      color : #0066CC;
     font-family : Arial, Tahoma, Helvetica, sans-serif;
     font-size : 8pt;
     font-weight : bold;
     background-color : #deefff;
}
.minilink a:active {
      color : #0000ff;
     font-family : Arial, Tahoma, Helvetica, sans-serif;
     font-size : 8pt;
     font-weight : bolder;
     background-color : #deefff;
}
/* ----------------------------------------------------- */
/* mini */
.mini {
     color : #0000ff;
     background-color : #deefff;
     font-size : 75%;
     font-weight : bold; 
}
.mini a:link {
     color : #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold; 
	 border-style : none;
	 padding : none;
     line-height: 100%; 
     text-decoration: none;
}
.mini a:visited {
     color : #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
	 border-style : none;
	 padding : none;
     line-height: 100%; 
     text-decoration: none;
}
.mini a:hover {
     color : #000000;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
	 border-style : none;
	 padding : none;
     line-height: 100%; 
     text-decoration: none;
}
/* ----------------------------------------------------- */
/* mini ad */
.miniad {
     color : #deefff;
     background-color: transparent;
     font-size : 75%;
     font-weight : bold; 
}
.miniad a:link {
     color : #deefff;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold; 
	 border-style : none;
	 padding : none;
     line-height: 110%; 
     text-decoration: none;
}
.miniad a:visited {
     color : #deefff;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
	 border-style : none;
	 padding : none;
     line-height: 110%; 
     text-decoration: none;
}
.miniad a:hover {
     color : #deefff;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 110%;
     font-weight : bold;
	 border-style : none;
	 padding : none;
     line-height: 100%; 
     text-decoration: underline;
}
.miniadb {
     color : #000000;
     background-color: transparent;
     font-size : 75%;
     font-weight : bold; 
}
.miniadb a:link {
     color : #000000;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
	 border-style : none;
	 padding : none;
     line-height: 110%; 
     text-decoration: none;
}
.miniadb a:visited {
     color : #000000;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
	 border-style : none;
	 padding : none;
     line-height: 110%; 
     text-decoration: none;
}
.miniadb a:hover {
     color : #000000;
     background-color: transparent;
     font-family : Arial, sans-serif;
     font-size : 110%;    
	 border-style : none;
	 padding : none;
     line-height: 100%; 
     text-decoration: underline;
}
/* pic links */

.pic1 a:link {
     color: #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 75%;
     font-weight : bold;
}    
.pic1 a:visited {
     color : #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 75%;
     font-weight : bold;
}  
.pic1 a:hover {
     color : #0000ff;
     background-color : #deefff;
     font-family : Arial, sans-serif;
     font-size : 75%;
     font-weight : bold; 
}  

.pic1 a:img {
     boder: none;
}
/* ----------------------------------------------------- */