/* -------- main body stuff -------- */
body {
        background-color: #eadac8;
        background-image: url(../graphics/color%20schemes/lab/chickadeebg.jpg);
        -moz-background-size: 12.53%;
        -webkit-background-size: 12.53%;
        background-size: 12.53%;
        background-size: 12.53vw;
        background-attachment: fixed;
        background-repeat: repeat;
}

/* -------- 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: 2vw;
        color: #000000;
        text-align: justify;
        margin-right: 10px;
        margin-right: 1.253vw;
}
.big, h1.big {
        background-color: #f0e8de;
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.5%; /* 775-(180x2)=415 & 415/775=53.5% */
        width: 52.005vw;
        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: #86563e;
        text-align: center;
}
.med, h2.med {
        background-color: #a88c9a;
        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% */
        width: 72.932vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;

        padding-top: 1vw;
        padding-bottom: 1vw;
        padding-right: 1vw;
        padding-left: 3.13vw;

        text-align: left;
        font-family: arial, helvetica;
        font-size: 14pt;
        font-size: 2.339vw;
        font-weight: bold;
        color: #f0e8de;
}
.IntroPara {
        background-color: #f2ccb2; /* orangish */
        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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
/*        border: solid 4px #86563e; */ /* medium brown */
        border-left: solid 4px #cab6ac;
        border-top: solid 4px #cab6ac;
        border-right: solid 4px #583829;
        border-bottom: solid 4px #583829;

        border-left: solid 0.501vw #cab6ac;
        border-top: solid 0.501vw #cab6ac;
        border-right: solid 0.501vw #583829;
        border-bottom: solid 0.501vw #583829;

        padding: 2px;
        padding: 0.251vw;

        line-height: 1.2;
        text-align: justify;
        color: #a88c9a;
        font-family: arial, helvetica;
        font-weight: bold;
        font-size: 10pt;
        font-size: 1.67vw;
        clear: both;
}
/* -------- these two have light, bold text as sort-of sub-headers -------- */
.pink, h3.pink {
        background-color: #a88c9a;
        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% */
        width: 72.932vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;

        padding-top: 1vw;
        padding-bottom: 1vw;
        padding-right: 1vw;
        padding-left: 3.13vw;

        text-align: left;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        color: #f0e8de;
        text-align: left;
}
.green, h3.green {
        background-color: #a4a88e;
        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% */
        width: 72.932vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        padding-left: 25px;

        padding-top: 1vw;
        padding-bottom: 1vw;
        padding-right: 1vw;
        padding-left: 3.13vw;

        text-align: left;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        color: #f0e8de;
}
/* -------- this is a generic paragraph -------- */
.pale {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 2px;
        padding: 0.251vw;

        line-height: 1.2;
        text-align: justify;
        color: #000000;
/*        font-size: 10pt; */
        clear: both;
}
/* -------- this is for copyright notice at bottom -------- */
.copy {
        background-color: #dabeb6; /* pale */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.58%; /* 775-(180x2)=415 & 415/775=53.5% */
        width: 52.005vw;
        margin-left: auto; /* this will automatically calc R & L margins */
        margin-right: auto;
        padding: 2px;
        padding: 0.2506vw;
        line-height: 1.2;
        text-align: center;
        color: #000000; /* black */
        font-size: 10pt;
        font-size: 1.67vw;
}

/* -------- for the checklist of species seen -------- */
.kingdom {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 5px;
        text-indent: 0.6266vw;
        font-size: 18pt;
        font-size: 3.0075vw;
        font-weight: bold;
}
.phylum {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 15px;
        text-indent: 1.8797vw;
        font-size: 16pt;
        font-size: 2.673vw;
        font-weight: bold;
}
.subphylum {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 25px;
        text-indent: 3.1328vw;
        font-size: 15pt;
        font-size: 2.5063vw;
        font-weight: bold;
}
.theClass {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 35px;
        text-indent: 4.386vw;
        font-size: 14pt;
        font-size: 2.339vw;
        font-weight: bold;
}
.subclass {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 45px;
        text-indent: 5.639vw;
        font-size: 13pt;
        font-size: 2.172vw;
        font-weight: bold;
}
.order {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 55px;
        text-indent: 6.892vw;
        font-size: 12pt;
        font-size: 2vw;
        font-weight: bold;
}
.suborder {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 65px;
        text-indent: 8.145vw;
        font-size: 12pt;
        font-size: 2vw;
        font-weight: bold;
}
.family {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 75px;
        text-indent: 9.398vw;
        font-size: 12pt;
        font-size: 2vw;
        font-weight: bold;
}
.subfamily {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        text-indent: 85px;
        text-indent: 10.652vw;
        font-size: 12pt;
        font-size: 2vw;
        font-weight: bold;
}
.genus {
        background-color: #f0e8de; /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        border: none;
        border-collapse: collapse;
        border-spacing: 0px;
        padding: 0px;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: normal;
}
.pond {
        text-indent: 95px;
        text-indent: 11.905vw;
        width: 125px;
        width: 15.664vw;
        text-align: right;
        vertical-align: top;
        color: #a88c9a;
        font-weight: bold;
        border-spacing: 0px;
        padding: 0px;
}
.commonName {
        width: 250px;
        width: 31.328vw;
        text-align: left;
        vertical-align: top;
        border-spacing: 0px;
        padding: 0px;
}
.sciName {
/*        width: 250px; */
        text-align: left;
        vertical-align: top;
        font-style: italic;
        border-spacing: 0px;
        padding: 0px;
}

/* -------- this is for link to protocol, etc. in upper left corner -------- */
.linkList {
/*        background-color: #f0e8de; */ /* 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% */
        width: 76.566vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 2px;
        padding: 0.2506vw;
        line-height: 1.2;
        text-align: justify;
        color: #000000;
/*        font-size: 10pt; */
        clear: both;
}
/* -------- this is for bibliographic citations (one per para) -------- */
.bib {
        background-color: #f0e8de; /* off-white */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 75.3%; /* 775-(80x2)=615 & 615-(padding:(29+2=31)=584 & 584/775=75.3% */
        width: 73.183vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 2px;
        padding-left: 29px;
        padding-right: 0.2506vw;
        padding-left: 3.634vw;

        line-height: 1.2;
        text-align: justify;
        text-indent: -25px;
        text-indent: -3.133vw;
        color: #000000;
}

/* -------- this is for the hidden character list pop-up div -------- */
.charList {
        position: fixed;
        right: 0px;
        top: 50px;
        width: 200px;
        height: 400px;

        top: 6.266vw;
        width: 25.0627vw;
        height: 50.1253vw; 

        overflow: auto;
/*        -moz-border-radius: 25px; */
        opacity: 0.75;
        filter: alpha(opacity=75);
        visibility: hidden;
        background-color: #f0e8de; /* pale */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        padding: 2px;
        padding: 0.2506vw;
        line-height: 1.2;
/*        text-align: justify; */
        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;

        padding-top: 0.5013vw;
        padding-bottom: 0.5013vw;

        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: #dabeb6; /* next darkest pinkish */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 30%; /* 232.5/775=30% */
        width: 29.135vw;
        margin-left: auto;
        margin-right: auto;
        border: solid 2px #583829; /* border dark */
        padding: 10px;
        padding: 1.253vw;
        line-height: 1.2;
        text-align: center;
        color: #000000;
        font-size: 12pt;
        font-size: 2vw;
        clear: both;
}

/* -------- table stuff -------- */
th {
/*        color: #583829; */
        color: #eadac8;
        font-family: arial, helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
}
td {
        color: #000000;
        font-size: 2vw;
}

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

dl {
        color: #000000;
        text-align: justify;
        margin-right: 10px;
        margin-right: 1.253vw;
}
dt {
        color: #583829;
        font-weight: bold;
        font-size: 2vw;
}
dd {
        color: #583829;
        font-size: 2vw;
}

/* -------- stuff for form inputs -------- */
input.subData[type="text"], input.subData[type="password"] {
        border: solid 2px #cab6ac; /* border light */
        background-color: #f0e8de; /* off-white */
        width: 14em;
        color: #000000; /* black */
        -moz-border-radius: 10px;
        border-radius: 10px;
        border-radius: 1.253vw;

        padding: 2px;
        padding: 0.251\06vw;
        font-size: 11pt;
        font-size: 1.838vw;
}
select.subData {
        border: solid 2px #cab6ac; /* light green */
        background-color: #f0e8de; /* off-white */
        color: #000000; /* black */
        font-size: 11pt;
        font-size: 1.838vw;
}
textarea.subAnswer {
        border: solid 2px #a4a88e; /* med green */
        background-color: #f0e8de; /* off-white */
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000; /* black */
        -moz-border-radius: 15px;
        border-radius: 15px;
        border-radius: 1.8797px;
        padding: 2px;
        padding: 0.2506vw;
        font-size: 11pt;
        font-size: 1.838vw;

/*        width: 15em; */
        height: 10em;
}

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

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

/* -------- for submit/reset links (in ForBtns) -------- */
a.subBtn:link {
        padding: 4px;
        padding: 0.501vw;
        background-color: #a4a88e; /* greenish */
        color: #f0e8de; /* pale */
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        text-decoration: none;
}
a.subBtn:visited {
        padding: 4px;
        padding: 0.501vw;
        background-color: #a4a88e;
        color: #f0e8de;
}
a.subBtn:hover {
        padding: 4px;
        padding: 0.501vw;
        background-color: #f0e8de;
        color: #a4a88e;
}
a.subBtn:active {
        padding: 4px;
        padding: 0.501vw;
        background-color: #a4a88e; /* gold */
        color: #f0e8de; /* red */
}

/* -------- for char list open "buttons" -------- */
a.charBtn:link {
        margin-top: -19px;
        martin-top: -2.381vw;
        float: right;
        border-left: solid 1px #d2a572;
        border-top: solid 1px #d2a572;
        border-right: solid 2px #000000;
        border-bottom: solid 2px #000000;
        padding: 2px;
        padding: 0.2506vw;
        background-color: #a88c9a; /* pink */
        color: #f0e8de; /* pale */
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        text-decoration: none;
}
a.charBtn:visited {
        padding: 2px;
        padding: 0.2506vw;
        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;
        padding: 0.2506vw;
        background-color: #f0e8de;
        color: #a88c9a;
}
a.charBtn:active {
        padding: 2px;
        padding: 0.2506vw;
        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;
        padding: 0.2506vw;
        background-color: #a88c9a; /* pink */
        color: #f0e8de; /* pale */
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        text-decoration: none;
}
a.genBtn:visited {
        border-left: solid 1px #d2a572;
        border-top: solid 1px #d2a572;
        border-right: solid 2px #000000;
        border-bottom: solid 2px #000000;
        padding: 2px;
        padding: 0.2506vw;
        background-color: #a88c9a;
        color: #f0e8de;
}
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;
        padding: 0.2506vw;
        background-color: #eadac8;
        color: #a88c9a;
}
a.genBtn:active {
        border-left: solid 1px #d2a572;
        border-top: solid 1px #d2a572;
        border-right: solid 2px #000000;
        border-bottom: solid 2px #000000;
        padding: 2px;
        padding: 0.2506vw;
        background-color: #a88c9a;
        color: #f0e8de;
}


/* -------- 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.67vw;
        font-weight: bold;
        text-decoration: none;
}
.charList a:hover {
        background-color: #d2a572;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        font-weight: bold;
        text-decoration: none;
}
.charList a:active {
        background-color: #583829;
        color: #f0e8de;
        font-family: arial,helvetica;
        font-size: 10pt;
        font-size: 1.67vw;
        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;
        padding-right: 0.5012vw;
}
img.Rpic, .Rpic {
        float: right;
        border:none;
        padding-left: 4px;
        padding-left: 0.5012vw;
}

/* -------- 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: 2vw;
}

/* -------- stuff for nav bar -------- */
#nav, #nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#nav li {
        float: left;
        position: relative;
        width: 82px;
        width: 10.2757vw;
        list-style: none;
        margin-right: 3px;
        margin-right: 0.376vw;
}
#nav a:link, #nav a:visited {
        display: block;
        color: #f0e8de;
        background-color: #a4a88e;
        border: 2px solid #a88c9a;
        padding: 3px 5px 3px 5px;
        /*       top rt  bot lef */
        padding: 0.376vw 0.627vw 0.376vw 0.627vw;
}
#nav a:hover {
        color: #a4a88e;
        background-color: #f0e8de;
}
#nav ul {
        display: none;
        position: absolute;
        top: 5px;
        top: 0.627vw;
        left: 0px;
        padding-top: 3px;
        padding-top: 0.376vw;
}
#nav ul li {
        float: none;
        font-size: 100%;
        margin: 0;
        margin-bottom: 3px;
        margin-bottom: 0.376vw;
        padding: 0px;
        width: 200px;
        width: 25.063vw;
}
#nav ul a, #nav ul a:link, #nav ul a:visited {
        border: 2px solid #a4a88e;
        background-color: #a88c9a;
        color: #f0e8de;
}
#nav ul a:hover {
        color: #a88c9a;
        background-color: #f0e8de;
}
#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);
/*        background-image: url(../graphics/color%20schemes/gen%20biol/orange%20shading.jpg); */
}
#NS4Nav li {
        list-style-image: url(../graphics/color%20schemes/home/clear.gif);
}
#NS4Nav a:link, #NS4Nav a:visited {
        color: #f0e8de;
        background-color: #a4a88e;
}
#NS4Nav a:hover {
        color: #a4a88e;
        background-color: #f0e8de;
}
#NS4Nav ul a, #NS4Nav ul a:link, #NS4Nav ul a:visited {
        background-color: #a88c9a;
        color: #f0e8de;
}
#NS4Nav ul a:hover {
        color: #a88c9a;
        background-color: #f0e8de;
}


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


/* -------- print preview -------- */
@media print {
        body {
                background: #ffffff;
                background-image: none;
        }
        p {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                background: #ffffff;
                font-size: 12pt;
                color: #000000;
                text-align: justify;
        }
        .big, h1.big {
                background-color: #ffffff;
                background-image: none;
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                font-family: arial, helvetica;
                font-size: 20pt;
                font-weight: bold;
                color: #000000;
                text-align: center;
        }
        .med, h2.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-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;
                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-weight: bold;
                color: #000000;
        }
        .pale, p.pale, ol.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;
        }
        .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;
        }
        table {
                width: 100%;
                margin: 0px;
                padding: 0px;
                font-size: 10pt;
                border-collapse: collapse;
        }

        th {
                background-color: #cccccc;
                color: #000000;
                font-family: arial, helvetica;
                font-size: 10pt;
        }
        td {
                background-color: #ffffff;
                color: #000000;
        }
        ul, ol {
                color: #000000;
                text-align: justify;
                font-size: 12pt;
        }
        ul li {
                color: #000000;
                font-size: 12pt;
        }
        ol li {
                list-style-type: decimal;
                list-style-position: outside;
                font-size: 12pt;
        }
        dl {
                color: #000000;
                text-align: justify;
                margin-right: 10px;
        }
        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;
                -moz-border-radius: 10px;
                padding: 2px;
                font-size: 11pt;
        }
        select.subData {
                border: solid 2px #c0c0c0;
                background-color: #ffffff;
                color: #000000;
                font-size: 11pt;
        }
        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;
                -moz-border-radius: 15px;
                padding: 2px;
                font-size: 11pt;
                height: 10em;
        }
        a: {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-weight: bold;
                text-decoration: none;
        }
        a:link, a.InCopy:link {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-weight: bold;
                text-decoration: none;
                color: #000000;
                background-color: #ffffff;
                text-decoration: underline;
        }
        a:visited, a.InCopy:visited {
                font-family: arial,helvetica;
                font-size: 10pt;
                font-weight: bold;
                text-decoration: none;
                color: #000000;
                background-color: #ffffff;
                text-decoration: underline;
        }
        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;
        }
}