body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

article
{
    padding:5px;
    border:dotted 3px #ff006e;
    margin-top:5px;
}

header
{
    padding:0px;
    text-align:center;
    width:100%;
    background-color:#4584dc;
border: 1px solid black;
    background-image: url('../images/stormysky.png');
color:#ffffff;
height:130px;
  text-shadow: 3px 5px 2px rgba(0, 0, 0, .7);
}
}
.MainHeader {
    background-color: #4584dc;
	background-image: url(../images/stormysky.png);
    /* clearfix */
    overflow: auto;
	margin-top: 2% 0;}

aside
{
position:absolute;
    top:155px;
   left: 225px;

    margin-top:5px;
    background-color:#f0eaea;
    padding:5px;
    text-align:center;
    font-style:italic;
   /* border:double 3px #4584dc;
*/    float: left;
	width: 75%;
height:900px;
	margin: 0 0 20px 0;
}


section
{
    top:200px;
    padding:5px;
    margin-top:5px;
    float: left;
    position: absolute;
	height:900px;
    top: 150px;
    left: 5px;
    width: 200px;
    text-align: center;
}
div.button {
	color: black ;
	background-color: #9cf ;
	border-top: 1px solid #c0ffff ;
	border-right: 1px solid #00f ;
	border-bottom: 1px solid #00f ;
	border-left: 1px solid #c0ffff ;
	padding: 0 ;
	margin: 0 ;
}
a.menubutton:link, a.menubutton:visited {
	text-decoration: none ;
	color: black ;
	background-color: #9cf ;
	display: block ;
	padding: 3px ;
}
a.menubutton:hover {
	text-decoration: none ;
	color: yellow ;
	background-color: #000090 ;
	display: block ;
	padding: 3px ;
}
a.menubutton:active {
	text-decoration: none ;
	color: yellow ;
	background-color: #0000c0 ;
	display: block ;
	padding: 3px ;
}
footer
{
position:absolute;
    padding:5px;
    text-align:center;
    font-weight:bold;
bottom:80px;
}

nav
{
    text-align:center;
}
ul li
{
    display:inline;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}