body{
background-color:#CFD87F;/*#3EA99F;*/
}
#heading{
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 font-size : 18px;
 font-weight: normal;
 margin: 3px;
 color:#000000;
}
#title{
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 font-size : 14px;
 font-weight: normal;
 margin: 3px;
 color:#FFFFFF;
 height:16px;
}
#desc{
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  font-size : 12px;
  height:20px;
  letter-spacing: -0.5px
  font-weight: normal;
  margin: .5cm;
  color:#000000;
}
#thumb{
 width:120;
 height:80;
 border:0;
 cursor:pointer;
}
#thumb1{
/* background-image: url(thumb1.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: 0px;  /* place the logo within its container, head1 */
 margin-top: 0px;
 border: 0;
 cursor:pointer;

}
#thumb2{
/* background-image: url(thumb2.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: -120px;  /* place the logo within its container, head1 */
 margin-top: 100px;
 border: 0;
}
#thumb3{
/* background-image: url(thumb3.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: -120px;  /* place the logo within its container, head1 */
 margin-top: 200px;
 border: 0;
}
#thumb4{
/* background-image: url(thumb4.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: -120px;  /* place the logo within its container, head1 */
 margin-top: 300px;
 border: 0;
}
#thumb5{
/* background-image: url(thumb5.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: 25px;  /* place the logo within its container, head1 */
 margin-top: 20px;
 border: 0;
}
#thumb6{
/* background-image: url(thumb6.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: 25px;  /* place the logo within its container, head1 */
 margin-top: 20px;
 border: 0;
}
#thumb7{
/* background-image: url(thumb7.jpg);*/
 width:120;
 height:80;
 float: left; /* to align the logo to the right */
 margin-left: 25px;  /* place the logo within its container, head1 */
 margin-top: 20px;
 border: 0;
}

#image1{
 /*background-image: url(image1.jpg);*/
 width:410;
 height:280;
 float: left; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}

#image2{
 background-image: url(image2.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}
#image3{
 background-image: url(image3.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}
#image4{
 background-image: url(image4.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 0px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}
#image5{
 background-image: url(image5.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}
#image6{
 background-image: url(image6.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}
#image7{
 background-image: url(image7.jpg);
 width:410;
 height:280;
 float: middle; /* to align the logo to the right */
 margin-left: 140px;  /* place the logo within its container, head1 */
 margin-top: 3px;
 border: 0;
}