/* -------- main body stuff -------- */
body {
        background-color: #000000;
        background-image: url(../graphics/color%20schemes/hum%20biol/bg1.jpg);
        font-family: arial, helvetica;
}

/* -------- stuff for para & titles/headers -------- */
p {
        font-family: arial,helvetica;
}
.big, h1.big { /* this is for page topic titles */
        background-color: #000000;
        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;
        border: double 9px #ab766a; /* rust */
        padding: 2px;
        text-align: center;
        color: #f3f1d6; /* pale yellow */
        font-size: 20pt;
        font-weight: bold;
}
.copy { /* this is for copyright notice at bottom */
        background-color: #914c6c; /* dark rust */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.58%; /* 775-(180x2)=415 & 415/775=53.5% */
        margin-left: auto; /* this will automatically calc R & L margins */
        margin-right: auto;
        padding: 2px;
        line-height: 1.2;
        text-align: center;
        color: #ecdde3; /* pink */
        font-size: 10pt;
}
.med, h2.med { /* this is for sub-headers */
        background-color: #000000;
        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;
        color: #ecdde3; /* pink */
        font-size: 12pt;
        font-weight: bold;
}
.medSubmit {
        background-color: #ebd8cb; /* light cocoa */
        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;
        border: solid #8eaf73 3px;
        padding: 4px;
        text-indent: 30px;
        text-align: left;
        color: #914c6c;
        font-size: 14pt;
        font-weight: bold;
}
.medBrown, h3.medBrown { /* this is for sub-headers */
        background-color: #ab766a; /* rust */
        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-top: 8px;
        padding-bottom: 8px;
        padding-right: 2px;
        padding-left: 2px;
        text-align: center;
        color: #ecdde3; /* pink */
        font-size: 12pt;
        font-weight: bold;
}
.weeks { /* this is for the week headers in the calendar on the syllabus page */
/*
NS 4 doesn't like different size borders and crashes
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        border-top: 1px solid #000000;
        border-bottom: 6px solid #000000;
*/
        border: 1px solid #000000;
        background-color: #f3f1d6;
        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-top: 8px;
        padding-bottom: 8px;
        padding-right: 2px;
        padding-left: 2px;
        text-align: center;
        color: #000000;
        font-size: 12pt;
        font-weight: bold;
}
.bib { /* this is for bibliographic citations */
        background-color: #fcfbed; /* 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% */
        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;
        font-size: 10pt;
}
.colorA { /* these colors are for generic paragraphs in various colors */
        background-color: #f3f1d6; /* pale yellow */
        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;
        font-size: 10pt;
        clear: both;
}
.colorB {
        background-color: #ecdde3; /* pink */
        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;
        font-size: 10pt;
        clear: both;
}
.colorBwBord {
        background-color: #ecdde3; /* pink */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        width: 53.5%;
        margin-left: auto;
        margin-right: auto;
        border: solid 2px #ab766a; /* rust */
        padding: 4px;
        line-height: 1.2;
        text-align: left;
        color: #914c6c;
        font-size: 12pt;
        clear: both;
}
.colorC {
        background-color: #afc993; /* med green */
        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;
        font-size: 10pt;
        clear: both;
}
.colorD {
        background-color: #cdb8ad; /* darker cocoa */
        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;
        font-size: 10pt;
        clear: both;
}
.colorE {
        background-color: #fcfbed; /* off-white */
        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;
        font-size: 10pt;
        clear: both;
}
.colorF {
        background-color: #ebd8cb; /* light cocoa */
        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;
        font-size: 10pt;
        clear: both;
}
.colorG {
        background-color: #d1b073; /* dark mustard */
        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;
        font-size: 10pt;
        clear: both;
}
.colorH {
        background-color: #ab766a; /* rust */
        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: #fcfbed;
        font-size: 10pt;
        clear: both;
}
.colorHC { /* centered */
        background-color: #ab766a; /* rust */
        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: center;
        color: #fcfbed;
        font-size: 10pt;
        clear: both;
}
.colorI { /* centered and bold, too */
        background-color: #914c6c; /* dark rust */
        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: center;
        color: #ecdde3;
        font-size: 12pt;
        font-weight: bold;
        clear: both;
}
.colorJ {
        background-color: #569168; /* dark green */
        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: #fcfbed;
        font-size: 10pt;
        clear: both;
}
.colorJCB {
        background-color: #569168; /* dark green */
        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: center;
        color: #fcfbed;
        font-size: 10pt;
        font-weight: bold;
        clear: both;
}
.colorK {
        background-color: #ebbdaa; /* darker pink */
        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;
        font-size: 10pt;
        clear: both;
}
.first { /* this is for the first, volleyball picnic intro paragraph */
        background-color: #000000;
        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;
        padding-bottom: 4px;
        padding-top: 35px;
        padding-left: 2px;
        padding-right: 2px;
        text-indent: -35px;
        line-height: 1.2;
        text-align: justify;
        color: #ffffff;
        font-size: 10pt;
        font-weight: bold;
}
img.alpha { /* this is placement of the initial letter */
        margin-top: -35px;
        float: left;
        padding-right: 0px;
        border: none;
}
img.Lpic { /* these two are for L & R placement of generic pictures */
        float: left;
        border:none;
        padding-right: 4px;
}
img.Rpic {
        float: right;
        border:none;
        padding-left: 4px;
}

/* -------- background info links section -------- */
dl.colorA dt, dl.colorB dt, dl.colorC dt, dl.colorD dt, dl.colorE dt, dl.colorF dt, dl.colorG dt, dl.colorH.dt, dl.colorI dt, dl.colorJ dt, dl.colorK dt {
        padding-left: 4px;
        text-align: left;
        text-indent: 0px;
}
dl.colorA dd, dl.colorB dd, dl.colorC dd, dl.colorD dd, dl.colorE dd, dl.colorF dd, dl.colorG dd, dl.colorH dd, dl.colorI dd, dl.colorJ dd, dl.colorK dd {
        padding-left: 50px;
        padding-right: 4px;
        text-align: justify;
}

/* -------- stuff for various list types -------- */
ul.colorA li, ul.colorB li, ul.colorE li, ul.colorG li, ul.colorK li {
        list-style-type: disc;
        list-style-position: inside;
}
ol.colorB li, ol.colorF li {
        list-style-type: decimal;
        list-style-position: inside;
}
ol.colorB li ul li {
        list-style-type: disc;
        list-style-position: inside;
}
ol.colorE li {
        list-style-type: decimal;
        list-style-position: inside;
}
dl.colorE dt, dl.colorF dt {
        padding-left: 4px;
        text-align: left;
        text-indent: 0px;
}
dl.colorE dd, dl.colorF dd {
        padding-left: 50px;
        padding-right: 4px;
        text-align: justify;
}

ol.colorB li dl dt {
        padding-left: 30px;
        text-align: left;
        text-indent: 0px;
        color: #7e9f63; /* med dark green */
}
ol.colorB li dl dd {
        padding-left: 50px;
        padding-right: 4px;
        text-align: justify;
}

/* -------- general links -------- */
a {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
}
a:link {
        color: #569168; /* darkest green */
}
a:visited {
        color: #569168; /* darkest green */
}
a:hover {
        background-color: #569168; /* darkest green */
        color: #f3f1d6; /* pale yellow */
}
a:active {
        color: #569168; /* darkest green */
}
/* -------- e-mail link in copyright section -------- */
a.brown:link {
        background-color: #ecdde3; /* pink */
        color: #000000;
}
a.brown:visited {
        background-color: #ecdde3; /* pink */
        color: #000000;
}
a.brown:hover {
        background-color: #000000;
        color: #ecdde3; /* pink */
}
a.brown:active {
        background-color: #ecdde3; /* pink */
        color: #000000;
}
/* -------- for submit/reset links -------- */
a.subBtn:link {
        padding: 4px;
        background-color: #914c6c; /* dark rust */
        color: #fcfbed; /* off-white */
}
a.subBtn:visited {
        padding: 4px;
        background-color: #914c6c; /* dark rust */
        color: #fcfbed; /* off-white */
}
a.subBtn:hover {
        padding: 4px;
        background-color: #ebbdaa; /* darker pink */
        color: #914c6c; /* dark rust */
}
a.subBtn:active {
        padding: 4px;
        background-color: #ebbdaa; /* darker pink */
        color: #914c6c; /* dark rust */
}
/* -------- for the toilet picture -------- */
a.picture {
        color: #fbe3c3; /* color of toilet left edge */
        background-color: #fbe3c3; /* color of toilet left edge */
        /* no background-color is set */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
        position:relative;
        left: 28px;
        top: 0px;
}
a.picture:link {
        color: #fbe3c3; /* color of toilet left edge */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
}
a.picture:visited {
        color: #fbe3c3; /* color of toilet left edge */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
}
a.picture:hover {
        color: #fbe3c3; /* color of toilet left edge */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
}
a.picture:active {
        color: #fbe3c3; /* color of toilet left edge */
        background-image: url(../graphics/color%20schemes/home/clear.gif);
}
img.ToiletTank {
        border: none;
}


/* -------- assignment section & lists -------- */
.submitWORK {
        font-weight: bold;
        color: #ab766a;
}
.submitWORK a:link {
        background-color: #f3f1d6; /* pale yellow */
}
.submitWORK a:visited {
        background-color: #f3f1d6; /* pale yellow */
}
.submitWORK a:hover {
        background-color: #ab766a; /* rust */
}

/* -------- grading criteria table -------- */
.grading {
        border: none; /* (only sets the outside of the table) */
        border-collapse: collapse;
        width: 79.4%; /* 775-(80x2)=615 & 615-(padding:(2x2=4)=611 & 615/775=79.4% */
        margin-left: auto;
        margin-right: auto;
        padding: 2px;
}
.grading td {
        background-color: #f3f1d6; /* pale yellow */
        color: #569168; /* more green */
        font-size: 10pt;
}
.grading th {
        text-align: left;
        background-color: #8eaf73; /* another green */
        color: #000000;
        font-size: 12pt;
}

/* -------- syllabus contact info table -------- */
.contactInfo {
        border: none; /* (only sets the outside of the table) */
        border-collapse: collapse;
        width: 79.4%; /* 775-(80x2)=615 & 615-(padding:(2x2=4)=611 & 615/775=79.4% */
        margin-left: auto;
        margin-right: auto;
        padding: 2px;
}
.contactInfo td {
        background-color: #fcfbed; /* off-white */
        color: #000000;
        font-size: 10pt;
}

/* -------- stuff for font sizes -------- */
sup {
        font-size: 7pt;
}
sub {
        font-size: 7pt;
}
.fract {
        font-size: 5pt;
}
/*
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;
}
/* can't use this, need to use upper iso codes instead */
.greek {
/*        font-family: symbol; */
        font-family: times, roman;
        font-size: 12pt;
}
/* -------- stuff table on grades how-to page -------- */
.GradeCalc {
        border-collapse: collapse;
        padding: 0px;
}
.GradeCalc th {
        padding: 0px;
        color: #000000;
        font-size: 9pt;
        border: solid 1px #000000;
}
.GradeCalc td {
        padding: 0px;
        color: #000000;
        font-size: 8pt;
        border: solid 1px #000000;
}




/* -------- stuff for nav bar -------- */
#nav {
        z-index: 1000;
}
#nav, #nav ul {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 22%;
        margin-right: 22%;
        padding: 0;
        list-style: none;
}
#nav li {
        float: left;
        position: relative;
        width: 82px;
        list-style: none;
        margin-right: 3px;
}
#nav a:link, #nav a:visited {
        display: block;
        color: #fcfbed; /* off-white */
        background-color: #000000;
        border: 2px solid #cdb8ad; /* darker cocoa */
        padding: 3px 5px 3px 5px;
        /*       top rt  bot lef */
}
#nav a:hover {
        color: #ab766a; /* rust */
        background-color: #ecdde3; /* pink */
}
#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 #ebd8cb; /* light cocoa */
        background-color: #569168; /* darker green */
        color: #fcfbed; /* off-white */
}
#nav ul a:hover {
        color: #569168; /* darker green */
        background-color: #fcfbed; /* off-white */
}
#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/bio171/black.gif);
}
#NS4Nav li {
        list-style-image: url(../graphics/color%20schemes/home/clear.gif);
}
#NS4Nav a:link, #NS4Nav a:visited {
        color: #fcfbed; /* off-white */
        background-color: #000000;
}
#NS4Nav a:hover {
        color: #ab766a; /* rust */
        background-color: #ecdde3; /* pink */
}
#NS4Nav ul a, #NS4Nav ul a:link, #NS4Nav ul a:visited {
/*        background-color: #569168; */ /* darker green */
        background-color: #afc993; /* med green */
        color: #fcfbed; /* off-white */
}
#NS4Nav ul a:hover {
        color: #569168; /* darker green */
        background-color: #fcfbed; /* off-white */
}

/* -------- other stuff -------- */
input.[type="radio"] {
        border: none;
/*        border: outset 5px #000000; */ /* red */
/*
        width: 15px;
        color: #ff0000;
        vertical-align: top;
        font-family: arial,helvetica;
        font-size: 10pt;
*/
}
input.subData {
}
input.subData[type="text"], input.subData[type="password"] {
        border: solid 2px #afc993; /* med green */
        background-color: #fcfbed; /* off-white */
        width: 14em;
        color: #000000; /* black */
        -moz-border-radius: 10px;
        padding: 2px;
        font-size: 11pt;
}
input.DietInput {
}
input.DietInput[type="text"] {
/*        border: solid 1px #dccdd3; */
        border: none;
        background-color: #ecdde3; /* pink */
        width: 5em;
        color: #000000; /* black */
        -moz-border-radius: 10px;
        margin: 1px;
        padding: 2px;
        font-size: 10pt;
}
textarea.subAnswer {
        border: solid 2px #afc993; /* med green */
        background-color: #fcfbed; /* off-white */
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000; /* black */
        -moz-border-radius: 15px;
        padding: 2px;
        font-size: 11pt;

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



/*
.in_table {
        background-color: #000000;
        color: #ecdde3;
}
.pink {
        color: #914c6c;
        background-color: #ecdde3;
        border: solid #ab766a 2px;
}
*/

/* -------- colors for general info section -------- */
/* (for rounded corners -- NS 4 doesn't like this)
        border-bottom: solid 1px #d3d1b6;
        -moz-border-radius: 25px;
*/