/* main body */
body {
     color : #000000;
     background-image: url('images/bg.jpg');
     background-repeat: repeat;
     font-family : Arial, sans-serif;
     font-size : 100%;
     margin-top : 0px;
     margin-left : 0px;  
}
.outdiv  {
     width : 800px;
     color : #deefff;
     background : #ffffff;
     border-style : solid;
     border-width :  1px;
     border-color :  #000000; 
     font-family : Arial, sans-serif;
     font-size : 100%;
     padding : 5px
}
.indiv  {
     width : 100%;
     color : #000000;
     background : #cccccc;
     font-family : Arial, sans-serif;
     font-size : 100%;

} 
.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 : 0px;
     margin-left : 0;  
     }
/* ----------------------------------------------------- */
/* Links*/
a:link {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
a:visited {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
a:hover {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}    
a:active {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
}
.p a:link {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}
.p a:visited {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}    
.p a:hover {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}    
.p a:active {
     color : #000000;
     background : transparent;
     font-family : Arial, sans-serif;
     font-size : 100%;
     font-weight : bold;
     text-decoration: none;
}  
/* ----------------------------------------------------- */
/* Boxed Links*/

.topnav a:link {
     color : #000000;
     background : #ffffff;
     font-family : Arial, sans-serif;
     font-size : 80%;
     font-weight : bold;     
     border-style: solid;
     border-width: 1px;
     border-color: #000000; 
     line-height: 200%; 
     text-decoration: none;
     padding-right : 3px; 
     padding-left : 3px;
}
.topnav a:visited {
     color : #000000;
     background : #ffffff;
     font-family : Arial, sans-serif;
     font-size : 80%;
     font-weight : bold;     
     border-style: solid;
     border-width: 1px;
     border-color: #000000; 
     line-height: 200%; 
     text-decoration: none;
     padding-right : 3px; 
     padding-left : 3px;
}
.topnav a:hover {
     color : #666666;
     background : #ffffff;
     font-family : Arial, sans-serif;
     font-size : 80%; 
     font-weight : bold;
     border-style: solid;
     border-width: 1px;
     border-color: #666666; 
     line-height: 200%; 
    text-decoration: none;
    padding-right : 3px; 
    padding-left : 3px;
} 
.topnav a:active {
     color : #000000;
     background : #ffffff;
     font-family : Arial, sans-serif;
     font-size : 80%;
     font-weight : bold;     
     border-style: solid;
     border-width: 1px;
     border-color: #000000; 
     line-height: 200%; 
     text-decoration: none;
     padding-right : 3px; 
     padding-left : 3px;
} 
/* ----------------------------------------------------- */
/* Pic Links*/
.pic1 a img {
	border: solid 2px;
	border-color:  #808080;
	background : #deefff;
}
.pic1 a:hover img {
	border: solid 2px;
	border-color: #FF3333;
	background : #deefff;
}
/* ----------------------------------------------------- */
/* 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*/
 .p1 {
         font-family : Arial, sans-serif;
         font-size : 110%;         
         color : #000000;
         background : transparent;
         font-weight : bold;
}
.p2 {
         font-family : Arial, sans-serif;
         font-size : 100%;         
         color : #000000;
         background : transparent;
}
.p3 {
         font-family : Arial, sans-serif;
         font-size : 90%;         
         color : #000000;
         background : transparent;
}
.p4 {
         font-family : Arial, sans-serif;
         font-size : 80%;         
         color : #000000;
         background : transparent;
}
.p5 {
         font-family : Arial, sans-serif;
         font-size : 70%;         
         color : #000000;
         background : transparent;
}
.p6 {
         font-family : Arial, sans-serif;
         font-size : 70%;         
         color : #000000;
         background : transparent;
}
/* ----------------------------------------------------- */
/* 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;
}
/* ----------------------------------------------------- */
.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;    
}

/* ----------------------------------------------------- */
/*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 : 80%;         
         color : #000080;
         background : #F0F8FF;
} 
textarea {
         font-family : Arial, sans-serif;
         font-size : 80%;         
         color : #000080;
         background : #F0F8FF;
} 
input {
         font-family : Arial, sans-serif;
         font-size : 80%;         
         color : #000080;
         background : #F0F8FF;
} 
input.btn {
         font-family : Arial, sans-serif;
         font-size : 70%; 
         font-weight: bold;        
         color : #ffffff;
         background : #000000; 
         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;
}
/* ----------------------------------------------------- */