/*
 * $Revision: 1.5 $ $Date: 2025-08-19 19:08:12-04 $
 * $Source: /home/vogelke/projects/autoindex/local-cgi/css/RCS/2col.css,v $
 * $Host: furbag $
 * $UUID: 6337ce3e-ccf3-4247-a6a6-1a26c39e70ae $
 */
/* <!-- */
/* General styles */
body {
    margin: 0 5px 0 5px;
    padding: 0;
    border: 0;         /* Removes viewport border in old versions of IE */
    width: 99.5%;
    background: #fff;
    min-width: 600px;  /* Minimum layout width, remove if not required  */
                       /* min-width does not work in old versions of IE */
    font-size: 90%;
}

a         { padding: 0; text-decoration: none; }
a:link    { color: blue; }
a:visited { color: red; }
a:hover   { background-color: black; color: white; }

/*
 * a.e is used for an empty calendar date, i.e. a date where nothing
 * is special and therefore should not be marked.
 */

td { padding: 0; margin: 0; }
td a.m {
    color: black;
    background: yellow;   /* #e0ffd2 (light-green): not enough contrast */
}

td a.m:hover {
    color: #fff;
    background: #000;
    font-weight: bold;
}

h1, h2, h3 {
    margin: .8em 0 .2em 0;
    padding: 0;
}
p {
    margin: .4em 0 .8em 0;
    padding: 0;
}
/* img { margin: 10px 0 5px; } */
/* Header styles */
#header {
    clear: both;
    float: left;
    width: 100%;
}
#header {
    border-bottom: 1px solid #000;
}
#header p,
#header h1,
#header h2 {
    padding: .4em 10px 0 10px;
    margin: 0;
}
#header h3 {
    padding: .4em 5px 0 5px;
    margin: 0;
}
#header ul {
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#header ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header ul li a {
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #eee;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}
#header ul li a:hover {
    background: #369;
    color: #fff;
}
#header ul li a.active,
#header ul li a.active:hover {
    color: #fff;
    background: #000;
    font-weight: bold;
}
#header ul li a span {
    display: block;
}
/* 'widths' sub menu */
#layoutdims {
    clear: both;
    background: #eee;
    border-top: 4px solid #000;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}
/* column container */
.colmask {
    clear: both;
    float: left;
    width: 100%;         /* width of whole page */
    overflow: hidden;    /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float: left;
    width: 100%;
    position: relative;
}
.col1,
.col2,
.col3 {
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}
/* 2 Column (double page) settings */
.doublepage {
    background: #eee;    /* right column background colour */
}
.doublepage .colleft {
    right: 50%;          /* right column width */
    background: #fff;    /* left column background colour */
}
.doublepage .col1 {
    width: 46%;          /* left column content width
                            (column width minus left and right padding) */
    left: 52%;           /* right column width plus left column left padding */
}
.doublepage .col2 {
    width: 46%;          /* right column content width (column width minus
                            left and right padding) */
    left: 56%;           /* (right column width) plus (left column left and
                            right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
    clear: both;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
}
#footer p {
    padding: 10px;
    margin: 0;
}
/* --> */