* {
  box-sizing: border-box;
}

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

body {
    /*background-image: url("/images/leather_texture.jpg");*/
    background-color: #996633;
}

/* testing font resizing */
html{font-size:150%;}
@media(min-width:768px){html{font-size: 90%}}

/* unvisited link */
a:link {
    color: #E7FFFF;
}

/* visited link */
a:visited {
    color: cyan;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: yellow;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
  
  /* border: 1px solid red;  */
  float: left;
  padding: 15px;
}


/*@media only screen and (min-width: 600px) {
   For tablets: 
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}*/

@media only screen and (min-width: 768px) {
	  /* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	.page-container{
		height: 700;
		margin: auto;
		width: 850px;
		background-color: #996633;
		position: relative;
		margin-top: 1px
	}
}

html {
  font-family: "Lucida Sans", sans-serif;
}

h1 {
    color: white;
    font-size: 40px;
    text-align: center;
}
h2 {
    color: white;
    font-size: 30px;
}
h3 {
    color: white;
    font-size: 20px;
}
h4 {
    color: white;
    font-size: 10px;
}

/*not used?
.center {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}
*/
.header { /*not used?*/
  background-color: #996633;
  color: #ffffff;
  padding: 15px;
}

.header-right {
  float: right;
}

.banner {
    color: white;
    font-size: 40px;

	/*border: 1px solid black;*/	
	/*display: table-cell; no effect*/
	text-align: center;
	/*height: 160px;*/
	/*vertical-align:middle; no effect*/
	
	padding: 56px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}


.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* font-size: 14px; */
}

.menu li {

  padding: 8px;
  margin-bottom: 7px;
  background-color: #804000;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #EBC297;
}

.footer {
  /*border: 1px solid black;*/
  background-color: #996633;
  color: #E7FFFF;
  text-align: left;
  font-size: 20px;
  padding: 0;
}

.fineprint {
  /*border: 1px solid black;*/
  background-color: #996633;
  color: #E7FFFF;
  text-align: left;
  font-size: 10px;
  padding: 0;
  text-align: center;
}

/* attributes for gallery index page*/
p.serif {
    font-family: "Times New Roman", Times, serif;
    color: white;
}
p.sansserif {
    font-family: Arial, Helvetica, sans-serif;
}
p.desc {
    font-family: "Times New Roman", Times, serif;
    color: white;  
}
p.heading {
    font-family: "Times New Roman", Times, serif;
    color: white;
    font-size: 30px;
    text-align: center;
}
p.cur {
    font-family: "Times New Roman", Times, serif;
    color: white;
    font-size: 15px;
    /*text-align: center;*/
}

table {
	/*border: 1px solid black;*/
	/*border-collapse: collapse;*/
	width: 600px;
	/*height: 50px;*/
}
th {
    /*background-color: #4CAF50;*/
    color: white;
    text-align: center;
}
td {
    padding: 10px;
    text-align: left;
}