body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
}
div#page {
    position: relative;
    width: 989px;
    margin: 0px auto;
    text-align: left;
    background-image: url(../../mediadata/images/html/page.background.gif);
    background-repeat: repeat-y;
}
div#header {
    position: relative;
    width: 989px;
    height: 175px;
    background-color: #FFF;
    background-image: url(../../mediadata/images/html/header.gif);
    background-repeat: no-repeat;
}
div#header ul {
    position: absolute;
    top: 137px;
    left: 240px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#header li {
    display: inline;
}
div#header a {
    margin: 0 8px 0 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #90c843;
    text-decoration: none;
    background-image: url(../../mediadata/images/html/arrow.breadcrumb.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding: 0 0 0 12px;
}
div#header a:hover {
    text-decoration: underline;
}
div#content {
    float: left;
    width: 731px;
    border-top: 1px solid #BCDFEB;
    margin: 0 0 0 9px;
    padding: 20px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #333; 
}
div#content h1 {
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    background-image: url(../../mediadata/images/html/headlineBG.gif);
    background-repeat: no-repeat;
}
div#content h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
}
div#content a {
    background-image: url(../../mediadata/images/html/link.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 16px; 
    color: #58c2db;
    text-decoration: none;
}
div#content a:hover {
    text-decoration: underline;
}
div#content a.clear {
    background-image: none;
    padding: 0;
    margin: 0;
}
ul#navi {
    float: left;
    position: relative;
    left: 2px;
    width: 207px;
    margin: 0;
    padding: 20px 0 0 0;
    list-style-type: none;
    background-color: #58C2DB;
}
ul#navi li {
    margin: 0 0 7px 0;
}
ul#navi li.header {
    padding: 23px 0 0 11px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-image: url(../../mediadata/images/html/navi.seperator.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
}
ul#navi li.level1 a {
    display: block;
    padding: 0 0 0 10px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
ul#navi li.level2 a {
    display: block;
    background-image: url(../../mediadata/images/html/navi.arrow.gif);
    background-repeat: no-repeat;
    background-position: 11px 4px;
    padding: 0 0 0 26px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
}
ul#navi li.level2active a {
    display: block;
    background-image: url(../../mediadata/images/html/navi.arrow.gif);
    background-repeat: no-repeat;
    background-position: 11px 4px;
    padding: 0 0 0 26px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
ul#navi li a:hover {
    text-decoration: underline;
}
div#footer {
    width: 989px;
    height: 67px;
    background-color: #FFF;
    background-image: url(../../mediadata/images/html/footer.gif);
    background-repeat: no-repeat;
}