body {
	background-color: #e2e2e2;
/*	max-width: 900px; */
	margin: 0 auto;
	font-size:100%;
}
* {
	box-sizing: border-box;
}
a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: blue;
}
/* mouse over link */
a:hover {
  color: hotpink;
}
/* Use this with <span> to ensure new line */
.newln {
	display: block;
	clear: both;
}

.clearfix {
	max-width: 800px;
	padding-top:10px;
	margin: 0 auto;
	display: table;
}
/*
.clearfix img {
	width:200px;
	background-color: #e7e7e7;
	box-shadow: 0 0 1px 3px rgba(207, 207, 207, 0.6);
	margin:20px 20px 20px 20px;
	padding:10px;
	display:block;
	float: left;
	clear: left;
}
*/
.logo img {
	width:80px;
	background-color: #e7e7e7;
	box-shadow: 0 0 1px 3px rgba(207, 207, 207, 0.6);
	margin:2px;
	padding:2px;
	float: left;
}

.clearfix audio, video {
	max-width:500px;
	background-color: #e7e7e7;
	box-shadow: 0 0 1px 3px rgba(207, 207, 207, 0.6);
	margin:10px 30px 10px 4px;
	padding:10px;
	float: right;
}

.prog table {
	font: 1em/2em Arial, sans-serif;
	text-align: center;
	width: 700px;
	border: 0;
	background-color: #e7e7e7;
	box-shadow: 0 0 1px 3px rgba(207, 207, 207, 0.6);
	margin:10px auto;
	padding:10px;
}

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

.gallery {
	max-width: 1000px;
	padding-top:10px;
	margin: 0 auto;
	display: table;
}

.gallery th {
	width: 260px;
}

/* Para will be below floating elements: */
.gallery p {
	text-align: center;
	clear: left;
}
/*------------ HEADER ------------*/
#header {
	background: #4e5944;
	padding: 40px 0 46px;
}
/** logo url(../images/background1.jpg)  repeat-x left bottom**/
.logo {
	background-color: #a9a9a9;
	float: left;
	padding: 5px;
	display: inline-block;
}
/** navigation **/
.navigation {
	float: right;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}
.navigation li {
	float: left;
	margin-left: 30px;
	position: relative;
}
.navigation li > a {
	color: #b8c6ac;
	font: bold 13px/24px Times, "Times New Roman", serif;
	text-decoration: none;
	text-shadow: 1px 1px #000;
	text-transform: uppercase;
	text-decoration: underline;
}
.navigation li.active > a, .navigation li > a:hover {
	color: #fff;
	text-decoration: underline;
}

h1 {
	color: #57614e;
	font: 29px/30px "Times New Roman", Times, serif;
	margin: 0 0 12px;
}
h2 {
	color: #57614e;
	font: 24px/24px "Times New Roman", Times, serif;
	margin: 0 0 4px;
}

p {
	color: #57614e;
	font: 16px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
}

p.centre {
	color: #57614e;
	font: 16px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
	text-align: center;
}

li {
	display:inline;
	margin-left:5px;
}

 /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 310px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  color: yellow;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}

/* Style page content */
.main {
  width: 700px;
  margin-left: 320px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 

label {
	color: #626262;
	display: block;
	font: 16px/24px Arial, Helvetica, sans-serif;
}
/*------------ FOOTER ------------*/
#footer {
	width: 600px;
	padding-top:10px;
	margin: 0 auto;
	display: table;
}

.labl {
  color: DarkRed;
  width: 120px;
  display: inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
/* ---- For editing data in tables ----- */
.sa1 table {
	max-width:1000px;
	table-layout:auto;
	border: 0px;
	font: 1em/1em Arial, sans-serif;
	text-align: left;
}
/* video inside a table cell: */
td > video, audio {
	width:160px;
}
.sa1 td {
/*	max-width: 500px; */
	white-space: normal;
	padding: 10px;
	border-bottom: 1px solid gray;
}
.sa1 th {
	background-color:#4e5944;
	color:white;
	padding: 5px;
}
/* ---- Form elements ---- */
form{
	clear:both;
}
textarea{
    height:10em;
    width:34em;
	font: 14px/16px Arial, Helvetica, sans-serif;
}
input[type=text]{
    width:24em;
}

input[type=submit]{
    display:inline;
    width:10em;
}

select {
	margin: 0px 5px 0px 5px;
	max-width:350px;
	}

.thumb {
	max-width:160px;
}
.mini {
	max-width:60px;
}
iframe {
	height:500px;
	width:300px;
}
#plh001 {
	padding: 5px;
	min-height: 180px;
}

@media print {
	.noprint {display:none;}

    * {
        color: #000;    
        background-color: #fff;
    }
}
@media screen
{
}