body {
font-family: sans-serif;
margin : 0;
padding : 0;
background-color : Black;
}

img {
border : none;
}

#banner {
margin: auto;
width : 612px;
height: 266px;
position : relative;
}

#menu {
margin: auto;
padding: 6px;
padding-bottom: 0px;
width: 600px;
height: 30px;
background-color: white;
position:relative;
}

#menu a {
color: white;
background-color: black;
display: block;
text-decoration: none;
float: left;
width: 150px;
line-height: 30px;
text-align: center;
}

#menu a:hover {
background-color: white;
color: black;
}

#content {
padding: 6px;
background-color: white;
margin: auto;
width: 600px;
position: relative;
}

#container {
color: white;
background-color: #493cac;
margin: auto;
width: 588px;
position: relative;
padding: 6px;
}

#container h1 {
color: #92f367;
text-align: left;
font-size: 32px;
}

#text{
margin: auto;
width: 90%;
position: relative;
}

#example1 a {
text-decoration: none;
margin: auto;
display: block;
background-color: white;
color: black;
width: 150px;
line-height: 30px;
text-align: center;
position: relative;
}

#example1 a:hover {
background-image: url('../img/ex1bg.png');
}


#example2 a {
text-decoration: none;
margin: auto;
display: block;
background-color: blue;
color: white;
width: 150px;
line-height: 30px;
text-align: left;
position: relative;
}

#example2 a:hover {
line-height: 30px;
text-align: center;
font-size: 26px;
}


#example3 {
background-color: black;
border: 1px solid white;
width: 150px;
height: 30px;
margin: auto;
position: relative;
}

#example3 a {
text-decoration: none;
margin: auto;
display: block;
color: white;
width: 150px;
line-height: 30px;
text-align: center;
position: relative;
}

#example3 a:hover {
background-image: url('../img/splat.png');
line-height: 60px;
border: 0px;
top: -15px;
}