.pirata-one-regular {
  font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.sedan-regular {
  font-family: "Sedan", serif;
  font-weight: 400;
  font-style: normal;
}

.sedan-regular-italic {
  font-family: "Sedan", serif;
  font-weight: 400;
  font-style: italic;
}

body {
  background:#e6dbcc;
  font-family:'Sedan', calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-shadow:0px 0px 1px #bbb;
  color:#4d3a1f;
  letter-spacing:1px;
  line-height:16px;
  margin:0;
  padding:0;
}

a { 
  text-decoration:none; 
  color:#666; 
  font-weight:bold; 
}

a:hover { 
  color:#F07671; 
}

b { 
  color:#71784a; 
  font-weight:bold; 
}

i { 
  font-style:italic; 
  color:#aaa; 
}

u { 
  color:#daac5c; 
  text-decoration:none; 
}

#layout { width:40%; margin:80px auto; }

/* HEADER */
#header {
  width:100%;
  font-family:'Pirata One';
  font-size:40pt;
  margin:0 auto;
  height:40px;
  text-align:center;
  justify-content: center;
  padding-top:30px;
  }
  
#subheader {
  font-family:'Sedan';
  font-size:12pt;
  margin:0 auto;
  height:20px;
  text-align:center;
  justify-content: center;
  }

#header img { 
  vertical-align:middle; 
}

#sitename a { 
  font:30px 'Quicksand', courier new; 
  color:#71784a; 
  vertical-align:middle; 
}

/* NAVIGATION */
#navigation {
  width:80%;
  margin:0 auto 10px auto;
  text-align:center;
border-radius:5px;
  padding-top:1px;
}
#navigation a {
  width:25%;
  display:inline-block;
  background:#99734d;
  font:bold 14px 'Quicksand';
  text-transform:uppercase;
  padding:4px;
  color:#e6c9b8;
border-radius:5px;
  margin-right:2px;
}
#navigation a:hover {
  background:#e6c9b8;
  color:#99734d;
}

/* COLUMNS */
#left, #content, #right {
  float:left;
  padding:5px;
  box-sizing:border-box;
}
#left { width:25%; color:#4d3a1f; }
#content { width:50%; color:#4d3a1f; }
#right { width:25%; color:#4d3a1f; }

/* BOXES */
.box, .box-without-title {
  background:#fffaf5;
  border:1px solid #baa390;
  box-shadow:2px 2px #c1b5a7;
  border-radius:0px 0px 5px 5px;
  padding:8px;
  margin-bottom:8px;
}

.box-without-title { 
  border-top:1px solid #baa390; 
}


.title {
  font:bold 14px 'Sedan';
  color:#4d3a1f;
  background:#baa390;
  padding:4px 8px 2px;
  margin-bottom:0px;
  border-radius:5px 5px 0 0;
    box-shadow:2px 2px #c1b5a7;
}

.warningBanner {
  font:bold 12px Quicksand;
  text-align: center;
  text-transform:uppercase;
  color:#fff;
  background:#af3f25;
  padding:4px 8px 2px;
  margin-bottom:8px;
  border-radius:5px 5px 5px 5px;
    box-shadow:2px 2px #c1b5a7;
}


.image-box {
  background:#fff;
  border:1px solid #baa390;
  box-shadow:2px 2px #c1b5a7;
  border-radius:5px 5px 5px 5px;
  padding:5px;
  margin-bottom:8px;
}

/* MENU */
#menu a {
  display:block;
  width:100%;
  background:#e6c9b8;
  color:#99734d;
  padding:2px;
  margin-bottom:4px;
  font:bold 12px Quicksand;
  text-align:center;
  border-radius:5px;
}



#menu a:hover { background:#99734d; color:#e6c9b8; }


/* FOOTER */
#footer {
  width:720px;
  margin:0 auto;
  text-align:center;
  clear:both;
  padding:10px 0;