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


body{
     font-family      :Helvetica,Arial,sans-serif;
     font-size        :87.5%;  
     /*width            :1000px;*/  
     height           :910px;
     margin           :0 auto;
     color            :#000000;
     background-color :#ffffff;
     border-left      :1px solid #00FF00;
     border-right     :1px solid #00FF00;
     border-bottom    :1px solid #00FF00;
     border-top       :4px solid #00FF00;   
     position         :relative;
     width            :100%;
     
     
}

header,article,footer,#navElem ul{
                      width:100%;
}
header{
     
      background:url("images/nature.jpg") no-repeat scroll  left top;
}


header #h_image{
               float:left;
               height:80px;
               /*width:80px;*/
               /*responsive begins*/
               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;*/
              padding-left:8%;
              font-weight:bold;
}

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

#navElem ul li{
              float:left;
              /*responsive begins*/
              width:20%;
}


#navElem ul li a{
        display:block;
        /*width:199px;*/
        /*responsive begine*/
        width:99.5%;
        text-align:center;
        padding:1em 0;
        text-decoration:none;
        color:#000000;
        background-color:lime;
        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;*/
        width:100%;
        height:400px;
        left:0px;
        right:0px;
        bottom:610px;
        
        
}


article h2.first {
	color: blue;
	margin: .5em 0 0;
	padding: 40px 0px 0px;
	text-align: center;
}
article p.first {
	margin: 0;
	padding:0 0 .5em 0;
        text-align: center;	
}

article #image{
              /*width:998px;*/
              height:325px;
              width:100%;
              min-width:400px;
}

article #caption{
                 color:#00FF00;
}

#second{
         position:absolute;
         top:610px;
         bottom:810px; 
         height:200px;
         /*width:996px;*/
         /*responsive begins*/
         width:100%;
}
 
#second #subtitle1{
                   color:#00FF00;
                   font-weight:bold;
}

#second #subtext1{
                  color:#000000;
}

#second #subtitle2{
                   position:absolute;
                   top:0px;
                   /*left:320px;*/
                   /*responsive*/ 
                   left:32%;
                   color: #00FF00;
                   font-weight:bold;
}

#second #subtext2{
                  position:absolute;
                  top:70px;
                  /*left:320px;*/
                  /*responsive begins*/
                  left:32%;
                  color:#000000;
                  
}

#second #subtitle3{
                   position:absolute;
                   top:0px;
                   /*left:620px;*/
                   /*resonsive begins*/
                   left:62%;
                   color:#00FF00;
                   font-weight:bold;
}

#second #subtext3{
                  position:absolute;
                  top:70px;
                  /*left:620px;*/
                  /*responsive here*/
                  left:62%;
                  color:#000000;
}

footer{
       position   :absolute;
       top        :810px;
       bottom     :1px;
       left       :0px;
       right      :0px;
       height     :98px;
       border-top :1px solid #00FF00;
       /*responsive begins*/
       width: 100%;
}

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

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