@charset "utf-8";

/***************************************** general style definitions, by tag */
body {
    background-color: #f5f5e8;
    color: #022b00;
    font-family: Garamond,Georgia,"Times New Roman",serif;
    font-size: 10pt;
    font-weight: bold;
}

/* reset for all table cells, will be set by class and id later */
td {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

img {
    border: none;
}

/* indenting for paragraphs (in content column) */
p {
    margin-top: .5em;
    margin-bottom: .5em;
    text-indent: -2em;
    margin-left: 2em;
}

a {
    color: #022b00;
    border: none;
}

a:link { 
    text-decoration: none; 
}

a:visited { 
    color: #606660; 
    text-decoration: none; 
}

a:hover { 
    color: green; 
    text-decoration: underline; 
}

a:active { 
    color: #606660;
    text-decoration: underline;
}

input {
    border: 1px solid black;
}

/************************************************ style definitions by class */

/* content colors */
.contentBlue {
    background-color: #8ec4cd;
}
.contentOrange {
    background-color: #f89f57;
}
.contentBrown {
    background-color: #9c8e84;
}
.contentGreen {
    background-color: #7f8e52;
}
.contentYellow {
    background-color: #f6e68e;
}

/* column dividers */
.dividerBlue {
    background-image: url("img/line_blue.png");
}
.dividerOrange {
    background-image: url("img/line_orange.png");
}
.dividerBrown {
    background-image: url("img/line_brown.png");
}
.dividerGreen {
    background-image: url("img/line_green.png");
}
.dividerYellow {
    background-image: url("img/line_yellow.png");
}


/* basic column attributes */
.column {
    width: 176px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 2px solid #f5f5e8;
}

/* cake column */
.contentCake {
    width: 170px;
    height: 28px;
    padding-top: 7px;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
}
.contentCake img {
    float: left;
}

/* column title */
.colHead {
    height: 35px;
    vertical-align: middle;
    border-top: 6px solid #f5f5e8;
}

/* column divider */
.colDivider {
    width: 196px;
    height: 2px;
    padding: 0px;
}

/* column body (header and content) */
.colBody {
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: top;
}

/* column footer */
.colFoot {
    width: 196px;
    height: 9px;
    padding: 0px;
}

/* link prefix */
.linkbullet {
}

/* alignments */
.alRight {
    text-align: right;
}
.alLeft {
    text-align: left;
}

/****************************** styling of specific blocks of content, by id */

/* main content block (table) */
#content {
    background-color: #f5f5e8;
    width: 967px;
    border-collapse: separate;
    border-spacing: 0px;
    border: 0px;
    padding: 0px;
}

/* content header (tr) */
#header {
    background-color: #11470f;
}	
/* list of logged-in users in the header (td) */
#headLoggedIn {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
    background-color: #11470f;
    color: #f6e68e;
}

/* central image (td) */
#contentImage {
    width: 967px;
    height: 265px;
    border-top: 1px solid #f5f5e8;
    border-bottom: 1px solid #f5f5e8;
}

/* loginbox, not logged in (td) */
#loginBox {
    width: 155px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
    padding-bottom: 8px;
    background-image: url("img/loginbox_door.jpg");
    vertical-align: top;
    color: #f6e68e;
    font-size: .9em;
}

/* switch background when logged-in */
#loginBox.isLoggedIn {
    background-image: url("img/loginbox_map.jpg");
}

#loginBox a {
    color: #f6e68e;
}

/* login form table */
#loginBox table {
    border-collapse: separate;
    border-spacing: 0px;
    border: 0px;
    padding: 0px;
}

#loginBox td {
    padding: 1px;
}

.loginBoxInput {
    width: 53%;
    height: 13px;
    font-size: .9em;
}

.loginBoxSubmit {
    height: 17px;
    font-family: Garamond,Georgia,"Times New Roman",serif;
    background-color: #f6e68e;
    text-align: right;
}

#loginBoxError {
    height: 110px;
    color: #ffffff;
}

#loginBoxError.hasLoginError {
}

div.slideshowLeft {
    width: 100px;
    height: 263px;
    background-image: url('img/slideshow_left.gif');
}
div.slideshowRight {
    width: 100px;
    height: 263px;
    background-image: url('img/slideshow_right.gif');
}
div.slideshowControl {
    background-color: #11470f;
    color: #f6e68e;
    font-weight: normal;
}
span.slideshowListItem {
    padding: 5px;
    cursor: pointer;
}
span.slideshowListItem.current {
    font-weight: bold;
}
span.slideshowListItem.clickable:hover {
    text-decoration: underline;
}