html, body {
    margin: 0;
    padding: 0;
}
html {
    background: #0c4196;
}
body {
width: 100%;
height: 100%;
}
.header{
color: #ffffff;
font-weight: bold;
font-family: "trebuchet ms";
text-align: center;
font-size: 70pt;
padding: 14px 16px;
}

alert{
color:#ffffff;
font-family: "trebuchet ms";
text-align: left;
font-size: 23pt;
padding: 14px 16px;
font-weight:600;
}

a{
text-decoration: none;
color:#ffffff;
font-family: "trebuchet ms";
text-align: left;
font-size: 20pt;
padding: 14px 16px;
font-weight:600;  
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    font-size: 29;
    font-weight: 500;
    font-family: "trebuchet ms";
}

li{
    float:left;
}

li a {
    display: block;
    color: #0c4196;
    text-align: center;
    padding-left: 14px; 
    padding-right: 14px;
    text-decoration: none;
    
}

li a:hover {
    background-color: #797a7c;
    color:#ffffff;
}

li a.active {
    background-color: #797a7c;
    color: #ffffff;
}

li a, .dropbtn {
    display: inline-block;
    background-color: white;
    color: 0c4196;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    border:none;
    font-size: 24;
    font-family: "trebuchet ms";
}

li a:hover, .dropbtn: hover{
    background-color: #797a7c;
    color: #ffffff;
}

li.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    font-size: 25px;
    display: none;
    position: fixed;
    background-color: #ffffff;
    width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	font-weight:600;
}

.dropdown-content a {
    color: #0c4196;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
}

.dropdown-content a:hover {background-color: 797a7c
colour: #ffffff;
}

.show {display:block;}

.subtitle{
color:#0c4196;
background-color: #ffffff;
font-family: "trebuchet ms";
text-align: left;
font-size: 25pt;
padding: 14px 16px;
font-weight:600;
}

.space { margin-top: 500px; }
.space2 { margin-top: 80px; }
.space3 { margin-top: 650px; }

.menulist{
background-color: #0c4196;
color:#ffffff;
font-family: "trebuchet ms";
text-align: left;
font-size: 20pt;
font-weight:600;
padding: 14px 16px;
line-height: 200%;
}

table, td {
background-color: #0c4196;
font-weight: 400;
color:#ffffff;
font-family: "trebuchet ms";
text-align: center;
font-size: 20pt;
padding: 14px 16px;
text-decoration:bold;
font-weight:600;
}

th {
font-weight: 600;
text-align: center;
}


marquee {   
color: #0c4196;
text-decoration: none;
width: 100%;
padding: 10px 10px;
font-size: 25pt;
}

.openinglist1{
width:45%;
float:left;
text-align: center;
color: #ffffff;
font-family: "trebuchet ms";
font-size: 25pt;
font-weight:600;
line-height: 200%;
}

.openinglist2{
width:45%;
float:left;
text-align: center;
color: #ffffff;
font-family: "trebuchet ms";
font-size: 25pt;
font-weight:600;
line-height: 200%;
padding-left: 75px;
}

.map {
float: left;
position: relative;
overflow: hidden;
width: 45%;
height: 50%;
}

.map iframe {
float: left;
position: absolute;
top: 20;
left: 0;
width: 100% !important;
height: 100% !important;
}

.infoBold{
float:left;
text-align: left;
font-weight: 900;
color:#ffffff;
font-family: "trebuchet ms";
font-size: 24pt;
padding: 20px 16px; 
text-decoration:bold;
}

.info{
width: 52%;
float:left;
text-align: left;
font-weight: 600;
color:#ffffff;
font-family: "trebuchet ms";
font-size: 16pt;
padding: 20px 16px; 
text-decoration:bold;
}

.info2{
width: 52%;
float:left;
text-align: left;
font-weight: 600;
color:#ffffff;
font-family: "trebuchet ms";
font-size: 16pt;
padding: 20px 16px; 
text-decoration:bold;
}

.info3{
float:left;
text-align: left;
font-weight: 600;
color:#ffffff;
font-family: "trebuchet ms";
font-size: 16pt;
padding: 20px 16px; 
text-decoration:bold;
}

.info4{
float:left;
text-align: left;
font-weight: 600;
color:#ffffff;
font-family: "trebuchet ms";
font-size: 24pt;
padding: 20px 16px; 
text-decoration:bold;
}

div.img {
    margin: 5px;
    float: left;
    width: 180px;
    height: 160px;
}


div.img img {
    width: 100%;
    height: 130px;
}

.myform{
width: 75%;
text-align: left;
padding: 7px 20px;
color:#ffffff;
font-family: "trebuchet ms";
text-align: left;
font-size: 15pt;
font-weight:300;
}

textarea{
width:100%;
height:150px;
padding: 12px 20px;
box-sizing: border-box;
background-color: aliceblue;
font-size: 16px;
resize: none;
}

#container {
	width: 100%;
	overflow: hidden;
	margin: 25px auto;
    padding-right: 5px;
	background: white;
    height:400px;
}

.photobanner {
	height: 400px;
	width: 3550px;
	margin-bottom: 80px;
}


input[type=button], input[type=submit], input[type=reset] {
    background-color: #ffffff;
    border: none;
    font-family: "trebuchet ms";
    color: #0c4196;
	text-decoration:bold;
	font-weight: 800px;
    padding: 16px 32px;
    text-decoration: bold;
    margin: 4px 20px;
    cursor: pointer;
	font-size:14pt;
}	

input[type=text]{
font-family:"trebuchet ms";
font-weight: 800px;
font-size: 14pt;
color: #0c4196;
}

input[type=date]{
font-weight: 800px;
font-size: 14pt;
color: #0c4196;
}

.error{colour:#ff0000;}

@media only screen and (max-width: 779px) {
.header { font-size: 50px; }
ul { height: auto; text-align: center;}
li { float: none; width: 100%;}
li a { line-height: 40px; width:100%; font-size: 23;}
.subtitle{font-size: 23}
.subtitle2{font-size: 23}
.space2{ margin-top: 220px; }
.space3{ margin-top: 750px; }
.menulist{font-size: 20}
table, td {font-size: 18}
.openinglist1{font-size: 25; width:100%; text-align: center; padding:0}
.openinglist2{font-size: 25; width:100%; text-align: center; padding: 0}
.info{width:93%; font-size: 20}
.info2{width:93%; font-size: 22}
.info3{width:93%; font-size: 20}
.map{width: 100%}
.openinglist2 p {margin:0;}
.openinglist1 p {margin-bottom: 0}
}

@media only screen and (max-width: 1065px){
    .space{ margin-top: 800px; }
    .map{width:100%}
    .info{width:95%}
    .info2{width:95%}
    .info3{width:95%}
}