body {width:968px; margin: 5px auto; padding:0 20px;
	 background-color:#B08D68; color:#000000; font-family: "Times New Roman",serif;
	 font-size: 1em; font-weight:normal; text-align:left; }
.MainText {border:2px solid #53402B; padding:8px 10px 0 10px; margin:0; background-color:#E0BD98; clear:both;}	
.MainText p {margin-top:8px; padding-top:0;}
.HeadrDiv {width:966px; padding:2px 0 0 2px; margin:0; background-color:#53402B; color:#FBAB67; float:right;}
ul.Title {list-style-type:none; margin:0; padding:0; font-size:1.2em; font-weight:normal;font-size:1.4em;}
.TitleLeft  {float:left; text-align:left; width:171x; padding:0 0 0 5px;}
.TitleRight {float:right; text-align:center; width:790px;}  
ul.nav {list-style-type:none; margin:0; padding:2px 50 0 8px;}
ul.nav li {float:left; text-align:center; background-color:#FFE4C9; border:1px solid #53402B; width:86px;padding:0 2px 0 3px;}
ul.nav a {display:block;}
#selected {float:left; text-align:center; background-color:#53402B; width:84px; padding-left:5px; color:#FFE4C9; font-weight:bold;}
ul.Gallery {list-style-type:none; margin:2px 0 2px 0; padding:0; font-size:1.0em; font-weight:normal;}
.BoldText {color:#000000; font-weight:bold;}
.ItalicText {color:#000000; font-style:italic;}
a:link {color:red;}
a:visited {color:red;}
a:hover {color:blue;}
.centered {text-align:center; margin:0; padding:10px 0 10px 0;}
.DarkBkgd {position: relative; float:left; width:936px; height:720px; color: #E0BD98; text-align:center; border:2px solid #53402B; padding:0 14px 0 14px; margin:0; background-color:#221510;}
.NoBorder {border:0; padding:2px 0 2px 0;}
.LabelForm {text-align:center; color: #FBAB67; font-family: "Times New Roman",serif; font-size:1em; font-weight:bold; background:#221510; border:0; margin:0,5,0,5;}
.copyright {position:absolute; bottom: 0; font-size:.75em; font-style:italic; color:#E0BD98;background-color:#221510;}
.Hbar {text-align:center; color:#53402B; width:70%; padding:0; margin:25px 0 20px 0; clear:both;}

/* New stuff starts here: */
{box-sizing: border-box; }

img {vertical-align: top; }

/* Position the image container (needed to position the left and right arrows) */
.container {position: absolute; top: 130px; left: 150px; width: 650px; }

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

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

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

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

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

 /* Six columns side by side */
 .column {float: left; margin: 5px 0px 0px 5px; }

 /* Add a transparency effect for thumnbail images */
 .thumbs {opacity: 0.6;}

 .active,
 .thumbs:hover {opacity: 1; }

/* Next & previous buttons */
.prevb, .nextb { cursor: pointer; position: absolute; top: 150px; width: auto; padding: 16px; font-weight: bold; font-size: 2em; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}

.prevb {left: 60px; }
.nextb {right: 110px;}
 
/* On hover, add a gray background */
.prevb:hover,
.nextb:hover {background-color: #333;}