﻿body        {font-size:medium;font-family:Ariel, Sans-Serif;background-color:#FFC266;}    

a:link      {color:Blue;}                     
a:visited   {color:Purple;}                    
a:hover     {color:Green;background:white;}     
a:active    {color:Blue;} 
#DivSideBar {width:250px;font-size:medium;font-family:Ariel, Sans-Serif;background-color:#FFC266;float:left;position:relative;}

#DivWrapper {width:800px;height:5870px;margin:auto;border:1px solid black;float:center;}

#DivWrapper2 {width:800px;height:1135px;margin:auto;border:1px solid black;}

#DivWrapper3 {width:800px;height:2500px;margin:auto;border:1px solid black;}

#DivWrapper4 {width:800px;height:2335px;margin:auto;border:1px solid black;}

#DivWrapper5 {width:800px;height:21850px;margin:auto;border:1px solid black;}

#DivWrapper6 {width:800px;height:3985px;margin:auto;border:1px solid black;}

#DivWrapper7 {width:800px;height:6735px;margin:auto;border:1px solid black;}

#DivHeader   {width:100%;height:85px;background-color:#FF9900;color:Black;
              font-weight:bolder;font-size:x-large;float:left;position:relative;
              text-align:center;}  
             
#DivMenu     {width:100%;height:25px;float:left;position:relative;background-color:#FFA319;} 

#DivContent  {width:100%;height:1000px;float:left;position:relative;background-color:#FF9900;
             text-align:center;} 
  
#DivContent2 {width:100%;height:5635px;float:left;position:relative;background-color:#FF9900;
             text-align:center;} 
             
#DivContent3 {width:100%;height:3600px;float:left;position:relative;background-color:#993300;
             text-align:center;} 

#DivContent4  {width:100%;height:2700px;float:left;position:relative;background-color:#993300;
             text-align:center;} 

#DivContent5  {width:100%;height:38215px;float:left;position:relative;background-color:#FF9900;
             text-align:center;} 

#DivContent6 {width:100%;height:3850px;float:left;position:relative;background-color:#FF9900;
             text-align:center;} 

#DivContent7  {width:100%;height:6600px;float:left;position:relative;background-color:#FF9900;
             text-align:center;} 

#Divblock   {width:500px;height:180px;position:relative;background-color:White;
             text-align:center;border:solid thin black;}
             
#Divblock2
            {width: 500px;height: 300px;position: relative;background-color: #FFFFCC;
             text-align:center;border: solid thin black;}

#Divblock3   {width:500px;height:125px;position:relative;background-color:White;
             text-align:center;border:solid thin black;}
             
#Divblock4   {width:500px;height:225px;position:relative;background-color:White;
             text-align:center;border:solid thin black;}

#Divblock5   {width:500px;height:250px;position:relative;background-color:White;

             text-align:center;border:solid thin black;}
             
#DivFooter  {width:100%;height:25px;float:left;position:relative;
             background-color:#FFFF66;color:Black;font-size:small;font-weight:bolder;
             text-align:center;}         

 #navlist{position:relative;}
 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
 #navlist li, #navlist a{height:281px;display:block;}
 
#home{left:0px;width:375px;}
 #home{background:url('GIF1.gif') 0 0;}
 
#prev{left:385px;width:375px;}
 #prev{background:url('GIF1.gif') -376px 0;}
 
img.home
 {
 width:375px;
 height:281px;
 background:url(GIF1.gif) 0 0;
 }

#DivPic   {width:375px;height:281px;position:relative;background-color:White;

             text-align:center;border:solid thin black;}

#Arrow {
    position:absolute;
    top:120px;
    left:340px;
    z-index:1;
}

#Arrow2 {
    position:absolute;
    top:120px;
    left:5px;
    z-index:1;
}

<style>
/* Style The Dropdown Button 
.dropbtn {
  background-color: #ff9900;
  color: white;
  padding: 16px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}
*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ff9900;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown 
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
*/
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
</style>