/*custom fonts*/


@font-face {
    font-family: 'baloo';
    src: url('../fonts/Baloo-Regular-webfont.woff');
}

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

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

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

/*styling here will apply to the body of the page */

body {
    font-family:caviar;
     background-image: url('../images/headbg.jpg');
    background-position:left;
    background-repeat:repeat;
/*
    background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
    */

background-attachment: fixed;


}

/*styling for main HTML tag sections. Organized in the order they appear on the HTML page (header to footer)*/
a {
    color:#e0b974;
}

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


header {
    height: 400px;
    width: 99.7%;
    background-color: #eeeee4;
    color:#485746;
    
    padding-left:5px;
    overflow-y:hidden;
    

}

h1 {
    font-family:seaside;
    font-size:4.5em;
    top:10px;
    
    
    
}

/*e7e6f7,e3d0d8,aea3b0,827081,c6d2ed*/

nav {
    margin-bottom: 40px;
    /*background-color:#657387;*/
    background-color:#485746;
    color:#eeeee4;
    font-family: baloo;
    text-align:center;
    font-size:1.5em;
    padding-top:5px;
    padding-bottom:5px;
    position:sticky;
    top:0px;
}

section {
    
    margin-bottom: 40px;
    padding-left: 5px;
    
}

h2 {
    font-family:fortysecond;
    font-weight:normal;
    font-size:1.5em;
    color:#574f46;
    padding:8px;

}

.hmod {
    border: 1px solid #282828;
    border-bottom-left-radius:20px;
    border-top-right-radius: 20px;
    margin-bottom:5px;
    
    background-color:#eeeee4;
}

/*
.hmod01 {
    
    background-image:url('../images/bg01.png');
    
    
}

.hmod02 {
    background-image:url('../images/bg02.png');
}

.hmod03 {
    background-image:url('../images/bg03.png');
}

.hmod04 {
    background-image:url('../images/bg04.png');
}

.hmod05 {
    background-image:url('../images/bg05.png');
}

.hmod06 {
    background-image:url('../images/bg06.png');
}
    */

section {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    color:#ffffff;
    padding-left:5px;
    padding-bottom:5px;
    border-radius:10px;
    border:2px solid #000000;
}

ul {
    list-style-type:square;
    
}

p, ul, ol {
    font-size:1.5em;
}

h3, h4 {
           font-family:baloo;
           font-weight:normal;
                    
       }

h3 {
    font-size:2em;
}

h4 {
    font-size:1.5em;
    
}

article.mod01 section {
    background-color:#5a3b21;
}

article.mod02 section {
    background-color:#86461b;
}

article.mod03 section {
    background-color:#795f1c;

}
/*
article.mod03 section a {
    color:#282828;
}

article.mod03 section a:hover {
    text-decoration:none;
    color:#5b3f2c;
}
    */
article.mod04 section {
    background-color:#49533f;
}

article.mod05 section {
    background-color:#545f70;
}

article.mod06 section {
    background-color:#2e4a65;
}

article.mod07 section {
    background-color:#3f3b63;
}

.center {
    text-align:center;
}



[id*="assess"] ol li  {
    list-style-type:none;
}




.topnav {
    display:inline-block;
    position:fixed; /*keep the button on the page all the time*/
    bottom:10px;
    right:10px;
    color:rgba(90, 59, 33, 0.82);
    text-align:center;
    z-index: 10;
}

.endsection:after {
    display: block; 
  content: " "; 
  height: 800px; 
  visibility: hidden; 
}

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

footer {
    font-family:fortysecond;
    background-color:#eeeee4;
    color: #485746;
    text-align:center;
    border: 1px solid rgba(132, 108, 91, 0.80);
    border-top-left-radius:10px; 
    border-bottom-right-radius:10px;
}