/* Variable definitions */
/*
:root {
	--bk-colour:#E4E4E4;
	--txt-colour:
	
}
*/
*/
/* copied from W3Schools */
/* ---------------------------------------------
	
	basic structure elements
	
--------------------------------------------- */
#container {
	width: 500px;
	margin: 20px auto;
	background-color: #FFF;
	border: 2px solid #b3b3b3;
}

header {
 text-align: center;
 padding: 3px;
 background-color:#E4E4E4;
 color:white;
}
footer {
  text-align: center;
  padding: 3px;
  background-color:#E4E4E4;
  color: white;
}
/* Added */
.body {
	width:100%;
	background-color:#E4E4E4;
}
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/*  Twitter */
.twitter-timeline{
	max-height:500px;
	max-width:550px;
	border:0px;
	overflow:scroll;
	background-color:#E4E4E6; 
}
.news-table { 
	width:580px;
	border-left:thin red solid ;
	border-right:thin red solid ;
	border-top:thin red solid 
	
}
#NewsWindow2{
	background-color:#E6E6E6;
	font-family:"Times New Roman", Times, serif;
	font-size:medium;
	color:navy
}

.whiteTextHeading {
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
	background-color:gray; 
}
.hrRed{
  border-top: 1px solid red; background-color:#E4E4E4
}
.BlueTextBodySmallCentred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000080;
	text-align:center;
}
/* Home page header image */
/* Container holding the image and the text */
.header-photo {
  position: relative;
  text-align: center;
}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
 }
.greyBackground {
	background-color: #E4E4E4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000080;
}
/* Notice Board & News Headlines text */
.newsText{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-style: normal; line-height:200%; 
	color: #000080;
	text-align: left;
	background-color: #E4E4E4;
/* Added 29Mar18 */
	overflow:auto;
}
.footer-column {
  float: left;
  width: 33%;
}
.BlueTextBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: navy;
	text-align:left;
}
.twitter-follow-button {
	color:navy;font-size:large;float:left
}
.tableContent {
	font-family: Calibri;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	empty-cells: show;
	color: #000080;
	border: thin solid #FF0000;
	table-layout:auto;
	margin-left:auto;
	margin-right:auto;
	counter-reset: serial-number; /* Set the serial number counter to 0 */
}
/* CSS3 Zebra Striping for all tables*/
table tr:nth-of-type(even) {
 background: #E0E0E0;
}
.BlueTextBodySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000080;
	text-align: left;
	line-height: 150%;
}
.BlueTextBodySmallCentred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000080;
	text-align:center;
}
/* Application form field alignment */
.appformlabel {
width:130px;
display:inline-block;
padding:6px	
}
.BlueTextHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000080;
	text-align: center;
}
.BlueListSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000080;
}
.BlueList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000080;
}
.BlueTextSubHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000080;
	text-align: center;
}
.comImg {
  border: 1px solid #ddd; /* Gray border */
  padding: 5px; /* Some padding */
  width: 140px; /* Set a small width */
}
.comImg:hover {
    position:relative;
    width:400px;
    height:auto;
    display:block;
    z-index:999;
}
.BlueBodySmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: lighter;
	font-style: italic;
	color: #0000FF;
	font-variant: normal;
}
table.center{
	margin-left:auto;
	margin-right:auto
}
.tableContentMags {
	font-family: Calibri;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	empty-cells: show;
	color: #000080;
	border: thin solid #FF0000;
	table-layout:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.FirstColumn {
	width:50px
}
.SecondColumn{
	width:120px
}
.ThirdColumn{
	width:200px
}
.FourthColumn{
	width:150px
}
.ColumnThree{
	width:50px
}
.ColumnFour{
	width:300px
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  height: 50%;
}
.RIPColumn {
  float: left;
  width: 33.33%;
  background-color:black;
  color:white
}