header,footer,article,aside,nav,section,figure,main,figcaption{
                                               display:block;
                                              }



body{
     font-family       :Helvetica,Arial,sans-serif;
     font-size         :87.5%;
     /*width             :1000px;*/
     width             :100%;  
     height            :910px;
     margin            :0 auto;
     color             :#000000;
     background-color  :#ffffff;
     border-right      :1px solid #00FF00;
     border-left       :1px solid #00FF00;
     border-bottom     :1px solid #00FF00;
     border-top        :4px solid #00FF00;   
     position          :relative;
     }
header{
    
      background:url("images/nature.jpg") no-repeat scroll  left top;
    }

header #h_image {
          float :left;
          /*height:80px;
          width :80px;
          responsive here.*/
           width: 8%;
           max-width: 80px;
           min-width: 40px;
           
}

header h1{
          
          text-align  :center;
          font-weight :bold;
          font-variant:normal;
          color       :#000000;
       }

header p{
         
         text-align  :center;
         font-style  :italic;
         font-variant:normal;
         color       :#000000;
         font-weight:bold;
         }
header #h_par2{
               /*padding-left:80px;*/
               /*responsive design here*/
                 padding-left:8%;
                 font-weight:bold;
}

#navElem ul{
            clear           : left;
            list-style-type : none;
            margin          : 0;
            padding         : 0;
            position        : relative;
            border-top      :1px solid #000000;
            border-bottom   :1px solid #000000;
            /*responsive design*/
            width:100%;
         }

#navElem ul li{
              float:left;
              /*responsive design*/
              width:20%;
          }
#navElem ul li a{
        display         : block;
        /*width           : 199px;*/
         width          : 99.5%;
        text-align      : center;
        padding         : 1em 0;
        text-decoration :none;
        color           :#000000;
        background-color:#00FF00;
        font-weight     :bold;
        transition      :background-color 1s ease 0s;
        border-right    :0.6px solid black;
        }
#navElem ul ul{
              display  :none;
              position : absolute;
              top      :100%;
              }
#navElem ul ul li{
                  float:none;
                  }
#navElem ul li:hover >ul{
                    display:block;
         }
#navElem >ul::after{
           content  :"";
           clear    :both;
           display  :block;
           }

#navElem ul li a:focus, #navElem ul li a:hover{
             cursor          :pointer; 
             background-color:#00FFFF;
             font-style      :italic;
             }
article{
        position   :absolute;
        top        :195px;
        /*width      :998px;*/
        height     :615px; 
        left       :0px;
        right      :0px;
        bottom    :100px;
        /*responsive begins*/
        width:100%;
        
        
}

article #slide{
                 height:325px;
                 /*width: 1000px;*/
                 /*responsive begins*/
                 width:100%;
                 min-width:400px;
}

article #slides img{
                    display: none;
}

article #slides ul{
                   list-style-type:none;
}

article #slider li a{
                    text-decoration: none;
}

article #slider li a h2{
                   color: #00FF00;
}
footer{
       position   :absolute;
       top        :810px;
       bottom     :1px;
       left       :0px;
       right      :0px;
       height     :98px;
       border-top :1px solid #00FF00;
       width      :100%;
}

footer #approvalStamp{
                     
                      float:right;
}

footer #pointer{
               text-align    :center;
               padding-top   :0px;
              
                
}

footer address img{
                  /*width  : 20px;
                  height : 20px;
                  responive changes.*/
                  width:2%;
                  max-width:128px;
                  min-width:20px;
                  height:20px;
}
footer #info address{
                    font-weight:bold;
}