/* MAIN BODY */


body {font-size: 62.5%; margin: 0px; padding: 20px; background: rgb(255,255,255); font-family: arial, sans-serif; overflow-x: hidden;}
.page-container {width: 960px; margin: 0px auto; padding: 0px; background: rgb(255,255,255); border: none; position:relative;}
.logo { z-index: 1; float: left; top: 10px; border: none; background: transparent;}


/* Navigation  */

.navmob { display: flex; clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 0.8em; position: absolute; top: 65px; float: right; right: 10px; z-index: 8; }
.navmob ul { display: block; float: right; list-style-type: none; border: 0; width: 100%; margin: 0px; padding: 0px;   background-color: rgb(253,174,8); font-weight: bold;  height:0; }	
.navmob li { list-style-type: none; border: 0; margin: 0px; padding: 0px; display: none;  }
.navmob li a, .navmob a.selected{ width: 100%;display: block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;  color: rgb(0,0,0); text-transform: uppercase; text-decoration: none; font-size: 100%;}
.navmob li p { z-index: 5;display: block;  margin: 0px 0px 0px 0px; padding: 5px 10px 5px 0px; color: rgb(253,174,8); float: right; text-transform: uppercase; text-decoration: none; font-size: 110%; font-weight: bold;}
.navmob a:hover {color: rgb(177,137,37); text-decoration: none;}


/* Content */


.content { width: 95%; margin: 0px auto; padding: 30px 0px 10px 20px; color: rgb(75,75,75); position: relative; overflow: auto;}
.content-container {overflow: hidden; clear: both; float: left; width: auto; max-width: 900px; margin: 0px 0px 15px 0px; padding: 0px;}
.content-pagetitle {overflow: hidden; width: 900px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(128,27,22); color: rgb(128,27,22); font-weight: bold; font-size: 180%;}
.content-txtbox {margin: 0px 0px 0px 10px; padding: 7px 0px 0px 0px; }


/* Buffers */
.buffer {clear: both; width: 100%; height: 50px; margin: 0px; padding: 0px; }
.buffer2-15px {clear: both; width: 100%; height: 15px; margin: 0px; padding: 0px; }
.buffer3-25px {z-index: 6; clear: both; width: 100%; height: 25px; margin: 0px; padding: 0px; position: fixed; top: 0;}


/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: verdana, arial, 'sans serif'; font-size: 9pt; color: rgb(10,12,56); }




/* Footer */

.footer {overflow: hidden; clear: both; width: 100%; height: auto; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(255,255,255); color: rgb(10,12,56); text-align: center; }




/* 6.4 - Hyperlinks  */

.content a {color: rgb(10,12,56); text-decoration: none; font-weight: bold; font-size: 10pt;}
.content a:visited {color: rgb(10,12,56); text-decoration: none;}
.content a:hover {color: rgb(79,79,150); text-decoration: none; font-weight: bold;}

.footer a {color: rgb(10,12,56); text-decoration: none;}
.footer a:hover {color: rgb(79,79,150); text-decoration: none;}



/* Bottom border colors */

.line-box {border-bottom: solid 1px rgb(125,125,125); padding-bottom: 15px; margin: 0px 0px 15px 0px;}


/*  ROLL OUT MENU */

/* --hamburger menu */

.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s; }

.menucontainer { display: inline-block; cursor: pointer;}


/* --set checkbox label properties */
label {
  display: block;
  padding: 2px;
  text-align: right;
  border: 0px;
  color: rgb(0,0,0);
  float: right;
  background: rgb(255,255,255);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 12px;
  right: 0px;
  margin-top: 8px; 
}

/* --further label properties */

label:hover { opacity: 0.5;}

label a { color: rgb(128,27,22); text-decoration: none;}

label a:hover { color: rgb(177,137,37);}

/* --create nav menu and set expansion properties and transition speed */

#expand .navmob ul { transition: height 0.2s; height: 0px; width: 225px; overflow: hidden;}

/* --set menu and label properties once checkbox is checked */

#toggle:checked ~ #expand .navmob li { display: flex;}

#toggle:checked ~ #expand .navmob ul { height: 120px; border: 1px solid rgb(0,0,0);}



/* --transform hamburger image */

#toggle:checked ~ label > .menucontainer > .bar1 { -webkit-transform: rotate(-45deg)  translate( -9px, 6px); transform: rotate(-45deg)  translate( -9px, 6px);}

#toggle:checked ~ label > .menucontainer > .bar2 { opacity: 0;}

#toggle:checked ~ label > .menucontainer > .bar3 { -webkit-transform: rotate(45deg)  translate(-8px, -8px); transform: rotate(45deg)  translate(-8px, -8px);}


/* --hide checkbox */

#toggle {display: none;}