body
{
  background-color: lavenderblush;
  color: black;
        margin: 0;
        padding: 16px;
  font-family: "Times New Roman", "FreeSerif";
  font-size: 16pt;
  font-style: normal;
  font-weight: normal;
}

header {
        padding: 4px;
  font-size: 32pt;
	font-weight: bold;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.9);
        text-align: center;
  display: flex;
  justify-content: space-between;
      }

nav {
        margin-top: 4px;
  color: orchid;
  font-size: 16pt;
  font-weight: normal;
      }

nav a:link, a:visited
{
  font-style: none;
	text-shadow: 0px 4px 8px  rgba(255, 128, 128, 0.9);
  color: orchid;
  font-weight: normal;
	text-decoration: none;
}

nav a:hover
{
  font-style: none;
	text-shadow: 0px 8px 16px yellow;
  color: #946f00;
	text-decoration: none;
}

nav a:active
{
  font-style: none;
	text-shadow: 0 0 5px #fff, 
               0 0 10px #fff, 
               0 0 15px #fff, 
               0 0 20px #ff2d95, 
               0 0 30px #ff2d95, 
               0 0 40px #ff2d95, 
               0 0 50px #ff2d95, 
               0 0 75px #ff2d95;
	text-decoration: none;
  color: #ffffff;
}

section
      {
        align: top;
        background-color: salmon;
        border: 1px solid red;
        padding: 4px;
        margin-top: 4px;
	background: #c2cadd;
	border-collapse:separated;
	border:5px solid #946f00;
	padding: 20px; 
	table-layout: auto;
	display: block;
  background-color: white;
      }
      
article
{
  padding: 4px;
  margin-top: 4px;
  clear: left;
  display: flex;
  justify-content: space-between;
}

footer {
        width: 100%;
        bottom: 0;
        position: fixed;
        padding: 4px;
        text-align: center;
        font-weight: normal;
        color:  #946f00;
        font-size: 12pt;
      }

.center {
	text-align: center;
}

.red {
	color: red;
  text-shadow: 0px 4px 8px rgba(255, 0, 0, 0.9);
}

.blue {
  color: blue;
  text-shadow: 0px 4px 8px rgba(0, 0, 255, 0.9);
}

.blue_no_shadow {
  color: blue;
}

.effect8
{
  position:relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 
              0 0px 40px rgba(0, 0, 0, 0.1) inset;
}

.effect8:before
{
	content:"";
  position:absolute; 
  z-index:-1;
  box-shadow:0 0 20px rgba(0,0,0,0.8);
  top:10px;
  bottom:10px;
  left:0;
  right:0;
  border-radius:100px / 10px;
} 

.effect8:after
{
  right:10px; 
  left:auto; 
  transform:skew(8deg) rotate(3deg);
}

.roundcorner {
-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


img {
  margin: 16px 16px 16px 0px;
	padding: 10px;
}

img.shopfront {
 	margin-left: 0px;
	float: left;
	width: 300px;
	height: 200px;
}

.welcome {
	font-weight: normal;
	color:  #946f00;
  text-shadow: -1px -1px 1px white, 
               1px 1px 1px darkgray;
  font-size: 24pt;
}

.notice {
	font-weight: normal;
    font-size: 24pt;
	color: #FF0000;
    text-shadow: 0px 1px 1px rgba(255, 0, 0, 0.9);
	text-align: center;
}

.business {
	font-weight: bold;
	color:  #946f00;
  text-shadow: -1px -1px 1px white, 
               1px 1px 1px darkgray;
  font-size: 24pt;
}

.section {
	font-weight: normal;
	color: gray;
  text-shadow: -1px -1px 1px white, 
               1px 1px 1px darkgray;
  font-size: 16pt;
  text-align: left;
}

.container
{
  clear: left;
  display: flex;
  justify-content: space-between;
}

.left, .center, .right
{
  display: inline-block;
}