html, body { height:100%; }

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

h1, h2, h3 { color:#000; }

#markup {
    background-color:#fff;
    border:7px solid #777;
    border-bottom:0;
    border-top:0;
    height:100%;
    width:777px;
}

#menu {
    background:url(images/menu-mini.jpg) no-repeat;
    color:#FAD537;
    height:30px;
    text-align:center;
    vertical-align:middle;
}
#menu a {
    font-family:Verdana, Helvetica, sans-serif;
    color:#FAD537;
    text-decoration:none;
    font-weight: bold;
    font-size:12px;
}
#menu a:hover { text-decoration:underline; }

#main {
    height:100%;
    padding: 20px;
    vertical-align:top;
    width:75%;
    color:#777;
}
#main a { text-decoration:none; color:#000; }
#main a:hover { text-decoration:underline; }
#side {
    height:100%;
    padding: 20px;
    vertical-align:top;
    width:25%;
}
#side a { font-size:10px; text-decoration:underline; color:#F9C827; }
#side a:hover { text-decoration:none; color:#222; }
td
{
font-family: tahoma;
font-size: 11px;
color: #6A6A6A;
}
a.more
{
color: #FF0000;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
}
a.more:visited
{
color: #FF0000;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
}
a.more:hover
{
color: #FF0000;
font-family: tahoma;
text-decoration: underline;
font-size: 11px;
font-weight: bold;
}
a.metamorph
{
color: #ffffff;
text-decoration: none;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
}
a.metamorph:visited
{
color: #ffffff;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
}
a.metamorph:hover
{
color: #ffffff;
text-decoration: underline;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
}
.title
{
color: #3A3A3A;
font-size: 12px;
font-weight: 900;
}

.footer {
    background:url(images/footer.gif);
    color: #fff;
    height:30px;
    text-align:center;
    vertical-align:middle;
}