/* For non-CMS pages! */

/* ===[ GENERAL ]============================================================ */
* {
        margin: 0;
        padding: 0;
}


body {
        background: #fff url("images/background.gif") repeat;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        color: black;

        padding: 0 10px;
}

hr {
    margin: 10px 0;
}

a.more {
    font-style: italic;
    font-size: 9px;
}

img {
    border: none;
}

.sc {
    font-variant: small-caps;
}

/* ===[ TOPBAR ]============================================================= */
#topbar {
    margin: 0 auto;
    padding: 5px;
        width: 760px;

        text-align: right;
        font-size: 9px;
}

#topbar select {
    width: 100px;
    font-size: 9px;
}

#topbar input {
        font-size: 9px;
        border: 1px solid black;
        background-color: white;
        color: black;
}

/* ===[ HEADER ]============================================================= */
#header {
    margin: 0 auto 15px auto;
    
        width: 785px;
        height: 156px;

        background-image: url("images/header.gif");
        background-repeat: no-repeat;
}

#header ul {
    position: relative;
    top: 129px;
    padding-left: 20px;
        list-style: none;
}

#header ul li {
    font-size: 14px;
    display: inline;
}

#header a {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}

 
/* ===[ CONTENTS ]=========================================================== */
#contents {
    margin: 0 auto;
        width: 765px;
        padding-right: 20px;
}

/* ===[ BOX ]================================================================ */
div.box {
    background: url(images/box-topleft.gif) no-repeat;
} 

div.box p {
    margin-bottom: 10px;
} 
  
div.box div.boxhead {
    background: url(images/box-topright.gif) top right no-repeat;
    padding: 20px 20px 20px 0;
    margin: 0;
    position: relative;
    right: -20px;
}

div.box div.boxhead img {
    float: left;
    position: relative;
    padding: 0;
    margin-right: 10px;
}

div.box div.boxhead hr {
    margin-top: 20px;
}

div.box h2 {
    font-size: 1.6em;
    font-style: italic;
    margin-bottom: 8px;
}

div.box h3 {
    font-size: 1.3em;
    font-style: italic;
    margin-top: 5px;
}

div.box div.boxlong {
    background: url(images/box-borderleft.gif) top left repeat-y;
}

div.box div.boxbody {
    background: url(images/box-borderright.gif) top right repeat-y;
    margin: -2em 0 0 0;
    padding: 15px 15px 15px 0;
    position: relative;
    right: -20px;
}

div.box div.boxfoot {
    background: url(images/box-bottomleft.gif) bottom left no-repeat;
    position: relative;
    top: 20px;
}

div.box div.boxfoot p {
    background: url(images/box-bottomright.gif) bottom right no-repeat;
    padding: 5px 5px 5px 0;
    height: 10px;
    display: block;
    margin: -2em 0 0 0;
    position: relative;
    right: -20px;
}

/* ===[ CALENDAR ]=========================================================== */
table.calendar {border: 0; margin: 0 auto; width: 160px;}
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 7pt;}
table.calendar td {width: 19px; height: 10px; font-size: 8pt;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; text-align: center;}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: green; background-color: #EDEDED; text-align: center;}
table.calendar td.linked-day {font-size: 10pt}


/* ===[ SIDEBAR ]============================================================ */
#sidebar ul {
    margin-left: 10px;
    padding: 10px;
    list-style: none outside;
}

#sidebar ul li ul {
    padding: 5px;
    margin-left: 10px;
    list-style: none outside;
}

#sidebar ul li a {
    color: black;
    background-color: #EDEDED;
    text-decoration: none;
}

#sidebar p {
    padding: 10px;
}


/* ===[ ITEM ]=============================================================== */
.item {
    margin: 20px 20px;
}

.item .itemtitle {
    font-size: 9px;
}

.item .itemtitle h3 {
    font-style: normal;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.item .itembody {
    margin: 10px 3px;
    padding-left: 15px;
    
    background-image: url("images/itembar.gif");
    background-repeat: repeat-y;
    background-position: center left;
}

dl {
    margin: 20px 20px;
    font-size: 9pt;
}

dl dt {
    font-style: normal;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

dl dd {
    margin: 10px 3px;
    padding-left: 15px;
    
    background-image: url("images/itembar.gif");
    background-repeat: repeat-y;
    background-position: center left;
}


/* ===[ MAINPANE ]=========================================================== */
#mainpane ul, #mainpane ol {
    margin-left: 30px;
    margin-bottom: 10px;
}

#mainpane .boxbody img {
    margin: 5px 10px;
}

#mainpane th {
    text-align: left;
}