/* CSS Document */

.heading {
  display: flex;
  flex-flow: row wrap;
 background-color: #333300;
  border-bottom:1px solid #CE9C00;
  border-top: 1px solid #CE9C00;
}

.heading >div {
  line-height:17px;
  font-size: 20px; 
  font-family: "Times New Roman";
  color: #999900;
 margin: 5px;
}

.headingbottem {
  display: flex;
  flex-flow: row wrap;
 background-color: #333300;
  border-bottom:1px solid #CE9C00;
}

.headingbottem >div {
  line-height:17px;
  font-size: 20px; 
  font-family: "Times New Roman";
  color: #999900;
 margin: 5px;
}

.headingblank {
  display: flex;
  flex-flow: row wrap;
  background-color: #000000;
  border-bottom:1px solid #CE9C00;
  border-top: 1px solid #CE9C00;
}

.headingblank >div {
line-height:14px;
font-size: 15px;
font-family: "Arial";
color: #BF8040;
margin: 5px;
}

.vid-border{
  height: 398px;
  width: 544px;
  border: 1px solid #999900;
  overflow: hidden;
}
#vid {
  height: 400px;
  width: 550px;
}

.textgreen { font-family: Arial; font-size: 14px; color: #999900}
.style1 {color: #999900}
.glossary { font-family: Arial; font-size: 15px; color: #CC9900} 
.textsmall { font-family: Arial; font-size: 14px; color: #BF8040}
.linknormal { font-size: 12pt; color: #999999; text-decoration: none ; font-family: Arial}

.textdark {
font-family: Arial; 
font-size: 12pt;
font-weight: normal; 
font-style: normal; 
color: #666600; 
line-height:14px; 
text-align: center;
margin: 0px 5px 5px 5px;
}

.TextHeading {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
  }
  
.TextHeading > div {
  line-height:32px;
  font-size: 30px; 
  font-family: "Times New Roman";
  font-weight: bold; 
  color: #999900; 
  font-style: italic;
  text-align: center;
   margin: 10px 5px 10px 5px;
  }
  
.flex-footmenu {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
}

.flex-footmenu > div {
  line-height: 15px;
  justify-content: center;
  font-size: 13px; 
  font-family: "Arial";
  color: #999900;
  text-align: center;
margin: 10px 5px 10px 5px;
}
  
.vert { writing-mode: vertical-rl; line-height:13px; }

body {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        background-color: black;
      }

.flex-heading {
  display: flex;
  flex-flow: row wrap;
  background-color: #333300
}

.flex-heading > div {
  margin: 5px; 
  line-height:15px;
  font-size: 20px; 
  font-family: "Times New Roman";
  color: #999900;
}

.flex-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  background-color: black; 
}

.flex-content > div {
  margin: 3px 5px 4px 5px; 
  line-height:17px;
  font-size: 15px; 
  font-family: "Arial";
  color: #BF8040;
}

.flex-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background-color: #3c2713;
  border-top: 1px solid #CE9C00;
  
}

.flex-menu > div {
  background-color: #3c2713;
  line-height: 22px;
  justify-content: center;
  font-size: 16px; 
  font-family: "Arial";
  color: #999900;

  
margin: 6px 0 6px 15px;
}

a:link {text-decoration: none; color:#999999;}
a:visited {text-decoration: none; color:#999999;}
a:hover {text-decoration: underline; color:#999999;}
a:active {text-decoration: underline; color:#999900}

.flex-tree {
  display: flex;
  flex-flow: row wrap;
  background-color: #333300;
  border-bottom:1px solid #CE9C00;
  border-top:1px solid #CE9C00;
}

.flex-tree > div {
  margin: 5px; 
  line-height:16px;
  font-size: 14px; 
  font-family: "Arial";
  color: #999900;
  background-color: #333300;
}
  
  .flex-footmenu {
  display: flex;
 flex-flow: row wrap;
 justify-content: center;
}

.flex-footmenu > div {
  line-height: 15px;
  justify-content: center;
  font-size: 13px; 
  font-family: "Arial";
  color: #999900;
  text-align: center;
margin: 10px 5px 10px 5px;
}

.flex-columns {
  display: flex;
  flex-flow: row wrap;
  margin: 5px;
 justify-content: flex-end;
}

.flex-columns> div {
  background-color: black;
  margin: 5px;
  line-height:18px;
  font-size: 14px;
  font-family: "Arial";
  color: #BF8040;
 width: 120px;
}

.flex-smallmenu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
 background-color: #333300;
   border-bottom:1px solid #CE9C00;
border-top:1px solid #CE9C00;
}

.flex-smallmenu> div {
  background-color: #333300;
  line-height: 20px;
  justify-content: center
  font-size: 16px; ;
  font-family: "Arial";
  color: #999900;
margin: 6px 0 6px 6px;

}

.flex-photos {
  display: flex;
  flex-flow: nowrap;
  flex-grow: 1;
justify-content: center;
font-size: 14px;
align-items: flex-end;

}

.flex-photos> div {
  background-color: black;
margin-bottom: 8px;
margin-top: 8px;
margin-left: 8px;
font-family: "Arial";
  color: #999900;
justify-content: bottem;
align-items: flex-start; 
}

.outer-container{
display: flex;  
flex-direction: row; 
  font-size: 15px;
  font-family: "Arial";
  color: #BF8040;
 margin: 0px 5px 2px 5px;
}
	
.container1 { 
width: 400px; 
margin-bottom: 3px;
margin-left: 0px;
border-right: 4px solid Black;
}

.container2 {

width: 400px; 
margin-right: 0px;
margin-bottom: 3px;
}

.flex-images {
 display: flex;
 flex-flow: row wrap;
 flex-grow: 1;
 line-height:20px;
}

.flex-images > div {
  justify-content: center;
  font-size: 14px;
  font-family: "Arial";
  color: #BF8040;
  width: 160px;
  text-align: center;
  margin: 7px 0px 5px 0px;
}

.flex-books {
 display: flex;
 flex-flow: row wrap;
 flex-grow: 1;
 line-height:20px;
}

.flex-books > div {
  justify-content: center;
  font-size: 14px;
  font-family: "Arial";
  color: #BF8040;
  width: 133px;
  text-align: center;
  margin: 7px 0px 5px 0px;
}

img {
  display: block;
  margin: auto;
  max-width: 100%;
 }
 
 .image {
 border: 1px #999900 solid;
/*  margin: auto; */
/* margin:0px 0px 3px 0px; */
 } 
 
 .flex-columns1 {
  display: flex;
  flex-flow: row wrap;
  margin: 0px;
flex-grow: 1;
 justify-content: space-between; 
}

.flex-columns1> div {
  background-color: Black;
  margin: 5px;
  line-height:18px;
  font-size: 14px;
  font-family: "Arial";
  color: #BF8040;
  width: 170px
}

.large-menu {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-around;
 flex-grow: 1;
 line-height:18px;
 margin: 5px 5px 5px 5px;
}

.large-menu> div {
  font-size: 16px;
  font-family: "Arial";
  color: #BF8040;
  width: 175px;
}