body {
    margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/bkground.jpg);
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cell1 {
	background-image:  url(../images/new-design_01.gif);
	background-repeat: no-repeat;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
}

a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;


	color: #23ABD4;

	text-decoration: underline;

}



a:visited {

   font-family: verdana, arial, helvetica, sans-serif;

   font-size: 12px;

    font-weight: bold;

   color: #0066CC;

   text-decoration: none;

}

.sidenav {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	color: #000000;



	border: 2px solid #000000;



}



.sidenav3 {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	color: #000000;



	border: 1px solid #000000;



}







.sidenav2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px dotted #dddddd;
}

 /* Set the box background color to the same color as the circle in the 

   image. Set the width, float and margins as desired. */

   div#roundedbox {

      background: #ffffff;

      float: right;

      margin: 0 0 0 1em;

      width: 600px;

	  border: 1px solid #9999FF;

   }

   /* Set the top and bottom height to be the same as the radius of the 

   circle (1/2 the size of the image). Set the font-size and line height

   to a sufficiently small number that they won't affect the box. */

   div#roundedbox #top, div#roundedbox #bottom {

      font-size: 1px;

      height: 620px;

      line-height: 1px;

   }

   /* Now, we'll do the four corners. Set each of them to the same width 

   and height as the radius of the circle. For the top left and bottom 

   left, set them to float: left. Set the top right and bottom right to

   float: right. Use the same background image for all four corners and

   set them all to no-repeat. Set the background position to the same as

   the position of the corner. */

   div#roundedbox #topleft {

      background: url(../images/corners.gif) no-repeat top left;

      float: left;

      height: 620px;

      width: 600px;

   }

   div#roundedbox #topright {

      background: url(../images/corners.gif) no-repeat top right;

      float: right;

      height: 620px;

      width: 600px;

   }

   div#roundedbox #bottomleft {

      background: url(../images/corners.gif) no-repeat bottom left;

      float: left;

      height: 620px;

      width:600px;

   }

   div#roundedbox #bottomright {

      background: url(../images/alpine.jpg) no-repeat bottom right;

      float: right;

      height: 620px;

      width: 600px;

   }

   /* Now, well add one more box for the content to keep from having

   too much space at the top and bottom and to give it just a little

   bit of left and right padding. Given our 16 pixel radius corners, 

   we're using -1em for the top and bottom margins. That will allow 

   the content to expand into the top and bottom <div> tags. We also 

   add 1em of left and right margin to keep the content from butting

   right up against the edges. Adjust these figures to give you a

   result that you find pleasing. */

   div#roundedbox #boxcontent {

      margin: -1em 1em;

   }

   /* Finally, well give paragraphs in the box a little smaller top 

   and bottom margin just to keep things tight. */

   div#roundedbox p {

      margin: .5em 0;

   }
   .table1 {
     background: url(../images/index_01.gif);
	 height: 200px;
   }
   .table2 {
      background: url(../images/index_02a.gif);
   }
     .table3 {
      background: url(../images/index_06.gif);
   }