/* NAVIGATION BUTTONS */


   }
   .cssnav {
      position:relative;
      float: left;
      margin: 0;
      padding: 0;
      font-family: arial, helvetica, sans-serif;
      background: url('../images/read_hot.gif') no-repeat;
      width: 101px;
      height: 29px;
                     overflow:hidden
   }
   .cssnav a {
      display: block;
      color: #000000;
      font-size: 12px;
      width: 101px;
      height: 29px;
      display: block;
      float: left;
      color: #999999;
      text-decoration: none;
      overflow:hidden;/* for ie to hide extra height*/
   }
   .cssnav a:hover {
      color: #ffffff;

   }


   .cssnav img {width: 101px; height: 29px; border: 0px none; }
   * html a:hover {visibility:visible}
   .cssnav a:hover img{visibility:hidden}

   .cssnav span {
         position: absolute;
         left: -10px;top: 6px;
         text-align: center;
         width: 101px;
         cursor: pointer;

       }
 
  
     .botptnav {
      position:relative;
      float: left;
      margin: 0;
      padding: 0;
      font-family: arial, helvetica, sans-serif;
      background: url('../images/arrow_sml_hot_pt.gif') no-repeat;
      width: 82px;
      height: 14px;
                     overflow:hidden
   }
   .botptnav a {
      display: block;
      color: #000000;
      font-size: 10px;
      width: 82px;
      height: 14px;
      display: block;
      float: left;
      color: #999999;
      text-decoration: none;
      overflow:hidden;/* for ie to hide extra height*/
   }
   .botptnav a:hover {
      color: #FFFFFF;
   }


   .botptnav img {width: 82px; height: 14px; border: 0px none; }
   * html a:hover {visibility:visible}
   .botnav a:hover img{visibility:hidden}

   .botptnav span {
         position: absolute;
         left: -26px;top: 0px;
         text-align: right;
         width: 82px;
         cursor: pointer;


    }

 
 
 
 
   .botpt2nav {
      position:relative;
      float: left;
      margin: 0;
      padding: 0;
      font-family: arial, helvetica, sans-serif;
      background: url('../images/arrow_sml_hot.gif') no-repeat;
      width: 92px;
      height: 14px;
                     overflow:hidden
   }
   .botpt2nav a {
      display: block;
      color: #000000;
      font-size: 10px;
      width: 92px;
      height: 14px;
      display: block;
      float: left;
      color: #999999;
      text-decoration: none;
      overflow:hidden;/* for ie to hide extra height*/
   }
   .botpt2nav a:hover {
      color: #FFFFFF;
   }


   .botpt2nav img {width: 92px; height: 14px; border: 0px none; }
   * html a:hover {visibility:visible}
   .botnav a:hover img{visibility:hidden}

   .botpt2nav span {
         position: absolute;
         left: 0px;top: 0px;
         text-align: left;
         width: 92px;
         cursor: pointer;



      }






    .botnav {
      position:relative;
      float: left;
      margin: 0;
      padding: 0;
      font-family: arial, helvetica, sans-serif;
      background: url('../images/arrow_sml_hot_pt.gif') no-repeat;
      width: 82px;
      height: 14px;
                     overflow:hidden
   }
   .botnav a {
      display: block;
      color: #000000;
      font-size: 10px;
      width: 82px;
      height: 14px;
      display: block;
      float: left;
      color: #999999;
      text-decoration: none;
      overflow:hidden;/* for ie to hide extra height*/
   }
   .botnav a:hover {
      color: #FFFFFF;
   }


   .botnav img {width: 82px; height: 14px; border: 0px none; }
   * html a:hover {visibility:visible}
   .botnav a:hover img{visibility:hidden}

   .botnav span {
         position: absolute;
         left: -6px;top: 0px;
         text-align: center;
         width: 82px;
         cursor: pointer;



      }

   .thumbnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link1_thumb_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumbnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.thumbnav img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumbnav a:hover img
{
visibility:hidden
}

.thumbnav span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .thumbnavpt
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link1_thumb_hot_pt.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumbnavpt a
{
display: block;
color: #000000;
font-size: 11px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.thumbnavpt img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumbnavpt a:hover img
{
visibility:hidden
}

.thumbnavpt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}


   .thumb2nav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link2_thumb_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb2nav a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb2nav img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb2nav a:hover img
{
visibility:hidden
}

.thumb2nav span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;


   }
   

   .thumb2navpt
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link2_thumb_hot_pt.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb2navpt a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb2navpt img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb2navpt a:hover img
{
visibility:hidden
}

.thumb2navpt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;


   }
  
    .thumb3nav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link3_thumb_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb3nav a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb3nav img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb3nav a:hover img
{
visibility:hidden
}

.thumb3nav span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
  }


    .thumb3navpt
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link3_thumb_hot_pt.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb3navpt a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb3navpt img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb3navpt a:hover img
{
visibility:hidden
}

.thumb3navpt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
  }

   .thumb4nav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link4_thumb_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb4nav a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb4nav img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb4nav a:hover img
{
visibility:hidden
}

.thumb4nav span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;

  }
   
  
     .thumb4navpt
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/pic_link4_thumb_hot_pt.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 160px;
height: 131px;
margin: 0;
padding: 0;
}

.thumb4navpt a
{
display: block;
color: #000000;
font-size: 12px;
width: 160px;
height: 131px;
display: block;
float: left;
color: black;
text-decoration: normal;
}

.thumb4navpt img
{
width: 160px;
height: 131px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.thumb4navpt a:hover img
{
visibility:hidden
}

.thumb4navpt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;

  }


   .menu1

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/index29_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 122px;
margin: 0;
padding: 0;
}

.menu1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 127px;
height: 122px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.menu1 img
{
width: 127px;
height: 122px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.menu1 a:hover img
{
visibility:hidden
}

.menu1 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .menu2

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/index30_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 122px;
margin: 0;
padding: 0;
}

.menu2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 127px;
height: 122px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.menu2 img
{
width: 127px;
height: 122px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.menu2 a:hover img
{
visibility:hidden
}

.menu2 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}



   .menu3

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/index28_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 122px;
margin: 0;
padding: 0;
}

.menu3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 127px;
height: 122px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.menu3 img
{
width: 127px;
height: 122px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.menu3 a:hover img
{
visibility:hidden
}

.menu3 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .menu4

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/index31_hot.jpg') no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 122px;
margin: 0;
padding: 0;
}

.menu4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 127px;
height: 122px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.menu4 img
{
width: 127px;
height: 122px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.menu4 a:hover img
{
visibility:hidden
}

.menu4 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}


#s2 .input { border: 1px solid #006; }
#s2 .input2 { border: 1px solid #006; background: #ffc; }
#s2 .button { border: 1px solid #006; background: #ccf; }
#s2 label { display: block; width: 150px; float: left; margin: 0px 0px 0px 
0px; text-align: right; }
#s2 br { clear: left; }
#s2 .input3 { border: 1px solid #006; background: #ffc; }
#s2 .input3:hover { border: 1px solid #f00; background: #ff6; }
#s2 .button3 { border: 1px solid #006; background: #ccf; }
#s2 .button3:hover { border: 1px solid #f00; background: #eef; }
#s2 .button4 { border: none; background: url('../images/read.gif') no-repeat 
top left; padding: 3px 14px; font-family: arial, helvetica, sans-serif; 
color: #999999; cursor: pointer;
 }
#s2 .button4:hover { border: none; background: url('../images/read_hot.gif') 
no-repeat top left; padding: 3px 14px; font-family: arial, helvetica, 
sans-serif; color: #ffffff; cursor: pointer;
 }



   .link001

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/link001_hot.gif') no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 29px;
margin: 0;
padding: 0;
}

.link001 a
{
display: block;
color: #000000;
font-size: 11px;
width: 101px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.link001 img
{
width: 101px;
height: 29px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.link001 a:hover img
{
visibility:hidden
}

.link001 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .link001pt

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/link001pt_hot.gif') no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 29px;
margin: 0;
padding: 0;
}

.link001pt a
{
display: block;
color: #000000;
font-size: 11px;
width: 101px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.link001pt img
{
width: 101px;
height: 29px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.link001pt a:hover img
{
visibility:hidden
}

.link001pt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .link002

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/link002_hot.gif') no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 29px;
margin: 0;
padding: 0;
}

.link002 a
{
display: block;
color: #000000;
font-size: 11px;
width: 101px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.link002 img
{
width: 101px;
height: 29px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.link002 a:hover img
{
visibility:hidden
}

.link002 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}





   .link002pt

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/link002_hot_pt.gif') no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 29px;
margin: 0;
padding: 0;
}

.link002pt a
{
display: block;
color: #000000;
font-size: 11px;
width: 101px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.link002pt img
{
width: 101px;
height: 29px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.link002pt a:hover img
{
visibility:hidden
}

.link002pt span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}

   .link003

{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/link003_hot.gif') no-repeat;
white-space: nowrap;
display: block;
width: 101px;
height: 29px;
margin: 0;
padding: 0;
}

.link003 a
{
display: block;
color: #000000;
font-size: 11px;
width: 101px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.link003 img
{
width: 101px;
height: 29px;
border: 0px none;
}

* html a:hover
{
visibility:visible
}

.link003 a:hover img
{
visibility:hidden
}

.link003 span
{
position: absolute;
left: 5px;
top: 2px;
margin: 0px;
padding: 0px;
cursor: pointer;
color: #ffffff;
font-size: 14px;
}



      /* END OF NAVIGATION */