body{
padding: 0 0 0 0;
background-color:#333333;
margin: 0;
}

a{
color:white;
}

p{
margin: 0px auto;
}

h1{
font-size: 150%;
margin: 0px auto;
padding-top: 5px;
padding-bottom: 5px;
text-shadow: 2px 2px 2px #FFFFFF;
}


.top p{
padding-right: 10px;
margin: 0px auto;
}

.top{
padding-top: 0px;
 position: relative;
margin:0px auto;
 width: 1024px;
 height: 300px;
 background-color: #000000;
 text-align: right;
 color: white;
 font: bold 18px sans-serif;
}
.top a{
color:white;
}

.top img{
padding-top:20px;
float:left;
}

.menu {
text-align:center;
position: relative;
margin:0px auto;
width: 1024px;
background: #000000;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.menu ul {
  text-align: left;
  display: inline;
  padding: 15px 4px 17px 0;
  list-style: none;
}
.menu ul li {
  font: bold 16px sans-serif;
  color: #FFFFFF;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 50px;
  background: #000000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.menu ul li a {
text-decoration: none;
color: inherit;
height:15px;
width:50px;
display: inline-block;
 }
.menu ul li:hover {
background: #555;
color: #fff;
}


.content{
position: relative;
margin:0px auto;
background-color: #ffcc00;
width: 1024px;
height:700px;
font: 24px sans-serif;
text-align: center;
padding-bottom: 20px;
}

.content a
{
text-shadow: 2px 2px 2px #000000;
}

.content img{
border: double 2px #000000;
box-shadow: 5px 5px 5px #888888;
}

.footer{
position: relative;
margin:0px auto;
background-color: #000000;
width: 1024px;
height:80px;
color:white;
}

.copyright{
    text-align: center;
    padding: 10px;
}