body {
font-family: arial, tahoma, sans-serif;
font-size: 12px;
color: #38718f;
margin: 0 auto;
background-color: #628184;
}

#center {
position: absolute;
top: 50%;
left: 50%;
margin-top: -127px;
margin-left: -640px;
width: 1390px;
height: 254px;
}

#wrapper {
height: 254px;
width: 1390px;
background: url(http://frell-that.com/wonders/galaxy_background.jpg) no-repeat;
margin-top: 0 auto;
margin-bottom: 0 auto; 
}

#header {
left: 0;
width: 292px;
}

#updates {
margin-left: 295px; 
margin-top: 4px;
width: 263px;
height: 201px;
overflow: auto;
padding-right:5px;
}
#updates h2 {font-size: 1.0em;}
#updates .updatemeta{display: none; }
#sites {
margin-left: 569px;
margin-top: -201px;
width: 263px;
height: 201px;
overflow: auto;
padding-right:5px;

}

#join {
margin-left: 843px;
margin-top: -201px;
width: 263px;
height: 201px;
overflow: auto;
padding-right:5px;
}

#site {
margin-left: 1117px;
margin-top: -201px;
width: 263px;
height: 201px;
overflow: auto;
padding-right:5px;

}

h1 {
font-size: 0.9em;
text-transform: uppercase;
background: #38718f;
color: #798e91;
padding: 3px;
}

a:link, a:visited{
font-size: 0.9em;
text-transform: uppercase;
text-decoration: none;
background: transparent;
color: #38718f;
padding: 3px;
font-weight: bold;
}

a:link img, a:visited img {
font-size: 0.9em;
text-transform: uppercase;
text-decoration: none;
background: transparent;
color: #38718f;
padding: 0px;
font-weight: bold;
border: 2px solid #38718f;
}
a:hover{
font-size: 0.9em;
text-transform: uppercase;
text-decoration: none;
background: none;
color: #fff;
padding: 3px;
}
a:hover img{
font-size: 0.9em;
text-transform: uppercase;
text-decoration: none;
background: #38718f;
color: #798e91;
}
li {list-style: none; }
li span.link-name {font-size: 1em; margin-left: 0px; clear: both;}
li span.link-desc {font-weight: bold; font-size: 0.9em }
li img {margin-left: -36px; float: left; clear: both; margin-bottom: 7px; margin-right: 5px;}
li em {font-size: 0.9em}