/*custom fonts*/
@font-face {
    font-family: 'imfellreg';
    src: url("../../fonts/imfell_reg.woff");
}

@font-face {
    font-family: 'imfellitalic';
    src: url("../../fonts/imfell_italic.woff");
}


@font-face {
    font-family: 'caviar';
    src: url('../../fonts/CaviarDreams-webfont.woff');
}


body {
    background-color:#523e30;
background-image:
radial-gradient(circle at 100% 150%, #523e30 24%, #634e3f 24%, #634e3f 28%, #523e30 28%, #523e30 36%, #634e3f 36%, #634e3f 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, #523e30 24%, #634e3f 24%, #634e3f 28%, #523e30 28%, #523e30 36%, #634e3f 36%, #634e3f 40%, transparent 40%, transparent),
radial-gradient(circle at 50%  100%, #634e3f 10%, #523e30 10%, #523e30 23%, #634e3f 23%, #634e3f 30%, #523e30 30%, #523e30 43%, #634e3f 43%, #634e3f 50%, #523e30 50%, #523e30 63%, #634e3f 63%, #634e3f 71%, transparent 71%, transparent),
radial-gradient(circle at 100% 50%, #634e3f 5%, #523e30 5%, #523e30 15%, #634e3f 15%, #634e3f 20%, #523e30 20%, #523e30 29%, #634e3f 29%, #634e3f 34%, #523e30 34%, #523e30 44%, #634e3f 44%, #634e3f 49%, transparent 49%, transparent),
radial-gradient(circle at 0    50%, #634e3f 5%, #523e30 5%, #523e30 15%, #634e3f 15%, #634e3f 20%, #523e30 20%, #523e30 29%, #634e3f 29%, #634e3f 34%, #523e30 34%, #523e30 44%, #634e3f 44%, #634e3f 49%, transparent 49%, transparent);
background-size: 100px 50px;
    /*background-image:
radial-gradient(closest-side, transparent 0%, transparent 75%, #745c4b 76%, #745c4b 85%, #837063 86%, #837063 94%, #e2d9c6 95%, #e2d9c6 103%, #856d5c 104%, #a19185 112%, #a19185 113%, #a19185 121%, #e2d9c6 122%, #e2d9c6 130%, #E0EAD7 131%, #E0EAD7 140%),
radial-gradient(closest-side, transparent 0%, transparent 75%, #745c4b 76%, #745c4b 85%, #837063 86%, #837063 94%, #e2d9c6 95%, #e2d9c6 103%, #856d5c 104%, #856d5c 112%, #a19185 113%, #a19185 121%, #e2d9c6 122%, #e2d9c6 130%, #E0EAD7 131%, #E0EAD7 140%);
background-size: 110px 110px;
background-color: #C8D3A7;
background-position: 0 0, 55px 55px;*/

background-attachment: fixed;

font-family:Verdana, Tahoma,  Geneva,  sans-serif;


}

header {
    width: 100%;
    height: 300px;
    background-image:url("../images/12n_cut1.png");
    background-position:right;
    background-repeat:no-repeat;
    background-color:#2f2312;
    vertical-align:middle;
    padding-left:5px;
}

header p {
    font-family:caviar;
    font-size:1.5em;
    margin-left:10px;
    width:70%;
    float:left;
}

header a {
    color:#C8D3A7;
}

header a:hover {
    color: #E0EAD7;
    text-decoration:none;
}

header h1 {
    margin-top:20px;
    padding-top:30px;
    font-family:imfellreg;
    font-size:4em;
}

nav {
    position:sticky;
    top:0px;
    border-bottom: solid 2px #624933;
    background-color:#2f2312;
    margin-bottom:20px;
    text-align:center;
    padding-bottom:3px;
    font-weight:bolder;
}

nav a {
    
    font-family:caviar;
    font-size:1em;
    font-weight:bolder;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 4px;
    
    color:#bbab8b;
}

nav a:hover {
    text-decoration:none;
    color:#bb9c5d;
}

a {
    color:#224c63;
}

a:hover {
    text-decoration:none;
    color:#475b67;
}

article, section {
    border:1px solid;
    border-radius:10px;
    background-color:#ffffff;
    padding-left:3px;
    padding-bottom:10px;
    margin-bottom:20px;
}

h1, .h1inline {
    font-family:imfellreg;
    font-size:2em;
}

h2, .h2inline {
    font-family:imfellitalic;
    font-size:1.5em;
    color: #846c5b;
}

h3, .h3inline {
    font-family:imfellreg;
    font-size:1.2em;
    color:#33242A;
}

h4, .h4inline {
    font-family:caviar;
    font-weight:bolder;
    font-size: 1.2em;
    color:#1b251e;
}

h1, header p, nav, .h1inline {
    color:#b0a196;
}

footer {
    background-color:rgba(132, 108, 91, 0.80);
    color: #d4d4d4;
    text-align:center;
    border: 1px solid rgba(132, 108, 91, 0.80);
    border-radius:10px; 
}

/*styling for button that navigates to the top of the page*/
.topnav {
    display:inline-block;
    position:fixed; /*keep the button on the page all the time*/
    bottom:10px;
    right:10px;
    color:#626b64;
    text-align:center;
    z-index: 10;
}

.topnav:hover {
    color:rgba(209, 205, 190, 0.82); /*last number is the transparency index*/
}
/*add space at the bottom of the page for nav scrollilng if needed*/
.endsection:after {
    display: block; 
  content: " "; 
  height: 800px; 
  visibility: hidden; 
}

.spacer:before {
    display:block;
    content:" ";
    height:20px;
    visibility:hidden;
}

caption {
    font-family:imfellreg;
    font-weight:bolder;
    color:#5c605e;
}


table#geninfotable td:first-of-type {
    font-weight:bolder;
    color:#214b2a;
}



table td {
    border: 1px solid #1d170c;
}

th {
    
    background-color:#33242A;
    color:#e6e6d5;
    text-align:left;
}

tr:nth-child(even){
    background-color:#e9e7e4;
}

tfoot { 
border: 1px solid #482f19; 
background-color: #2a1e3d;
color: #e2d9c6;
font-weight:bolder;
}

td.unitstyle {
    background-color: #656d4b;
/*background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
background-size: 13px, 29px, 37px, 53px;*/


}

table#humors {
    width:97%;
    margin:auto;
}

ul li {
    list-style:square;
}

li.indent {
    
    margin-left:30px;
    padding-left:5px;
}

ol.indent {
    margin-left:60px;
    padding-left:5px;
}

ul li.indent {
    list-style-type:circle;
}

ol li.indent, ol.indent {
    list-style-type:lower-alpha;
}

ol li.indent:first-of-type {
    counter-reset:inherit;
}

ol.questionlist li, ul.questionlist li {
    padding-bottom:7px;
}

dt {
    font-family:caviar;
    font-weight:bolder;
    color:#6d7653;
    font-size:1.5em;
}

table#indmeet {
    width:60%;
    margin:auto;
}

table#indmeet th:nth-child(1) {
    width:30%;
}

table#indmeet th:nth-child(2) {
    width:70%;
}

.stress {
    color:#922727;
    font-weight:bolder;
}

.stressgood {
    color:#63752f;
    font-weight:bolder;
}

.unithead {
    font-family:caviar;
    font-size:1em;
    color:#ffffff;
    font-weight:bolder;
    
}

.workscited {
    margin-left:40px;
    text-indent:-40px;
}

.indent {
    padding-left:40px;
}

.reading {
    font-weight:bolder;
    color: #9ea882;
}

.noclass {
    background-color: #C8D3A7;
    color:#624933;
    font-weight:bolder;
}

.viewing {
    color:#a19185;
    font-weight:bolder;
}



.discussion {
    color: #282e29;
    font-weight: bolder;
}

.duedate {
    color:#834040;
    font-weight:bolder;
}

.workshop {
    color:#9d5816;
    font-weight:bolder;
}

.draft {
    color:#5e105f;
    font-weight:bolder;
}

.inclass {
    color:#445687;
    font-weight:bolder;
}

.subdiv {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    border-bottom: dashed 1px #a19185;
}

.groupa {
    color:#bf7741;
    font-weight:bolder;
}

.groupb {
    color:#405974;
    font-weight:bolder;
}

.groupc {
    color:#5d4b6f;
    font-weight:bolder;
}

.groupd {
    color:#777a4b;
    font-weight:bolder;
}

.imgleft {
    padding-right: 10px;
}

.imgcenter {
    display:block;
    margin:auto;
}


.imgright {
    float:right;
    margin-left:5px;
}

.example {
    color:#64527a;
    font-weight:bolder;
}

.centerit {
    text-align:center;
    margin:auto;
}

.quiz {
    font-weight: bolder;
    color:#b44014;
}

.sla {
    font-weight:bolder;
    color:#13243d;
}

dt.subdef {
    padding-left: 40px;
    color: #a37249;
}

dd.subdef {
    padding-left: 40px;
}