/* setting global default values */

* {
    margin:      0;
    padding:     0;
}

/* main stuff */
html {
    padding: 0 20px;
    height: 100%;
    background: #fff url('./gfx/bg_top.png') repeat-x top left;
}
body {
    width:  100%;
    height: 100%;
    font:   10px/1.2em Verdana, sans-serif;
}
a:link, a:visited, a:active {
    display:       block;
    margin-bottom: 20px;
    color:         #ca0d00;
    text-decoration: none;
    letter-spacing:  -0.3px;
    font:   19px/1.0em "Trebuchet MS", Verdana, sans-serif;
}
a:hover {
    color: #c50000;
}

/* upper part */
#top {
    padding-top: 60px;
    height:      142px;
}
#top_text {
    margin-left: 312px;
    height:      96px;
    color:       #555;
    font:        10px/1.0em Verdana, sans-serif;
}
#top_bar {
    margin-top: 52px;
    width:      100%;
    height:     11px;
    background: #fff url('./gfx/top_bar.gif') repeat-x bottom left;
}

/* logo & text */
#emblem {
    float: left;
}
#caption {
    margin: 49px 0 2px 44px;
}
#center_text {
    display:     block;
    margin-left: 220px;
    font-size:   12px;
}

/* content */
#center {
    margin-top: 28px;
    height:     576px;
    background: #fff url('./gfx/bg_center.png') repeat top left;
}
#data {
    margin: 40px 0 0 312px;
    width:  250px;
    height: 400px;
}
.legend {
    display:     block;
    margin-left: 34px;
    color:       #000;
    font-size:   9px;
    letter-spacing: normal;
}

/* 'da rest below */
#bottom_text {
    float:  right;
    margin: 34px 1px 0 0;
    color:  #4e4e4e;
}
#bottom {
    margin: 4px 0 0 1px;
    height: 40px;
    color:  #9a0000;
    text-align: right;
    font-size:  11px;
}

#bottom_border {
    border: 1px solid #a1a1a1;
}
#bottom img {
    float:  right;
    margin: -2px -2px 0 0;
}
#bottom span {
    display:    block;
    margin-top: 8px;
}