body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background: url(../pix/bkg.jpg) repeat-x 0 0;
   background-color: #88d4f3;
   color: #000000;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }   
    
.clearfloats { 
   clear: both; 
   }
        
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding-bottom: 12px;
   margin-left: 20px;
   }
       
h1, h2 {
   color: #00b1eb;
   font-family: verdana, helvetica, sans-serif;
   font-size: 1.4em;
   font-weight: normal;
   line-height: 1em;
   margin: 0 0px 12px 20px;
   padding-top: 14px;
   }   
   
h1 a:link, h1 a:visited, h1 a:hover {
   font-size: 1em;
   font-weight: normal;
   color: #00b1eb; 
   }
   
h1 a:hover {
   color: #41ad49;
   }   

h2 {
   font-size: 1.1em;
   color: #000;
   font-weight: bold;
   }  
   
#h1_bkg1,
#h1_bkg2 {
   background: #fff url(../pix/hd_bkg1.jpg) no-repeat 0 0;
   height: 100px;
   width: 550px;
   padding: 50px 280px 0 20px;
   margin: 0 0 10px 0;
   font-size: 1.6em;
   border-bottom: 1px solid #ccc;
   color: #00b1eb;
   }   
   
#h1_bkg2 {
   background: #fff url(../pix/hd_bkg2.jpg) no-repeat 0 0;
   }      
   
/*******
links   
*******/
   
#content a:link,
#content a:visited,
#footer a:link,
#footer a:visited { 
   color: #41ad49; 
   font-weight: bold; 
   text-decoration: none; 
   }
      
#content a:hover,
#footer a:hover { 
   color: #8dd99f;
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px dashed #8dd99f;
   }  
   
   
/***************************
CONTAINERS
***************************/

#page_container {
   width: 850px;
   margin-top: 3px;
   margin-right: auto;
   margin-left: auto;
   padding: 0;
   }

#header {
   width: 850px;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   border-bottom: 1px solid #ccc;
   padding-bottom: 8px;
   background: #fff;
   margin: 0;
   }
   
#content {
   width: 850px;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   background: #fff;
   font-size: .9em;
   margin: 0;
   padding-bottom: 10px;
   padding-top: 0;
   }

/********
HEADER
********/

#logo {
   margin: 12px;
   float: left;
   border: 0;
   }      
   
#hdr_rgt {
   float: right;
   margin: 12px 12px 0 0;
   text-align: right;
   }   
   
#counts_btn {
   border: 0;
   margin: 10px 0px 4px 0;
   }   
        
#nav {
   color: #000;
   font-size: 14px;
   margin: 5px 0 0 0;
   }     
   
#nav a {
   text-decoration: none;
   color: #000;
   font-weight: bold;
   }
   
#nav a:hover {
   text-decoration: none;
   color: #00b1eb;
   border-bottom: 1px dashed #00b1eb;
   }   
      
.search_box {
   height: 14px;
   padding: 0;
   margin: 0;
   border: 1px solid #ccc;
   color: #bbb;
   font-size: 12px;
   }   
     
.search_btn {
   height: 16px;
   width: 102px;
   outline: none;
   margin-top: 1px;
   }     
     
/*************
FOOTER
*************/     
  
#nav_btm {
   text-align: center;
   font-size: .6em; 
   margin-top: 20px;
   padding: 6px 0 0 0; 
   border-top: 1px solid #ccc;
   color: #000;
   }  
  
#footer {
   font-size: .8em;
   margin-top: 3px;
   }     
   
.foot_lft {
   float: left;
   margin-left: 15px;
   }     

.foot_rgt {
   float: right;
   text-align: right;
   padding-right: 15px;
   }   
       
     
  
/***************** 
INDEX PAGE
*****************/

.index_flash {
   margin: 0px 0 22px 0;
   }  
   
.ind_lft, 
.ind_mid, 
.ind_rgt {
   width: 260px;
   margin: 8px 0;
   padding: 2px 8px 2px 12px;
   border-right: 1px solid #ccc;
   float: left;
   }  
   
.ind_lft {
   margin-left: 6px;
   }   
   
.ind_rgt {
   border: 0;
   }    
   
.ind_lft h1,
.ind_mid h1,
.ind_rgt h1 {
   color: #00b1eb;
   font-size: 1.1em;
   font-weight: normal;
   line-height: 1em;
   margin: 0 0px .5em 0px;
   }   

.ind_lft p,
.ind_mid p,
.ind_rgt p {
   margin: 0;
   }   
   
#ind_btm {
   border-top: 1px solid #ccc;
   padding: 12px 4px 0 4px;
   margin: 10px 14px 10px 14px;
   }   
   
#ind_btm p {
   margin: 0;
   }   

     
/***************
DATACARDS PAGE
***************/

#top5 {
   float: right;
   margin: 0 20px 0 40px;
   padding: 10px 0px 10px 0px;
   width: 297px;
   height: 196px;
   background: url(../pix/top5_bkg.gif) no-repeat 0 0;
   font-size: .9em;
   color: #fff;
   }   
   
#top5 h1 {
   text-align: center;
   margin: 0;
   font-weight: bold;
   color: #fff;
   }   
   
#top5 ul {
   list-style-image: url(../pix/top5_star.gif);
   margin: 12px 0 0 40px;
   } 
   
#top5 ul li {
   padding-bottom: 5px;
   }   
   
#top5 ul li a:link,
#top5 ul li a:visited {
   color: #fff;
   }   
   
#top5 ul li a:hover {
   color: #8dd99f;
   border-bottom: 1px dashed #8dd99f;
   }   
   
.datacards {
   margin: 0 0 0 40px;
   }   
   
.datacards li {
   padding-bottom: 5px;
   }   
   
.datacards li a {
   font-weight: normal;
   }   
   
/****************
RECOMMENDED LISTS
*****************/   
   
.rec_list {
   border-bottom: 1px dashed #ccc;
   margin: 5px 20px 5px 20px;
   padding: 10px;
   }   
   
.rec_list h1 {
   font-size: 1.1em;
   margin: 0 0 4px 0;
   }   
   
.rec_list p {
   margin: 0;
   }   
   

/****************
CONTACT PAGE
****************/

#contactform {
   font-size: .9em;
   width: 400px;
   padding: 0px 20px 0px 40px;
   color: #000000;
   }
   
.formitem {
   margin-top: 20px;
   }   
   
.formitem label {
   color: #000;
   width: 400px;
   }   
   
.submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
                     
.disclaimer { 
   font-size: .9em;
   font-style: italic; 
   text-align: left;
   color: #000000; 
   }   
     

   
/***************
DATACARDS
***************/

.padding {
   padding-top: 30px;
   }

#datacard_info {
   width: 762px;
   background: url(../pix/datacards/datacards.jpg) no-repeat 0 0;
   min-height: 500px;
   font-size: 12px;
   margin: 0px 0 0 55px;
   padding: 0; 
   }

#datacard_info h1 {
   font-size: 18px;
   font-weight: bold;
   padding: 60px 130px 0 60px;
   }   

.info {
   float: left;
   width: 604px;
   background: #F9F9F9;
   z-index: 100;
   position: relative;
   top: 0;
   left: 32px;
   font-size: 14px;
   }
   
.info p {
   padding-bottom: 16px;
   }   
   
.info .dc_records {
   margin: 0 0 0 40px;
   }   
      
#dc_tags {
   float: left;
   width: 100px;
   position: relative;
   top: 0;
   left: 20px;
   z-index: 50;
   text-indent: -9999px;
   }   
   
.dc_download a, 
.dc_viewprint a, 
.dc_email a {
   display: block;
   border: 0;
   width: 98px;
   height: 24px;
   margin: 8px 0 8px 0;
   }   
   
.dc_download a:link, 
.dc_download a:visited {
   background: url(../pix/datacards/download.jpg) no-repeat 0 0;
   }   
   
.dc_viewprint a:link,
 .dc_viewprint a:visited {
   background: url(../pix/datacards/viewprint.jpg) no-repeat 0 0;
   }   
   
.dc_email a:link, 
.dc_email a:visited {
   background: url(../pix/datacards/email.jpg) no-repeat 0 0;
   } 
 
.dc_download a:hover {
   background: url(../pix/datacards/download_mo.jpg) no-repeat 0 0;
   border: 0;
   }   
   
.dc_viewprint a:hover {
   background: url(../pix/datacards/viewprint_mo.jpg) no-repeat 0 0;
   border: 0;
   }   
   
.dc_email a:hover {
   background: url(../pix/datacards/email_mo.jpg) no-repeat 0 0;
   border: 0;
   }   
   
/******************
datacard results page 
******************/
   
.dc_results span {
   font-weight: bold;
   background: #ff0;
   }   
    
.result_info {
   margin: 10px 25px 10px 25px;
   border-top: 1px solid #ccc;
   padding-top: 10px;
   }   

.result_info a {
   font-size: 1.4em;
   }   

.result_info p {
   padding: 0;
   font-size: 1em;
   margin: .5em 0 .5em 0;
   } 

.result_nos {
   margin-left: 25px;
   }   

.search_space {
   margin-top: 30px;
   }   
   
/* about page */

#tim {
   float: right;
   margin: 0 20px 20px 30px;
   }