/* -------- main body stuff -------- */
body {
        background-color: #e8f0e0;
        background-image: url(../graphics/color%20schemes/lect/speedwell.jpg);
}

/* -------- stuff for para & titles/headers -------- */
/* changes because search engines pick up on the header (h1, etc.) tags */
/* .big > h1, .med > h2, .green > h3, .pink > h3 (just to differentiate */
/* even though .green and .pink are the same size) */
p {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
        text-align: justify;
        margin-right: 10px;
}
.big, h1.big {
        background-color: #e8f0e0;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.5%; /* 775-(180x2)=415 & 415/775=53.5% */
        margin-left: auto; /* this will automatically calc R & L margins */
        margin-right: auto;
        font-family: arial, helvetica;
        font-size: 20pt;
        font-size: 3.342vw;
        font-weight: bold;
        color: #999ccc;
        text-align: center;
}
.med, h2.med {
        background-color: #999ccc;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 75.1%; /* 775-(80x2)=615 & 615-(padding:(8+25)=33)=582 & 582/775=75.1% */
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;
        text-align: left;
        font-family: arial, helvetica;
        font-size: 14pt;
        font-size: 2.339vw;
        font-weight: bold;
        color: #e8f0e0;
}
/* -------- this is for the "2d says" paragraphs -------- */
.IntroPara {
        background-color: #eaeeca;
        background-image: url(../graphics/color%20schemes/lect/2d-5%20vignette.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        width: 49%;
        min-height: 175px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        border-left: solid 4px #cab6ac;
        border-top: outset 4px #996600;
        border-right: solid 4px #996600;
        border-bottom: outset 4px #996600;
        padding: 4px;
        padding-left: 229px;
        line-height: 1.2;
        text-align: justify;
        color: #909898;
        font-family: arial, helvetica;
        font-weight: bold;
        font-size: 10pt;
        font-size: 1.667vw;
        clear: both;
}

/* -------- these two have light, bold text as sort-of sub-headers -------- */
.pink, h3.pink {
        background-color: #bcb9dc;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 75.1%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;
        text-align: left;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
}
.green, h3.green {
        background-color: #aecaba;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 75.1%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;
        text-align: left;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        color: #ffffff;
}
/* -------- this is a generic paragraph -------- */
.pale {
        background-color: #e8f0e0; /* pale */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 78.8%; /* 775-(80x2)=615 & 615-(padding:(2+2=4)=611 & 611/775=78.8% */
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 2px;
        line-height: 1.2;
        text-align: justify;
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
        clear: both;
}
/* -------- this is for copyright notice at bottom -------- */
.copy {
        background-color: #d0c2a4;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.58%;
        margin-left: auto;
        margin-right: auto;
        padding: 2px;
        line-height: 1.2;
        text-align: center;
        color: #000000;
        font-size: 10pt;
        font-size: 1.667vw;
}
/* -------- this is for link to protocol, etc. in upper left corner -------- */
.linkList {
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 78.8%; /* 775-(80x2)=615 & 615-(padding:(2+2=4)=611 & 611/775=78.8% */
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 2px;
        line-height: 1.2;
        text-align: justify;
        color: #000000;
        clear: both;
}
/* -------- this is for bibliographic citations (one per para) -------- */
.bib {
        background-color: #e8f0e0;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 75.3%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 2px;
        padding-left: 29px;
        line-height: 1.2;
        text-align: justify;
        text-indent: -25px;
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
}
/* this is used for CSLewis quotes on Hist Sci page */
.trivia {
        background-color: #e6eaec;
        width: 67.0%; /* 775-(120x2)=535 & 535-(padding:(8x2)=16)=519 & 519/775=67.0% */
        border-radius: 25px;
        -moz-border-radius: 25px;
        border: 1px solid #c6ced6;
        margin-left: auto;
        margin-right: auto;
        padding: 8px;
        line-height: 1.2;
        text-align: justify;
/*        color: #909898; */  /* doesn't show up well in new LCD monitors */
        color: #000000;
        font-size: 8.5pt;
        font-size: 1.441vw;
}
.trivia span.credit {
        padding-left: 250px;
        color: #999ccc;
        font-weight: bold;
}


/* -------- this is for the hidden character list pop-up div -------- */
/*
.charList {
        position: fixed;
        right: 0px;
        top: 50px;
        width: 200px;
        height: 400px;
        overflow: auto;
        opacity: 0.75;
        filter: alpha(opacity=75);
        visibility: hidden;
        background-color: #f0e8de;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        padding: 2px;
        line-height: 1.2;
        color: #000000;
        clear: both;
}
*/
/* -------- this is for the hidden character list pop-up 1st line w/ x to close -------- */
/*
.charList p.CloseIt {
        width: 100%;
        margin: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        text-align: right;
        color: #f0e8de;
        background-color: #583829;
        font-face: arial, helvetica;
        font-weight: bold;
}
*/
/* -------- this is for the hidden character list pop-up "header" -------- */
/*
.charList p.CHpink {
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: justify;
        color: #f0e8de;
        background-color: #a88c9a;
        font-face: arial, helvetica;
        font-weight: bold;
}
*/
/* -------- this is for the hidden character list pop-up "section headers" -------- */
/*
.charList p.CHgreen {
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: justify;
        color: #f0e8de;
        background-color: #a4a88e;
        font-face: arial, helvetica;
        font-weight: bold;
}
*/
/* -------- this surrounds the submit/reset links -------- */
.ForBtns {
        background-color: #bad0e2;
        background-image: url(../graphics/buttonbar/clear.gif);
/*        background-image: url(../graphics/color%20schemes/lab/speedwell%20flower.gif); */
        width: 30%;
        margin-left: auto;
        margin-right: auto;
        border: solid 2px #c6bce2;
        padding: 10px;
        line-height: 1.2;
        text-align: center;
        color: #000000;
        font-size: 12pt;
        clear: both;
}

/* -------- table stuff -------- */
th {
        color: #faffe4;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
}
td {
        font-size: 10pt;
        font-size: 1.667vw;
        color: #000000;
}

/* -------- stuff for various list types -------- */
ul {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
        text-align: justify;
}
/*
ol {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #583829;
        text-align: justify;
}
*/
ul li {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
}
ol li {
        font-size: 12pt;
        font-size: 2.00vw;
        list-style-type: decimal;
        list-style-position: outside;
}

dl {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
        text-align: justify;
        margin-right: 10px;
}
dt {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #999ccc;
        font-weight: bold;
}
dd {
        font-size: 12pt;
        font-size: 2.00vw;
        color: #000000;
}

/* -------- stuff for form inputs -------- */
input.subData[type="text"], input.subData[type="password"] {
        border: solid 1px #aaacba;
        background-color: #e6eaec;
        width: 14em;
        color: #000000;
        border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 2px;
        font-size: 11pt;
        font-size: 1.838vw;
}
select.subData {
        border: solid 2px #aecaba;
        background-color: #e6eaec;
        color: #000000;
        font-size: 11pt;
        font-size: 1.838vw;
}
textarea.subAnswer {
/*        border: solid 2px #aecaba; */
        border: solid 1px #aaacba;
        background-color: #e6eaec;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
        border-radius: 15px;
        -moz-border-radius: 15px;
        padding: 2px;
        font-size: 11pt;
        font-size: 1.838vw;
        height: 10em;
}

/* -------- general links -------- */
a: {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
a:link {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
        color: #a4acca;
        background-color: #ffffff;
}
a:visited {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
        color: #a4acca;
        background-color: #ffffff;
}
a:hover {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
        background-color: #a4acca;
        color: #ffffff;
}
a:active {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
        color: #a4acca;
        background-color: #ffffff;
}

/* -------- e-mail link in copyright section -------- */
a.InCopy:link {
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
        color: #faffe4;
        background-color: #c6bce2;
}
a.InCopy:visited {
        color: #faffe4;
        background-color: #c6bce2;
}
a.InCopy:hover {
        background-color: #faffe4;
        color: #c6bce2;
}
a.InCopy:active {
        color: #faffe4;
        background-color: #c6bce2;
}

/* -------- for submit/reset links (in ForBtns) -------- */
a.subBtn:link {
        padding: 4px;
        background-color: #eaeeca;
        color: #989e9a;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
a.subBtn:visited {
        padding: 4px;
        background-color: #eaeeca;
        color: #989e9a;
}
a.subBtn:hover {
        padding: 4px;
        background-color: #989e9a;
        color: #eaeeca;
}
a.subBtn:active {
        padding: 4px;
        background-color: #eaeeca;
        color: #989e9a;
}

/* -------- for char list open "buttons" -------- */
/*
a.charBtn:link {
        margin-top: -19px;
        float: right;
        border-left: solid 1px #d2a572;
        border-top: solid 1px #d2a572;
        border-right: solid 2px #000000;
        border-bottom: solid 2px #000000;
        padding: 2px;
        background-color: #a88c9a;
        color: #f0e8de;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
a.charBtn:visited {
        padding: 2px;
        background-color: #a88c9a;
        color: #f0e8de;
}
a.charBtn:hover {
        border-left: solid 2px #86563e;
        border-top: solid 2px #86563e;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        padding: 2px;
        background-color: #f0e8de;
        color: #a88c9a;
}
a.charBtn:active {
        padding: 2px;
        background-color: #a88c9a;
        color: #f0e8de;
}
*/
/* -------- for genetics page "buttons" -------- */
a.genBtn:link {
        border-left: solid 1px #d2a572;
        border-top: solid 1px #d2a572;
        border-right: solid 2px #000000;
        border-bottom: solid 2px #000000;
        padding: 2px;
        background-color: #989e9a;
        color: #faffe4;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
a.genBtn:visited {
        padding: 2px;
        background-color: #989e9a;
        color: #faffe4;
}
a.genBtn:hover {
        border-left: solid 2px #86563e;
        border-top: solid 2px #86563e;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #ffffff;
        padding: 2px;
        background-color: #eaeeca;
        color: #989e9a;
}
a.genBtn:active {
        padding: 2px;
        background-color: #989e9a;
        color: #faffe4;
}

/* -------- for char list close x "button" -------- */
/*
.charList a, .charList a:link, .charList a:visited {
        background-color: #f0e8de;
        color: #000000;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
.charList a:hover {
        background-color: #d2a572;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
.charList a:active {
        background-color: #583829;
        color: #f0e8de;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.667vw;
        font-weight: bold;
        text-decoration: none;
}
*/
/* -------- stuff for image placement -------- */
img.Lpic, .Lpic { /* these two are for L & R placement of generic pictures */
        float: left;
        border: none;
        padding-right: 4px;
}
img.Rpic, .Rpic {
        float: right;
        border:none;
        padding-left: 4px;
}

/* -------- stuff for font sizes -------- */
sup {
        font-size: 7pt;
        font-size: 1.170vw;
}
sub {
        font-size: 7pt;
        font-size: 1.170vw;
}
.fract {
        font-size: 5pt;
        font-size: 0.835vw;
}
/*
sample of usage:
<li><sup class="fract">2</sup>&#8260;<sub class="fract">3</sub> C milk</li>
*/
.hebrew {
        font-family: times, roman;
        font-size: 14pt;
        font-size: 2.339vw;
}
/* can't use this, need to use upper iso codes instead */
.greek {
/*        font-family: symbol; */
        font-family: times, roman;
        font-size: 12pt;
        font-size: 2.00vw;
}

/* -------- stuff for nav bar -------- */
#nav, #nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#nav li {
        float: left;
        position: relative;
        width: 93px;
        list-style: none;
        margin-right: 3px;
}
#nav a:link, #nav a:visited {
        display: block;
        color: #faffe4;
        background-color: #aecaba;
        border: 2px solid #a4acca;
        padding: 3px 5px 3px 5px;
        /*       top rt  bot lef */
}
#nav a:hover {
        color: #aecaba;
        background-color: #faffe4;
}
#nav ul {
        display: none;
        position: absolute;
        top: 5px;
        left: 0px;
        padding-top: 3px;
}
#nav ul li {
        float: none;
        font-size: 100%;
        margin: 0;
        margin-bottom: 3px;
        padding: 0px;
        width: 200px;
}
#nav ul a, #nav ul a:link, #nav ul a:visited {
        border: 2px solid #bcdcbe;
        background-color: #a4acca;
        color: #faffe4;
}
#nav ul a:hover {
        color: #a4acca;
        background-color: #faffe4;
}
#nav li > ul {
        top: auto;
        left: auto;
}
#nav li:hover ul, #mainNav a:hover ul {
        display: block;
}

#NS4Nav {
        list-style-image: url(../graphics/color%20schemes/home/clear.gif);
}
#NS4Nav li {
        list-style-image: url(../graphics/color%20schemes/home/clear.gif);
}
#NS4Nav a:link, #NS4Nav a:visited {
        color: #faffe4;
        background-color: #aecaba;
}
#NS4Nav a:hover {
        color: #aecaba;
        background-color: #faffe4;
}
#NS4Nav ul a, #NS4Nav ul a:link, #NS4Nav ul a:visited {
        background-color: #a4acca;
        color: #faffe4;
}
#NS4Nav ul a:hover {
        color: #a4acca;
        background-color: #faffe4;
}


/* these are supposedly for the window-close "buttons"??? */
/* I'm not sure where these are being used??? */
/*
p.closeMe {
        text-align: center;
        margin-top: 0px;
        padding-top: 0px;
}
.closeMe a, .closeMe a:link, .closeMe a:visited {
        background-color: #a4a88e;
        color: #f0e8de;
        text-align: center;
}
.closeMe a:hover {
        background-color: #f0e8de;
        color: #a4a88e;
}
*/

/* -------- print preview -------- */
@media print {
        body {
                background: #ffffff;
                background-image: none;
        }
        p {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                background: #ffffff;
                font-size: 12pt;
                font-size: 2.00vw;
                color: #000000;
                text-align: justify;
        }
        p.big {
                background-color: #ffffff;
                background-image: none;
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                font-family: arial, helvetica;
                font-size: 20pt;
                font-size: 3.342vw;
                font-weight: bold;
                color: #000000;
                text-align: center;
        }
        p.med {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                padding-top: 2px;
                padding-bottom: 2px;
                padding-right: 2px;
                padding-left: 10px;
                text-align: left;
                font-family: arial, helvetica;
                font-size: 14pt;
                font-size: 2.339vw;
                font-weight: bold;
                color: #000000;
        }
        .IntroPara {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                border-left: solid 2px #c0c0c0;
                border-top: solid 2px #c0c0c0;
                border-right: solid 2px #000000;
                border-bottom: solid 2px #000000;
                padding: 2px;
                line-height: 1.2;
                text-align: justify;
                color: #a88c9a;
                font-family: arial, helvetica;
                font-weight: bold;
                font-size: 10pt;
                font-size: 1.667vw;
                clear: both;
        }
        .pink, .green {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                padding-top: 2px;
                padding-bottom: 2px;
                padding-right: 2px;
                padding-left: 10px;
                text-align: left;
                font-family: arial, helvetica;
                font-size: 10pt;
                font-size: 1.667vw;
                font-weight: bold;
                color: #000000;
        }
        .pale {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 2px;
                line-height: 1.2;
                text-align: justify;
                color: #000000;
                clear: both;
        }
        .copy {
                background-color: #ffffff;
                background-image: none;
                width: 70%;
                margin-left: auto;
                margin-right: auto;
                padding: 2px;
                line-height: 1.2;
                text-align: center;
                color: #000000;
                font-size: 10pt;
                font-size: 1.667vw;
        }
        .linkList {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                padding: 2px;
                line-height: 1.2;
                text-align: justify;
                color: #000000;
                clear: both;
        }
        .bib {
                background-color: #ffffff;
                background-image: none;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-right: 2px;
                padding-left: 29px;
                line-height: 1.2;
                text-align: justify;
                text-indent: -25px;
                color: #000000;
        }
        .charList {
                visibility: hidden;
        }
        .ForBtns {
                visibility: hidden;
        }

        th {
                background-color: #cccccc;
                color: #000000;
                font-family: arial, helvetica;
                font-size: 10pt;
                font-size: 1.667vw;
        }
        td {
                background-color: #ffffff;
                color: #000000;
        }
        ul, ol {
                color: #000000;
                text-align: justify;
        }
        ul li {
                color: #000000;
        }
        ol li {
                list-style-type: decimal;
                list-style-position: outside;
        }
        dl {
                color: #000000;
                text-align: justify;
                margin-right: 10px;
                font-size: 1.667vw;
        }
        dt {
                color: #000000;
                font-weight: bold;
        }
        dd {
                color: #000000;
        }
        input.subData[type="text"], input.subData[type="password"] {
                border: solid 2px #c0c0c0;
                background-color: #ffffff;
                width: 14em;
                color: #000000;
                border-radius: 10px;
                -moz-border-radius: 10px;
                padding: 2px;
                font-size: 11pt;
                font-size: 1.838vw;
        }
        select.subData {
                border: solid 2px #c0c0c0;
                background-color: #ffffff;
                color: #000000;
                font-size: 11pt;
                font-size: 1.838vw;
        }
        textarea.subAnswer {
                border: solid 2px #c0c0c0;
                background-color: #ffffff;
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                color: #000000;
                border-radius: 15px;
                -moz-border-radius: 15px;
                padding: 2px;
                font-size: 11pt;
                font-size: 1.838vw;
                height: 10em;
        }
        a: {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-size: 1.667vw;
                font-weight: bold;
                text-decoration: none;
        }
        a:link, a.InCopy:link {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-size: 1.667vw;
                font-weight: bold;
                text-decoration: none;
                color: #c0c0c0;
                background-color: #ffffff;
        }
        a:visited, a.InCopy:visited {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-size: 1.667vw;
                font-weight: bold;
                text-decoration: none;
                color: #c0c0c0;
                background-color: #ffffff;
        }
        a.subBtn:link, a.subBtn:visited, a.charBtn:link, a.charBtn:visited, .charList a, .charList a:link, .charList a:visited {
                visibility: hidden;
        }
        #nav, #NS4Nav {
                visibility: hidden;
        }
}