@charset "UTF-8";
body {
margin : 0;
padding : 0;
font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size : 0.875em;
background-color : #191970;
}
a:link {
color : #3399ff;
text-decoration : underline;
background-color : transparent;
}
a:visited {
color : #009900;
text-decoration : none;
font-weight : bold;
background-color : transparent;
}
a:hover {
color : #ff0000;
text-decoration : underline;
background-color : transparent;
}
a:active {
color : #ff9900;
text-decoration : underline;
background-color : transparent;
}
a span {
display : none;
}
a:hover span {
position : absolute;
display : inline-block;
top : 320px;
left : 50%;
width : 350px;
height : 100px;
margin-top : -50px;
margin-left : -175px;
background : #191970;
font-variant : small-caps;
line-height : 1.4em;
font-size : 2em;
font-weight : bold;
color : #eec900;
text-align : center;
}
#container {
position : absolute;
width : 100%;
text-align : center;
background-color : #191970;
}
#header {
margin : 0;
text-align : center;
height : auto;
}
#main {
margin : 75px 50px 30px 50px;
}
#footer {
width : 100%;
text-align : center;
margin : 0 auto;
bottom : 6em;
}
h1 {
font-weight : bold;
font-variant : small-caps;
color : #ffcc00;
}
h2 {
font-weight : bold;
font-variant : small-caps;
color : #009900;
}
margepicture {
margin : 1em;
}