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

body {
	margin: 0;
	/* font-family:Tahoma, Geneva, sans-serif; */
	font: 100%/1.4  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea { width: 100%; margin: 0; padding: 0;  }
.link-btn {
    background: none;
    border: 0;
    padding: 0;
    display: inline;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
    color: -webkit-link;

}

@keyframes highlight {
  0% { background-color: #FF0; }
  100% { background-color: #FFF; }
}

.highlight {
  animation: highlight 1s;
}


.bgc-grey{
	width: 100%;
	background-color:#CCC;
}
.bgc-red{
	width: 100%;
	background-color:#F00;
	color:#FFF;
}
.bgc-green{
	width: 100%;
	background-color:#0F0;
}
.bgc-orange{
	width: 100%;
	background-color:#FC3;
}
.bgc-blue{
	width: 100%;
	background-color:#00F;
}
.bgc-purple{
	width: 100%;
	background-color:#F0F;
}
.font-white{
	color:#FFF;
}
h1, h2, h3, h4 {
	padding-left: 5px;
}

.btn{
	height:35px;
	width:100px;
	font-size: 1.25em;
}
.form-btn {
	height:30px;
	width:80px;
	cursor:pointer;
}

.btn.back-btn {
	margin-left:8px;
}
.btn-med{
	height:45px;
	width:90px;
	font-size: 0.95em;
}
#tbl-std {
    border: 1px solid black;
    border-collapse: collapse;
}
#table-std, .table-std {
	border: 1px solid black;
	border-collapse: collapse;
}

#tbl-std tr:nth-child(even){background-color: #f2f2f2;}

#tbl-std tr:hover {background-color: #ddd;}

#tbl-std th {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
.tbl-form {
    width: 100%;
	font-size:0.875em
}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    display: block;
}
*/
div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}
/* header and menu CSS */
ul.topnav {
	clear:left;
	clear:right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#000;
}
ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color:#666;} /* hover back colour */

ul.topnav li a.active {background-color:#6C0;} /* first menu option back colour */

.subnav{
	border-bottom:thin solid;
}
ul.subnav {
	clear:left;
	clear:right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#FFF;
}
/* header and menu CSS */
ul.subnav li {float: left;}

ul.subnav li a {
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.subnav li a:hover:not(.active) {background-color:#CCC;} /* hover back colour */

ul.subnav li a.active {background-color:#CCC;} /* first menu option back colour */

ul.subnav li.right {float: right;}

@media screen and (max-width: 470px){
    ul.testmode li.right, 
    ul.testmode li {float: none;}
    ul.topnav li.right, 
    ul.topnav li {float: none;}
    ul.subnav li.right, 
    ul.subnav li {float: none;}
}
li a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color:#666; /* selected menu option back colour for dropdown */
}

.container {
	max-width: 100%; 
	margin: 0 auto;  /* the auto value on the sides, coupled with the width, centers the layout */
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.header{
	padding: 10px 0px 5px 14px;
	border-bottom:thin solid;
}
.top{
	padding: 0px;
	background-color:CCC;
	line-height:0.25px;
}

.footer{
	border-top:thin solid;
	padding: 10px 0px 5px 14px;
	font-size: 0.875em;
	width: 100%;
	margin-top:20px;
}
.column{
    width: 33.0%;
}
.align-right{
	text-align:right;
	line-height: 40px;
}
.align-center{
	text-align:center;
	line-height: 40px;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
@media (max-width:600px) {
    .column {
        width: 100%;
		text-align:center;
    }
}
/* END header and menu CSS */
.content{
	padding: 10px 10px 5px 14px;
}
.doc-padding{
	padding: 10px 10px 15px 15px;
}

.field_label{
	
	
}
.field_item{
	
}