@charset "UTF-8";
/* Syntax in css is tricky and fussy!
   Fully test any changes to this file. */

h1 {text-align: center;
}

h4 {margin-left: 80px;
    text-align: left;
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.bannercolumn1 {
  float: left;
  width: 25%;
  /*padding: 5px;*/
}
.bannercolumn2 {
  float: left;
  width: 75%;
  /*padding: 5px;*/
}
/* Clear floats after image containers */
.banner_row::after {
  content: "";
  clear: both;
  display: table;
}

body {
    margin: 1px;
}

body p {
	margin-left: 60px;
}
body ul {
	margin-left: 30px;
}

#banner {
	width: 100%;
}

.logo_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
}

/* Create two equal column styles that floats next to each other */
.logo_column {
    float: left;    
    width: 37%;
    padding-left: 25px;
}

.logo_column img {
  padding-left: 10%;
}

.logo_sightsaver {
    float: right;    
    width: 20%;
}

.logo_sightsaver img {
  padding-left: 2px;
}

.logo_sightsaver:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(2.0); /* Safari 3-8 */
  transform: scale(1.75); 
}

.logo_row {
    float: left;
    width: 45%;
    padding-left: 23%;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Clear floats after the columns */
.logo_row:after {
  content: "";
  display: table;
  clear: both;
}

.creds {font-color: red;
       text-align: center;
}
table {border-collapse: collapse;
       width: 70%; 
       margin-left: 60px;
}
.yes {border: 1px solid black;
      text-align: center;
      width: 10%;
      background-color: lightgray;
      color: red;
      font-weight: bold;
}
.col1 {border: 1px solid green;
       text-align: center;
       width: 10%;
}
.col2 {border: 1px solid black;
       text-align: center;
       width: 18%;
}
.col3 {border: 1px solid black;
       width: 72%;
       text-align: left;
       padding-left: 10px;
}
td {padding-top: 2px;
    padding-bottom: 3px;
}
.usercol1 {border: 1px solid black;
       width: 86%;
       text-align: left;
       padding-left: 10px;
}
.usercol2 {border: 1px solid black;
       width: 14%;
       text-align: left;
       padding-left: 5px;
       padding-right: 5px;
}
.emailcol1 {border: none;
       width: 17%;
       text-align: left;
       padding-left: 10px;
}
.emailcol2 {
       width: 38%;
       text-align: left;
       padding-left: 10px;
}
.emailcol3 {
       width: 45%;
       text-align: right;
       padding-right: 10px;
}

.creds {color: red;
}