@charset "utf-8";
/* CSS Document */

body {
    background-color: rgb(202,233,255);
    color: rgb(1,11,126);
    font-family:Arial, Helvetica, sans-serif; 
	font-style: 
}

.navbar {
  /* overflow: hidden; 8/
  background-color: rgb(202,233,255); /* rgb(60,30,6);  */
  position: sticky; /*fixed; /* make the navbar fixed while the rest of the page content scrolls */
  top: 0;
  width: 100%;
  height: 200;
  z-index: 1;
  background: #CAE9FF; /* =rgb(202,233,255) */
}
.main {
    margin-top: 50px; /* Add a top margin so content starts after the navbar
	                      Otherwise it will overlay and be hidden by the navbar */
}

.button {
  background-color:  rgb(227,244,255);/*rgb(64,128,255);*/
  border: 2px solid rgb(48,40,142)/*(0,16,148)*/;
  color: #006; /*  white;*/
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 6px;
}
.buttonsubmit {
  background-color: rgb(227,244,255) ; /* rgb(48,24,6); /* rgb(48,24,6); */
  border: 4px solid rgb(48,40,142)/*(0,16,148)*/;
  color: #006; /*  white;*/
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}

.PhotoTitle {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	font-weight:bold;
}
p {
    color: rgb(1,11,126);
    font-family:Arial, Helvetica, sans-serif; 
}

p.instrument {
	width: 500px;
	margin: 0 0 0 30;
}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h1.instrument {
	width: 500px;
	margin: 0 0 0 30;
}

.NavTable {
  	display: table;
  	width:  60%; /* 1000px;  */
	position:absolute;
	left: 0;	
}
.NavTableRow {
  	display: table-row;

}
.NavTableCell {
  	display: table-cell;
  	padding: 3px 3px 3px 3px;
	vertical-align:middle;	
	height: 100;
    /*width: 25%; /* 500px */
}
.NavTableBody {
  	display: table-row-group;
}

p.intro {
	margin-right: 75%;
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
}


p.notes {
	margin-right: 75%;	
    color: rgb(80,40,8);
	font-size: 18px;
    font-family:Arial, Helvetica, sans-serif;  	
	font-style: italic;
}


.textTable {
  	display: table;
  	/* width:  50%; /* 1000px;  */
	/*position:absolute;*/
	left: 0;	
}
.textTableRow {
  	display: table-row;
      padding-bottom: 0px;

}
.textTableHeading {
  	display: table-header-group;
  	background-color: #ddd;

}
.textTableCellL {
  	display: table-cell;  	padding: 3px 3px 3px 3px;
    text-align: right;
	vertical-align:top;	
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;	
	/*width: 350px;	   */
	/* width: 25%; /* 503px */
}
.textTableCellLB {
  	display: table-cell;  	padding: 3px 3px 3px 3px;
    text-align: right;
	vertical-align:middle;	
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;	
	/* width: 350px;	   */
	/* width: 25%; /* 503px */
   border-top: 1px solid black;	
   border-left: 1px solid black;	
   border-right: 1px solid black;	
   border-bottom: 1px solid black;	
}

.textTableCellR {
  	display: table-cell;  	padding: 3px 3px 3px 3px;
    text-align: left;
	vertical-align:middle;	
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;

   /* width: 25%; /* 503px */
}

.textTableCellRB {
  	display: table-cell;  	padding: 3px 3px 3px 3px;
    text-align: left;
	vertical-align:middle;	
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;
   border-top: 1px solid black;	
   border-left: 1px solid black;	
   border-right: 1px solid black;	
   border-bottom: 1px solid black;	
   /* width: 25%; /* 503px */
}

.textTableHeading {
  	display: table-header-group;
  	/*background-color: #ddd;*/
  	font-weight: bold;
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;	
}
.textTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
    color: rgb(80,40,8);
	font-family:Arial, Helvetica, sans-serif;	
  	/*background-color: #ddd;*/
}
.textTableBody {
  	display: table-row-group;
}

.wineryheader {
  	font-weight: bold;
   color: rgb(80,40,8);
   font-size: 1.5em;	 
	font-family:Arial, Helvetica, sans-serif;		
}