a.top:link {color:green;}
    a.top:visited {color:green;}
    a.top:hover {color:blue; }


body {
    background-color: white;  
    
}

h1 {     margin: 0px 0px 0px 0px; }

h2 {     margin: 0px 0px 0px 0px; 
         font-style: bold;
         font-size: 50px;
         color: orange;
    }

h3 {     margin: 0px 0px 0px 0px; 
         font-style: bold;
         font-size: 40px;
         color: green;
    }

ul.a {
    list-style-type: circle;
    }

#logotop {
    text-align: center ;
    }
    
#logotop img {
    width:700px;
    }

#logotop h1 {
    font-style: italic ;
    }
    
#clock {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    border: 0px solid white;
    background-color: white; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
    }

  
#clock h1 {
   margin: 0px 0px 0px 0px;          
   font-size: 40px;
   color: orange;
   }
   
#clock img { text-align: center }

#mainbox {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    border: 0px solid white;
    background-color: white; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
  } 
  
  
#leftbox {
    position: relative;
    text-align: left ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    border: 0px solid white;
    background-color: white; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
  } 
  
#titlebox {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: gray;
    border: 0px solid black;
    background-color: #FFFFCC; 
    margin: 0px 0px 0px 0px; 
    margin-left: auto ;
    margin-right: auto ;
  }
  
  
#subtitlebox {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: black;
    border: 3px solid black;
    background-color: #FFFFCC; 
    padding: 25px 25px 25px 25px;
    margin: 10px 0px 10px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
  } 
  
#beerboard {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    border: 0px solid white;
    background-color: white; 
    margin: 0px 0px 40px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
  } 
  
#graybox {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    color: black;
    border: 0px solid black;
    background-color: #F0F2F2; 
    margin: 10px 0px 10px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
 } 

#bluebox {
    position: relative;
    text-align: left ;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    color: black;
    border: 0px solid black;
    background-color: #C9F3F5; 
    margin: 10px 0px 10px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
 } 

#blackbox {
    position: relative;
    text-align: left ;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    color: white;
    border: 0px solid black;
    background-color: #000000; 
    margin: 10px 0px 10px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
 } 

#beigebox {
    position: relative;
    text-align: center ;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    color: black;
    border: 0px solid black;
    background-color: #FFFFCC; 
    margin: 10px 0px 10px 0px; 
    max-width: 1024px;
    margin-left: auto ;
    margin-right: auto ;
 } 

  
#indexbox {
    position: relative;
    border: 0px solid white;
    background-color: white; 
    margin-top: 50px;
  } 
  
#topbar {
    position: static;
    border: 1px solid silver;
    background-color: lightgray;
    text-align: center;

    color: black;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    vertical-align: middle;	
    margin: 10px 0px 15px 0px; 
    padding: 10px 0; 
}

#bottombar {
    text-align: center; 
    color: black;
    border: 1px solid silver;
    background-color: lightgray;
}

#esquire {
    text-align: center;
    color: green;
    background-color: white;
}

#myDIV {
    
    -webkit-animation: mymove 10s infinite; /* Chrome, Safari, Opera */
    animation: mymove 10s infinite;
}



/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {word-spacing: 30px;}
}

/* Standard syntax */
@keyframes mymove {
    50% {word-spacing: 30px;}
}

a {
    color: blue;
}