body { 
    margin:5px;
	border: 2px;
	padding:5px;
	background-color: #FFE9CD;
	font-size: 12pt; 
	color: #A61C7A ; 
	font-family: Arial;
}
#background {
    height: 100%;
    width: 100%;
    align: center;
    background: #A61C7A ; 
    opacity: 0.3;
    }  
    .navy {
  border-right-color: navy; 
    border-right-style: dotted; 
    border-right-width: 2px;   
}
body.footer { 
    margin:5px;
	border: 2px;
	padding:5px;
	background-color: #EE7221;
	color: #A61C7A ; 
	font-family: Arial;
}
h1 {
    font: italic bold 32px Verdana;
    text-align: center;
	color: #A61C7A ; 
	letter-spacing: normal;
	word-spacing: normal; 
	text-transform: uppercase;
}
a:link {
    display: block;
    height:100%;
    width: auto;
    background: #E8B364 ; 
    color: #A61C7A; 
    text-decoration:none;
}
a:hover { 
    color: #F77E7E;
    text-decoration:underline;
    }
a:active { 
    color: #FDEED9;
    text-decoration:underline;
    }
a:visited {
	color: #A61C7A;
	text-decoration:none;
}
a.nonestyle:link {
    display: inline;
    background: none; 
    text-color: #A61C7A; 
   text-decoration:underline;
}
a.nonestyle:active {
    display: inline;
    background: none;
    color: #FDEED9; 
    text-decoration:underline;
}
a.nonestyle:hover {
    display: inline;
    background: none;
    color: #F77E7E; 
    text-decoration:underline;
}
a.nonestyle:visited {
    display: inline;
    background: none ;
    color: #A61C7A; 
    text-decoration:underline;
}
#prompt-form {
      display: inline-block;
      padding: 5px 5px 5px 70px;
      width: 200px;
      border: 1px solid black;
      background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
      vertical-align: middle;
    }
#prompt-form-container {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      display: none;
      width: 100%;
      height: 100%;
      text-align: center;
    }
#prompt-form-container:before {
      display: inline-block;
      height: 100%;
      content: '';
      vertical-align: middle;
    }
#cover-div {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9000;
      width: 100%;
      height: 100%;
      background-color: gray;
      opacity: 0.3;
    }
#prompt-form input[name="text"] {
      display: block;
      margin: 5px;
      width: 180px;
    }
    #footer {
    position: fixed; 
    bottom: 0; 
    padding: 10px; 
    height: 20px;
    width: 100%; 
}
    
ul.dropdown li.dropdown-top { 
    position: relative;
    width:24%;
    text-align: center; 
     border-right-color: navy; 
    border-right-style: dotted; 
    border-right-width: 2px; 
}
 ul.dropdown, ul.dropdown-inside {
     list-style-type: none; 
     width:100%;
 }
 ul.dropdown-inside li {
       border-bottom-color: navy; /* Цвет линии справа */
    border-bottom-style: dotted; /* Стиль линии */
    border-bottom-width: 2px; 
 }

 ul.dropdown-inside {
 position: absolute;
 left: -9999px;
 }
 ul.dropdown li.dropdown-top {
 display: inline;
 float: left;
  border-right-color: navy; 
    border-right-style: dotted; 
    border-right-width: 3px; 
 }
 ul.dropdown li.dropdown-top a {
 display: block;
 }
 ul.dropdown a.dropdown-top {
     background: #FBCC8D; 
     display: block;
     }

 ul.dropdown a.dropdown-top:hover{ 
     display: block;
     }
 ul.dropdown li.dropdown-top:hover .dropdown-inside {
 display: block;
 left: 0;
 }
  ul.dropdown .dropdown-inside a:link { 
      background: #E8B364 ;
      display: block;     
      height:100%;
      width: auto; 
      color: #A61C7A;  
      text-decoration:none;
      }
   ul.dropdown .dropdown-inside a:activ { background: #E8B364 ;
   display: block; 
   color: #FDEED9; 
   text-decoration:none;
   }
    ul.dropdown .dropdown-inside a:visited { 
        background: #E8B364 ;
        display: block; 	
        color: #A61C7A;	
        text-decoration:none;}
 ul.dropdown .dropdown-inside a:hover { background: #E8B364 ;
 display: block; 
 color: #F77E7E;  
 text-decoration:underline;
 }
#footer {
    position: fixed; 
    bottom: 0; 
    /*  padding: 10px; */
    height: 20px;
    width: 100%; 
}
