body {	
  text-align: center;
  margin:0;
  padding:8px 4px 12px 4px; /*top right bottom left*/
  background: #d8d8d8;
  font-family: 'Gill Sans', Arial, sans-serif;
}


#content {
  width: 900px;
  margin: 0px auto;
  text-align: left;
  background: #ffffff;
  }


#header1 {
float:left;
width: 900px;
height: 180px;
background: #585858;
color: #ffffff;

padding: 10px 10px 10px 10px; /*top right bottom left*/

}

#header2 {
float:left;
width: 900px;
height: 30px;
font-size:14pt;
background: #BDBDBD;
 text-align: center;

}

#header3 {
float:left;
width: 900px;
height: 2px;
font-size:14pt;
background: #f2f2f2;
}

#header4 {
float:left;
width: 900px;
height: 3px;
font-size:14pt;
background: #707070;
}

#header5 {
float:left;
width: 900px;
height: 20px;
font-size:14pt;
background: #585858;
}

#leftdiv {
float:left;
width: 554px;
height: 342px;
background: #BDBDBD;
border: 1px solid lightgrey;
}

#leftdiv2 {
float:left;
width: 518px;
background: #ffffff;
border: 1px solid lightgrey;
}

#rightdiv {
float:right;
width: 342px;
height: 342px;
background: #BDBDBD;
border: 1px solid lightgrey;

}

#squarediv {
float:left;
background: #585858;
color: #FF8000;
width: 223px;
height: 223px;
border: 1px solid lightgrey;

}

#rectdiv {
float:left;
background: #585858;
color: #FF8000;
width: 446px;
height: 223px;
border: 1px solid lightgrey;

}


#footer {
clear:both;
width: 900px;
border: 1px solid lightgrey;
background: #BDBDBD;

}

#standardtext {
float:left;
width: 880px;
background: #ffffff;
padding: 10px 10px 10px 10px; /*top right bottom left*/
}


#highlight {
  width: 850px;
  height: 400px;
  margin: 0px auto;
  text-align: left;
  background: lightgray;
  padding: 10px 10px 10px 10px; /*top right bottom left*/
  }

p.one {
font-weight: bold;
font-size:45pt;
text-shadow: 2px 2px #000000;
color: #ffffff;
padding: 0px;
margin: 0px;
}

p.two {
font-weight: normal;
font-size:22pt;
color: #BDBDBD;
padding: 0px;
margin: 0px;
}

p.three {
text-align: right;
vertical-align: baseline;
font-weight: normal;
font-size:14pt;
color: #BDBDBD;
font-family: monospace;
letter-spacing: 4px;
text-shadow: 1px 1px #000000;
padding: 10px;
margin: 10px;
}

p.four {
text-align: right;
vertical-align: baseline;
font-weight: normal;
font-size:18pt;
color: #BDBDBD;
font-family: monospace;
letter-spacing: 4px;
text-shadow: 1px 1px #000000;
padding: 5px;
margin: 5px;
}

a.nav:link {
  color: black;
 text-decoration: none;
}
a.nav:visited {color: black}
a.nav:hover {color: #b45f04}

a.two:link {color: #934A15}
a.two:visited {color: #934A15}
a.two:hover {color: #8c1717}



h3 {	
  background: lightgrey;
  width: 860px;
  border: 1px solid grey;
  font-weight: bold;
  font-size:13pt;
  padding: 5px 10px 5px 10px; /*top right bottom left*/
}

h4 {	
  background: lightgrey;
  width: 860px;
  font-weight: normal;
  font-size:13pt;
  padding: 5px 10px 5px 10px; /*top right bottom left*/
}


table.character {	
  background: #ffffff;
  width:880px;
  font-size:11pt; 
  border-width:1px;
  border-color: #666666;
  border-collapse: collapse;
}

table.character th {
  background: #000000;
  color: #ffffff;
}


table.character tr {
  background: #ffffff;
  border-width:1px;
  padding: 1px;
  border-style: solid;
  border-color: #666666;
}

table.character td {
  border-width:1px;
  padding: 3px;
  border-style: solid;
  border-color: #666666;
}








table.characterp {	
  background: #ffffff;
  width:880px;
  font-size:11pt; 
  border-width:1px;
  border-color: #666666;
  border-collapse: collapse;
}

table.characterp th {
  background: #000000;
  width:120px;
  color: #ffffff;
}


table.characterp tr {
  background: #ffffff;
  border-width:1px;
  padding: 1px;
  border-style: solid;
  border-color: #666666;
}

table.characterp td {
  border-width:1px;
  padding: 3px;
  border-style: solid;
  border-color: #666666;
}





table.pred {	
  background: #ffffff;
  width:880px;
  font-size:11pt; 
  border-width:1px;
  border-color: #666666;
  border-collapse: collapse;
}

table.pred th {
  background: #000000;
  color: #ffffff;
}


table.pred tr {
  background: #ffffff;
  border-width:1px;
  padding: 1px;
  border-style: solid;
  border-color: #666666;
  
}

table.pred td {
  border-width:1px;
  padding: 3px;
  border-style: solid;
  border-color: #666666;
  width:100px;
}





table.calendar2 {	
  background: #ffffff;
  width:180px;
  font-size:10pt; 
  border-width:1px;
  border-color: lightgray;
  border-collapse: collapse;
}

table.calendar2 th {
  background: #000000;
  color: #ffffff;
}

table.calendar2 tr {
  border-width:1px;
  padding: 0px;
  border-style: solid;
  border-color: #666666;
}

table.calendar2 td {
  width:50px;
  height:20px;
  border-width:1px;
  padding: 2px;
  border-style: solid;
  border-color: #666666;
}

#key {
  background: #c0c0c0;
}


   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;}
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #934A15;
      padding-left: 8px;
      background: transparent url no-repeat left; }
   a.hideLink {
      background: transparent url no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #934A15; }

#checklist1 {
float:left;
width: 430px;
border: 1px solid grey;
background: #ffffff;
padding:3px 3px 3px 3px; /*top right bottom left*/
}

#checklist2 {
float:right;
width: 430px;
border: 1px solid grey;
background: #ffffff;
padding:3px 3px 3px 3px; /*top right bottom left*/

}

#checklist3 {
float:right;
width: 420px;
border: 1px solid grey;
background: #585858;
padding:3px 3px 3px 3px; /*top right bottom left*/

}

#results {
    display:inline-block;
    -webkit-columns: auto 4; /* Chrome, Safari, Opera */
    -moz-columns: auto 4; /* Firefox */
    columns: auto 4;
    background: FFCC66;
    width: 600px;
    padding: 2px;
    margin: 0px auto 10px auto;

}

#results2 {
    display:inline-block;
    background: FFCC66;
    width: 605px;
    border-width:1px;
    padding: 5px;
    border-style: solid;
    margin: 0px auto 10px auto;

}

.galleria{ width: 900px; height: 550px; background: #000 }

#black_nav {
display:inline-block;
padding: 1px;
width: 100px;
background: #000;
color: fff;
text-align: center;
}

#black_nav_text {
color: fff;
text-align: center;
 text-decoration: none;
}



.dropbtn {
    background-color: gray;
    width: 140px;
    color: white;
    padding: 4px;
    font-size: 12pt;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family: 'Gill Sans', Arial, sans-serif;
}

.dropdown-content a {
    color: black;
    padding: 7px 7px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #eeeeee}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #264d73;
}





* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 30%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 1;
}

.active,
.demo:hover {
  opacity: 0.6;
}

#nav_frame {
height: 1150px;
width: 860px;
border: 0;
overflow: hidden;
}