/* =============================================
   JavaBean Template CSS - dorf.cc Reconstruction
   Original: Mambo CMS, ~2005-2006
   Faithfully reconstructed from Wayback Machine
   ============================================= */

body {
    margin: 0px;
    /* Original: background: url(../images/bgr.png) repeat; */
    /* Recreated: subtle grey texture tile */
    background-color: #d8d4cc;
    background-image: repeating-linear-gradient(
        0deg, transparent, transparent 1px, rgba(0,0,0,0.015) 1px, rgba(0,0,0,0.015) 2px
    );
}

tr, p, div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

hr {
    background: #999999;
    height: 1px;
    width: 100%;
    border: none;
}

/* Page wrapper table */
.page-table {
    background-color: #eeeeee;
}

.white-border {
    background-color: #FFFFFF;
    width: 6px;
}
.white-border img { width: 1px; height: 1px; }

/* ---- HEADER ---- */
.header-cell {
    padding: 12px 10px 8px 10px;
}

.title {
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-left: 10px;
}

.subtitle {
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 20px;
}

/* ---- TOP NAV BAR ---- */
#mainlevel-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

#mainlevel-nav li {
    background-image: none;
    padding-left: 0px;
    margin: 0;
    font-size: 10px;
    line-height: 20px;
    white-space: nowrap;
}

#mainlevel-nav a {
    display: block;
    text-decoration: none;
    border: 1px solid;
    border-color: #fff #cc3300 #cc3300 #fff;
    /* Original: background: #ff9933 url(../images/vmenu_bgr.png) 2px no-repeat; */
    background: linear-gradient(to bottom, #ffb347 0%, #ff9933 50%, #e68a2e 100%);
    color: white;
    padding: 0 15px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
}

#mainlevel-nav a:hover {
    background: linear-gradient(to bottom, #ff9933 0%, #ff6600 50%, #cc5500 100%);
    color: white;
    text-decoration: none;
}

#mainlevel-nav a.active {
    background: linear-gradient(to bottom, #ff6600 0%, #e65c00 100%);
}

/* ---- GREY BACKGROUND ---- */
.greybg {
    background: #eeeeee;
}

/* ---- LEFT SIDEBAR MODULES ---- */
table.moduletable {
    padding: 5px 0px 5px 8px;
    margin-bottom: 15px;
    width: 100%;
    /* Original: background: url(../images/bgr.png); */
    background-color: #e8e4dc;
    background-image: repeating-linear-gradient(
        0deg, transparent, transparent 1px, rgba(0,0,0,0.015) 1px, rgba(0,0,0,0.015) 2px
    );
}

table.moduletable th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    width: 100%;
    letter-spacing: 2px;
    text-indent: 5px;
    padding-bottom: 3px;
}

table.moduletable td {
    font-size: 10px;
    font-weight: normal;
}

table.moduletable ul {
    padding: 0px;
}

/* ---- SIDEBAR MENU LINKS ---- */
a.mainlevel:link, a.mainlevel:visited {
    display: block;
    color: #ffffff;
    font-weight: bold;
    /* Original: background-image: url(../images/menu_bgr.png); */
    background: linear-gradient(to right, #ff9933, #ff8800 40%, transparent 100%);
    background-repeat: no-repeat;
    width: 95%;
    text-indent: 15px;
    text-decoration: none;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 1px;
}

a.mainlevel:hover {
    color: #333333;
}

#active_menu {
    color: #000000;
}

/* ---- GENERAL LINKS ---- */
a:link, a:visited {
    color: #ff6600;
    text-decoration: none;
}

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

/* ---- PATHWAY / BREADCRUMB ---- */
.pathway {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #666;
}

a.pathway:link, a.pathway:visited {
    color: #ff9900;
    font-weight: normal;
}

a.pathway:hover {
    color: #ff3300;
    font-weight: normal;
    text-decoration: none;
}

/* ---- CONTENT AREA ---- */
.mainpage {
    text-align: justify;
    color: #333333;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.mainpage-bkg {
    /* Original: background-image: url(../images/lineborder.png); */
    background-color: #cccccc;
    width: 1px;
}

.contentpaneopen {
    border: 0px ridge #0099cc;
    width: 100%;
    padding: 1px;
}

.contentheading, .componentheading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff9900;
    text-align: left;
}

/* ---- CONTENT TEXT STYLES ---- */
.dorf-title {
    background-color: #eeeeee;
    display: block;
    padding: 8px 12px;
    margin: 10px 0 5px 0;
}

.dorf-title-text {
    font-weight: bold;
    color: #000000;
    font-family: "Courier New", Courier, monospace;
    font-size: 24px;
}

.dorf-subtitle {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-color: #eeeeee;
    padding: 0 12px 8px 12px;
    margin: 0 0 10px 0;
}

.dorf-text {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #eeeeee;
    text-align: justify;
    padding: 4px 8px;
    line-height: 1.5;
}

.content-text {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    line-height: 1.5;
    padding: 4px 0;
}

/* ---- FORM ELEMENTS ---- */
.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 10px;
    font-weight: bold;
    background-color: #F0F0F0;
    color: #000000;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 2px 8px;
}

.inputbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    width: 100%;
    padding: 2px;
    margin: 2px 0 4px 0;
}

/* ---- LIST ITEMS ---- */
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li.arrow {
    line-height: 15px;
    padding-left: 14px;
    padding-top: 2px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-bottom: 2px;
}

/* ---- BACK BUTTON ---- */
.back_button {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
}

/* ---- FOOTER ---- */
.footer-text {
    font-size: 11px;
    color: #ffffff;
    padding-right: 15px;
}
.footer-text b {
    color: #ffffff;
}

/* ---- CREATE DATE ---- */
.createdate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    text-align: left;
}

/* ---- PHOTO GALLERY ---- */
.photo-row {
    text-align: center;
    margin: 12px 0;
}

.photo-row img {
    border: 1px solid #999;
    margin: 2px;
}

/* ---- ARCHIVE NOTICE ---- */
.archive-notice {
    max-width: 800px;
    margin: 8px auto 20px;
    padding: 8px 15px;
    background: #ffffcc;
    border: 1px dashed #cc9900;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #666;
    text-align: center;
}

.archive-notice a {
    color: #ff6600;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 820px) {
    .page-table {
        width: 100% !important;
    }
}

/* ---- SUBPAGE CONTENT LISTS ---- */
.content-list {
    margin: 8px 0 8px 20px;
}
.content-list li {
    line-height: 18px;
    padding-left: 14px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/* ---- LINKS TABLE ---- */
.links-section h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff9900;
    margin: 15px 0 5px 0;
}
.links-section ul {
    margin-left: 15px;
}
.links-section li {
    padding-left: 14px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    line-height: 18px;
}