/*
   ============
   GENERIC
   ============
*/

body {
    font-family: sans-serif;
    /*background: #F0F0F0 url(/gfx/perhoset-bgr-vaalea.png) repeat;*/
    background: #808080;
    text-align: center; /* center pagebox in IE5 */
}

/* HINTS FOR TEXT BROWSERS */
div.textonly {
    display: none;
}

/* MAIN LAYOUT */
div.pagebox {
    width: 710px;
    background: white;
    border: 1px solid #603030;
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* neutralize IE5 center hack in Body */
}

div.topbar {
    background: #EEE6CE;
    /* background: #EEE6CE url(/gfx/pv-sig.gif) no-repeat center top; */
    /*background: black url(/gfx/pv-sig-white.gif) no-repeat left top;*/
    height: 60px;
    /*border-bottom: 1px solid gray;*/
}

div.menubar {
    background: #603030;
    /*border-bottom: 1px solid gray;*/
    margin: 0em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

    width: 100%;
    font-size: 80%;
    color: #EEE6CE;

    text-align: center;
}

div.menubar a {
    color: #EEE6CE;
    text-decoration:none;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div.menubar a.menu-selected {
    color: #B0A890;
    text-decoration:none;
    font-weight: bold;
}

div.menubar span.leftmargin {
    /* kludge for IE5 - use extra span instead of a.margin */

    left: 0em;
    display: inline;
    position: relative;
}

div.topbar ul { /* menu */
    list-style-type: disc;
    color:#603030;
}

div.content {
    padding: 0.5em;
}

a {
    color:#802020;
    text-decoration:underline;
}
a:hover {
    text-decoration:underline;
}


/* COLUMNS */

div.left-column {
    float: left;
    width: 365px;
    text-align: left;
}

div.right-float {
    float: right;
    margin-top: 0em;
    margin-right: 0em;
    width: 215px;
    font-size: small;
}

div.main-column {
    padding: 1em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-left: 365px;
    /* margin-right: 168px; */
    margin-top: 0px;
    /* margin-top: -1em; */
}

.main-column h1 {
    margin-top: 0.25em;
}

/* PIECE OF ART */
div.art {
    display: block;

    /*
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    */

    padding: 0.25em;
    font-size: small;
    width: 160px;
}

div.art img {
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div.art-label {
    font-weight: bold;
    font-size: small;
    text-align: center;
    color: #909090;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

div.art-info {
    font-size: small;
}

span.art-name {
    font-weight: bold;
}

/* QUOTE */

div.large-quote {
    display: block;
    text-align: right;
}

div.quote-text {
    font-family: serif, verdana, sans-serif;
    font-weight: lighter;
    font-style: italic;
    font-size: 120%;
}

div.quote-attribution {
    margin: 0.5em;
    font-size: 75%;
}

/* NEWS */

div.news-item + div.news-item {
    margin-top: 1.0em;
}

span.date {
    /*color: #505050;*/
    color: #505060;
    font-weight: bold;
    font-size: 90%;
    margin-right: 0.25em;
}

h1, h2, h3 {
    font-weight: bold;
    text-align: left;
    color: #343454;
    margin-top: 0.5em;
    margin-right: 0em;
    margin-bottom: 0.5em;
    margin-left: 0em;
}

h1 { font-size: 150%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

li {
   margin-top: 0.1em;
}

img {
   border: 1px solid #E8E8E8;
}

a img {
   border: 1px solid #E8E8E8;
}