@charset "utf-8";
/* institute.css */

/* DIVS */

#wrapper { }

#logomenu {float: none;height: auto;width: 250px;position: fixed;}

#logo {float: none;height: 160px;width: 170px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: 50px;}

#headingcontent {float: none;height: auto;width: auto;clear: both;position: absolute;left: 170px;}

#heading {float: none;height: auto;width: auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: 20px;clear: none;}

#content {margin-top: 0px;margin-right: auto;margin-bottom: auto;margin-left: auto;float: none;width: 700px;height: auto;}

#footer {height: 50px;width: 880px;float: left;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}

#winners1 {width: 175px;float: left;margin: 0px;clear: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;}

#winners2 {width: 175px;float: left;margin: 0px;padding: 0px;clear: none;}

#winners3 {width: 175px;float: left;margin: 0px;padding: 0px;clear: none;}

#advisor1 {width: 165px;float: left;margin: 0px;padding: 10px;clear: none;}

#advisor2 {width: 165px;float: left;padding: 10px;clear: none;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 50px;}

#pyketrophy {float: left;width: 150px;}

#wrapper #content #winners1 #winners2 #winners3 ul li {list-style-type: none;}

#PayPalWrapper {width: 680px;float: left;margin: 0px;padding: 0px;clear: none;}

#PayPalTie {width: 200px;float: left;margin: 0px;padding: 0px;clear: none;}

#PayPalCuffLinks {width: 300px;float: left;margin: 0px;padding: 0px;clear: none;}

#PayPalTieTack {width: 300px;float: left;margin: 0px;padding: 0px;clear: none;}

#PayPalPostage {width: 200px;float: right;margin: 0px;padding: 0px;clear: none;}

#PayPalViewBasket {width: 140px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees {width: 800px;float: left;margin: 0px;clear: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;}

#attendees1 {width: 205px;float: left;margin: 0px;clear: none;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;}

#attendees2 {width: 205px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees3 {width: 205px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees4 {width: 265px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees5 {width: 265px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees6 {width: 215px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees7 {width: 225px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees8 {width: 235px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees9 {width: 265px;float: left;margin: 0px;padding: 0px;clear: none;}

#attendees10 {width: 265px;float: left;margin: 0px;padding: 0px;clear: none;}

#worldwar1 {width: 450px;float: none;margin: 0px;padding: 0px;clear: none;}

#worldwar2 {width: 800px;float: none;margin: 0px;padding: 0px;clear: none;}

#worldwar1plaque {width: 650px;float: left;margin: 0px;padding: 0px;clear: none;}

#wilfredowenpoems {width: 500px;float: left;margin: 0px;padding: 0px;clear: none;}

#previous1 {width: 200px;float: left;margin: 0px;padding: 0px;clear: none;}

#previous2 {width: 200px;float: left;margin: 0px;padding: 0px;clear: none;}

#next1 {width: 205px;float: right;margin: 0px;padding: 0px;clear: none;/*border: none;background-color: white;*/}

#next2 {width: 205px;float: right;margin: 0px;padding: 0px;clear: none;}

#menu ul {margin-left: -2.5em;}

#myDiv1 {width:800px; height:805px; float: left; transform: rotate(90deg);}

#myDiv2 {width:800px; height:800px; float: left; transform: rotate(90deg);}

#myDiv3 {width:800px; height:800px; float: left; transform: rotate(90deg);}

#myDiv4 {width:800px; height:800px; float: left; transform: rotate(90deg);}

#myDiv5 {width:800px; height:800px; float: left; transform: rotate(90deg);}

/* MENUS */

/* set li as buttons */
#menu li {  list-style-type: none;  border: 1px black solid;  width: 14em;  background-color: #FFEF00;  text-align: left;  box-shadow: 5px 5px 5px gray;}

/* display anchors as buttons */ 
#menu a {color: black;text-decoration: none;display: block;}

/* flash white on anchor hover */
#menu a:hover {background-color: white;}

/* collapse menus */
#menu li ul {display: none;}

/* show submenus on hover */
#menu li:hover > ul {display: block;margin-left: -2em;}

/* _________________________________________________________________________________________________________________________ */

.RedText {color: #F00;}

.ButtonPrint {
	background-color: black;
	border: none;
	color: yellow;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	cursor: pointer;
	font-weight: 200;
}

h1 {float: none;font :large;}

h2 {float: none;font: small;}

/* TABLES */

table{width : 685px ; caption-side: top ;border:thick #000 ;}

th {text-align : center ;}

td {text-align : left ;}

caption{text-align : center ;}

table.fix {table-layout: fixed;}

table#centenary {width: 580px; font-family: sans-serif;border: 5px solid black;}

table#centenary td,th {border: 1px solid black;}

table#3columns {width: 680px; font-family: sans-serif;border: 2px solid black;}

table#3columns td,th {border: 1px solid black;}

table#2columns {width: 680px; font-family: sans-serif;border: 2px solid black;}

table#2columns td,th {border: 1px solid black;}

th,td {border: 1px solid black;}

table.a {border-top: 10px solid black;width: 800px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.b {border-top: 10px solid black;width: 550px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.c {border-top: 10px solid black;width: 800px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.d {border-top: 10px solid black;width: 800px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.e {border-top: 10px solid black;width: 680px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.f {border-top: 0px solid black;width: 800px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.g {border-top: 0px solid black;width: 800px;
        border-bottom: 0px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.h {border-top: 10px solid black;width: 800px;
        border-bottom: 0px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;
	    font-size: 150%;}

table.i {border-top: 0px solid black;width: 800px;
        border-bottom: 10px solid black;
	    border-left: 10px solid black;
        border-right: 10px solid black;}

table.j {border-top: 2px solid black;width: 800px;
        border-bottom: 2px solid black;
	    border-left: 2px solid black;
        border-right: 2px solid black;
	    font-size: 150%;}

/* _________________________________________________________________________________________________________________________ */

b {text-decoration: none;
  display: inline-block;
  padding: 8px 16px;}

b:hover {background-color: #ddd;
  color: black;}

.previous {background-color: #f1f1f1;
  color: black;}

.next {
  background-color: #4CAF50;
  color: white;}

/* _________________________________________________________________________________________________________________________ */

body:before{
  content: 'CONFIRMED';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  
  color: Red;
  font-size: 100px;
  font-weight: 250px;
  display: grid;
  justify-content: center;
  align-content: center;
  opacity: 0.5;
  transform:rotate(-45deg);}

/* _________________________________________________________________________________________________________________________ */