body {
background-color: #FFFFFF;
color: #000000;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: red;
}
a:active {
color: red;
text-decoration: none;
}
div#container {
position:absolute;
left:50%;
margin-left: -450px;
width: 900px;
text-align: left;
}
div#about {
position:absolute;
top:180px;
right:100px;
width:290px;
height: 290px;
background-color: transparent;
text-align: right;
color: black;
display: none;
}
div#events {
position:absolute;
top:180px;
right:100px;
width:470px;
height: 430px;
background-color: transparent;
text-align: right;
color: black;
overflow: auto;
display: none;
}
div#media {
position:absolute;
top:180px;
right:100px;
width:350px;
height: 340px;
background-color: transparent;
text-align: right;
color: black;
overflow: auto;
display: none;
}
div#menu {
position:absolute;
top:180px;
right:10px;
width:145px;
height: 290px;
font-size: 1.5em;
text-align: right;
color: black;
}
img {
border-style: none;
padding: 0;
margin: 0;
}
.topleft  {float: left;  width:48%; text-align:left;}
.topright {float: right; width:48%; text-align:right;}
.bottomleft {float: left; width:89%; text-align:left;}
.bottomright {float: right; width:10%; text-align:right;}
#main {height: 600px; background-image: url(../images/surge_back.png); background-repeat: no-repeat; }