source: fcms/trunk/www/html/css/style.css@ 72

/* Basic */
html {
        height: 100%;
}

body {
        height: 100%;
        margin: 0px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
        background: url(/gfx/background.jpg) no-repeat fixed center top #fff;
        font-size: 11px;
}

a {
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

a>img {
        border: 0;
}

/* title & logo */
#topbar {
        position: relative;
        top: 0px;
        width: 100%;
        height: 94px;
        background: url(/gfx/logo_top.png) no-repeat center top;
}

#container {
        display: table;
        width: 750px;
        height: 450px;
        min-height: 450px;
        margin: 45px auto;
}

#container>div {
        display: table-row;
}

div.leftContainer {
        display: table-cell;
        -moz-border-radius-bottomleft: 5px;
        border-top: 2px solid #CCC;
        border-left: 2px solid #CCC;
        border-bottom: 2px solid #CCC;
        background-color: #FFFFFF;
}

div.rightContainer {
        display: table-cell;
        -moz-border-radius-bottomright: 5px;
        padding: 0px;
        border-top: 2px solid #CCC;
        border-right: 2px solid #CCC;
        border-bottom: 2px solid #CCC;
        /*  background: #fff;*/
        background: url(/gfx/newsback.png) repeat-x #8183a7;
        width: 195px;
}

/* Navigation bar */
#navbar {
        position: absolute;
        padding-left: 76px;
        display: table;
        margin: 32px auto;
        height: 24px;
}

/* Match all divs and display them in a line */
#navbar>div {
        display: table-row;
}

/* Match all sub divs and set their background */
#navbar>div>div {
        background: url(/gfx/navback.png) repeat-x;
}

div.entry>a {
        color: white;
}

/* class for entries in the menu bar */
div.entry {
        display: table-cell;
        background: url(/gfx/navback.png) repeat-x;
        padding: 3px 5px;
        color: white;
        font-weight: bold;
        font-size: 13px;
}

/* This is needed to prevent the div from changing when hovering */
div.entry:hover {
        margin: 0px 5px 0px 5px;
        padding: 0px 5px;
}

/* When the div is hovered, display the span in it */
div.entry:hover span {
        display: inline;
        z-index: 5;
        background-color: #AAA;
        position: absolute;
        margin-top: 20px;
        border-color: #000;
        border-style: solid;
        border-width: 1px;
        padding: 2px;
}

/* Default setting for the span: don't display */
div.entry>span {
        display: none;
}

#navbar>div>div.first {
        display: table-cell;
        background: url(/gfx/navleft.png) no-repeat;
        width: 11px;
}

#navbar>div>div.last {
        display: table-cell;
        background: url(/gfx/navright.png) no-repeat;
        width: 11px;
}

div#rightspace {
        display: table-cell;
        background: url(/gfx/navright.png) no-repeat;
}

#navbar>div>div.spacer {
        display: table-cell;
        background: url(/gfx/navspace.png) no-repeat;
        width: 4px;
        height: 24px;
}

/* Content */
#content {
        position: relative;
        padding: 15px 10px 10px 10px;
        text-align: left;
}

#content h1 {
        font: 130% verdana, helvetica, arial, sans-serif;
        color: #72789a;
}

#content h2 {
        font: 115% verdana, helvetica, arial, sans-serif;
        color: #72789a;
}

#content img {
        z-index: 3;
}

#news {
        position: relative;
        padding: 10px;
        text-align: left;
}

#news h1 {
        background: url(/gfx/nupsies.png) no-repeat 0px 4px;
        text-indent: 30px;
        font: 13px verdana, helvetica, arial, sans-serif;
        color: #dfe0f5;
}

/* Classes for two ul's, the second one is intended to be a sublist of the
   first one. Maybe it can be used for the menu on the right */
ul.ul_news_1 {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

ul.ul_news_2 {
        border-width: 1px 0px 1px 0px;
        border-style: dotted;
        border-color: #CCC;
        list-style-type: none;
        margin: 1px 10px 1px 10px;
        padding: 0px 0px;
}

ul.cattree {
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
}

ul.cattree>li>a {
        color: white;
}

/* news box right */
span.news {
        color: white;
        padding-left: 15px;
}

ul.news {
        list-style-type: none;
        margin-top: 3px;
        padding-left: 30px;
}

ul.news>li>a {
        color: white;
}