div {

  box-sizing: border-box;

}





body {margin:0; padding:40px;color:#333333;}

header {text-align:center;}

h5 {color:#666666; margin:10px 0;}

footer {text-align:center;font-size:90%; padding:20px;background-color:#999999;color:#333333;}

navbar {width:100%;padding:3px 0;border-top:solid 5px #999999;border-bottom:solid 5px #999999;}

navbar div {font-size:90%; font-weight:700; color:#999999; text-align:center;display:inline-block;width:18%;padding:4px 0; margin:2px .8%;}

table {color:#666666;padding:0;margin:0;} td {vertical-align:top;padding:2px;margin:2px;}

a {text-decoration:none; }

a:link {color:#3366cc;} a:visited {color:#99ccff; } a:hover {color:#ff9933;} a:active {color:#336699;}



label {display:block;font-size:90%;font-weight:500; text-transform:uppercase;color:#999999; padding-left:10px;margin-top:12px;}

input, textarea {border:solid 2px #d7d7d7; padding:8px;color:#999999;border-radius:8px;width:100%; }

#cont {width:1200px;max-width:100%;margin:0 auto;}

#main {margin:0; width:100%; padding: 20px; min-height:600px;position:relative;} 

.formul { list-style:none; padding:8px; margin:0 2%; display:inline-block;}

.graytext {color:#cccccc; }

.smtext {font-size:80%; } .distext {font-size:108%; color:#999999;}

.req {color:red; }

.up {color:#6699ff; } .down {color:#cccccc; } div.up:hover {color:#ff9933; } div.down:hover {color:#99ccff;}

.off { display:none; } .on { display:block; }

.message {margin-left:8px;}

.note {display:inline-block; font-size:90%; color:#999999; }

.center-padded {display:block; padding:20px; text-align:center; }

.thbimg {border-radius:4px;width:100%;height: auto;  filter:brightness(160%);}

.smdate {display:block; color:#c4c4c4; font-size:92%;  border-bottom:solid 5px #c4c4c4; }

.col1 {width:10%; } .col2 {width:65%; } .col3  {float:right; width:25%; }

.homemade-apple-regular {

  font-family: "Homemade Apple", cursive;

  font-weight: 400;

  font-style: normal;

}

.source-sans-3-tyab {

  font-family: "Source Sans 3", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

}



.flex-container {

  display: flex;

  flex-direction:row;

  flex-wrap: nowrap;

  margin:4px auto;

  width:auto;

  position:relative;

}



.flex-container > div {

padding:10px;



}

div:nth-of-type(1) {flex-grow: 1;}

div:nth-of-type(2) {flex-grow: 9;}