body {
      font-family: "Times New Roman", Verdana, sans-serif; 
      background-color: #fff; color: #000;
     } 

a:link {color: black;}
a:visited {color: black;}
a:focus {color: black;}
a:hover {color: black;}
a:active {color: black;} 

.scrollerstyle{
font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;
}
 
div#container { /*position: fixed;*/ 
               width: 1150px;
               height: 575px;
               border-top: 1px solid black;
               border-bottom: 2px solid black;
               border-right: 2px solid black;
               border-left: 1px solid black; 

               }
               
/*div#topbanner {
                position: absolute;
                left:40%
           } */
div#topbanner {
                position: absolute;
           /*     left:40%;  */
                left: 345;
                top:4%;
           } 

div#topbanner h1 {
               font-size: 15px;
               height: 50px;
               width: 150px;
               background: url(../images/logo.jpg) no-repeat;
             /*  background-color: #f9fbfa; */
              /*background-color: #339933;*/ 
               background-position: center; 
               border-top: 1px solid #000000;
               border-bottom: 2px solid #000000;
               border-right: 2px solid #000000;
               border-left: 1px solid #000000; 

              } 

div#topbanner p {
              text-align: right;

             }

/* menu design */

ul {
padding: 0px;
margin: 0px;

}

div#dropdown  {
position: absolute;
text-align: left;
left: 20%;
top: 80px;
left: 18px;
width: 900px;
padding: 0px;
z-index: 2;
}

div#dropdown a {color: black;}
div#dropdown a:link {color: black;}
div#dropdown a:visited {color: black;}
div#dropdown a:focus {color: black;}
div#dropdown a:hover {color: black;}
div#dropdown a:active {color: black;}

div#dropdown ul li {
list-style-type: none;
float: left;
  background-color: #f9fbfa; 

}

div#dropdown ul li a {
display: block;
width: 150px;
text-indent: 5px;
text-decoration: none;
line-height: 16px;
/* border-top: 1px solid #000000;
border-bottom: 2px solid #000000;
border-right: 1px solid #000000;
border-left: 2px solid #000000;  */ 
}

div#dropdown ul li a:hover {
text-decoration: none;
color: #000;

}

/* The dropdown menus .... initially hidden */
div#dropdown ul li ul {
background-position: top left;
list-style-type: none;
position: relative;
float: left;
top: 7px;
left: 0px;
height: 70px;
width: 125px;
}

div#dropdown ul li ul li {
margin-top: 5px;
display: block;
width: 100%;
clear: left;
text-align: left;
/*font-weight: 600;*/
}

div#dropdown ul li ul li a{
text-decoration: none;
color: #000;
display: block;
}

div#dropdown ul li ul li a:hover{
text-decoration: none;
background: #339933;
color: #fff;
}


div#dropdown ul li ul {
display: none;
}

div#dropdown ul li:hover ul {
display: block;
}

div#dropdown ul li:focus ul {
display: block;
}


/* menu design end */ 


             
div#subhead1 {
            position: absolute;
            top: 175px;
            left: 20%;
          } 

div#subhead2 {
            position: absolute;
            top: 30%;
            left: 5%;
            
          } 
/* was absolute top 35% left 32% */
div#centrepage {
             position: absolute; 
             width: 350px; 
             top: 195px;
             left: 240px; 
             font-family: Verdana;
             font-size: 12px;
             }
             
div#centrepage h1 { 
                font-size: 15px;
                text-align: left;
                }
                
div#centrepage h2 { 
                font-size: 5px;
                text-align: center;
                }
             
div#centrepage h3 { 
                font-size: 15px;
                text-align: left;
                }
            
div#centrepage h4 { 
                font-size: 10px;
                text-align: left;
                }

div#centrepage h5 { 
                font-size: 9px;
                text-align: center;
                }
                  
div#centrepage p {
               text-align: left;
               } 

div#regulated {
                position: absolute;
                font-size: 10px;
                top: 80%;
                left: 30%;
                }
           
div#regulated h1 {
                  font-size: 15px;
                  
                  }                

div#login {
             position: absolute;
             width: 400px; 
             top: 35%;
             left: 25%;
             
             }

div#newsitem {
             position: absolute; 
             width: 500px; 
             top: 32%;
             left: 25%; 
             font-family: Verdana;
             font-size: 12px;
             }
             
div#newsitems {
             position: absolute; 
             width: 500px; 
             top: 40%;
             left: 20%; 
             font-family: Verdana;
             font-size: 12px;
             text-align: center;

             }
             
div#newsitemsmore {
             position: absolute; 
             width: 50px; 
             top: 40%;
             left: 80%; 
             font-family: Verdana;
             font-size: 12px;
             }


div#pritem {
             position: absolute; 
             width: 500px; 
             top: 32%;
             left: 25%; 
             font-family: Verdana;
             font-size: 12px;
             }
             
div#pritems {
             position: absolute; 
             width: 500px; 
             top: 40%;
             left: 20%; 
             font-family: Verdana;
             font-size: 12px;
             text-align: center;

             }
             
div#pritemsmore {
             position: absolute; 
             width: 50px; 
             top: 40%;
             left: 80%; 
             font-family: Verdana;
             font-size: 12px;
             }

div#animation {
               position: absolute;
               top: 30%;
               left: 28%;
               height: 300px;
               width: 400px;
               background-color: #000000;
               border-top: 1px solid #000000;
               border-bottom: 1px solid #000000;
               border-right: 1px solid #000000;
               border-left: 1px solid #000000;
               text-align: center;
               font-size: 9px;
          } 
 
div#signup {
               position: absolute;
               top: 40%;
               left: 39%;
               height: 100px;
               width: 165px;
               /*background-color: #FFFFFFFF;*/
               background-color: #eaeaea;
               border-top: 1px solid #000000;
               border-bottom: 1px solid #000000;
               border-right: 1px solid #000000;
               border-left: 1px solid #000000;
               text-align: center;
               font-size: 12px;
          } 
        
              
div#signup1 {
               position: absolute;
               top: 40%;
               left: 1%;
               height: 100px;
               width: 200px;
               background-color: #FFFFFFFF;
               border-top: 1px solid #000000;
               border-bottom: 1px solid #000000;
               border-right: 1px solid #000000;
               border-left: 1px solid #000000;
               text-align: center;
               font-size: 12px;
          } 
             
           
div#leftnavigation {
                 
                 width: 100px; 
                 position: absolute;
                 top: 135px;
                 left: 2%;
                background-color: #339933;
                 border-top: 2px solid #339933;
                 border-right: 1px solid #339933;
                 border-left: 2px solid #339933;  
                }

div#rightnavigation {
                  width: 100px;
                  position: relative;
                  top: 120px;
                  left: 87%;
                  background-color: #339933;
                  border-top: 2px solid #339933;
                  border-left: 1px solid #339933;
                  border-right: 2px solid #339933;

                 }

div#newsflash {
                  width: 200px;
                  position: absolute;
                  top: 168px;
                  left: 1%;
                  /*background-color: #339933;*/
                  /*border-top: 2px solid #339933;*/
                  /*border-left: 1px solid #339933;*/
                  /*border-right: 2px solid #339933;*/
                  font-size: 12px;  
                 }

div#newsflashtext {
                  width: 200px;
                  position: relative;
                  top: 120px;
                  left: 87%;
               /*   background-color: #339933; */
                  border-top: 2px solid #339933;
                  border-left: 1px solid #339933;
                  border-right: 1px solid #339933;
                  border-bottom: 1px solid #339933;
                  font-size: 12px;  
                 }
div#blognews {
                  width: 100px;
                  position: relative;
                  top: 250px;
                  left: 87%;
                  background-color: #339933;
                  border-top: 2px solid #339933;
                  border-left: 1px solid #339933;
                  border-right: 2px solid #339933;
                  font-size: 12px;  
                 }

div#blog {
                  width: 100px;
                  position: relative;
                  top: 250px;
                  left: 87%;
                  /*background-color: #339933;*/
                  border-top: 2px solid #339933;
                  border-left: 1px solid #339933;
                  border-right: 2px solid #339933;
                  border-bottom: 1px solid #339933;
                  font-size: 12px;  
                 }

              
div#footernavigation {
         width: 100%;
         text-align: left;
         position: absolute; 
         left: 18px;
         bottom: 13%;
         }

div#footernavigation ul li {
         list-style-type: none;
         float: none;
}
       
div#footernavigation ul li a {
display: block;
width: 100px;
text-indent: 5px;
text-decoration: none;
line-height: 16px;
}

div#footernavigation h1 { 
                  position: absolute;
                  top: 100%; 
                  font-size: 10px;
                  text-align: center;
              
        }

      
div#footernavigation p { 
                         text-align: center;
                        }

div#footer {
         font-size: 12px;
         width: 250px;
         text-align: center;
         position: absolute; 
         left: 35%;
         top: 85%;
                  }

div#footer p { 
         
         text-align: center;
              
        }