/*Home page*/
html, body {
	margin:0px; padding:0px; border:0px;
}
/*, main, section, footer, aside, nav, article, figure, figcaption, hgroup, menu,*/ 
header {
	display:block;
	}
	.header {
		margin:2px 0 0 0;
		padding-top: .2em;
		background-color:/*rgba(183, 208, 226, 0.25);*//*rgba(245, 223, 77, 0.10);*/      #E5EEF9;       /*rgba(240, 240, 245, 0.80);*/
	}/*very top of header section*/
body {	
		color:#000000;
		background-color:rgba(183, 208, 226, 0.10); /*#f5df4d;illuminating pantone 13-0647 dull yellowrgba(245, 223, 77, 0.30);*//*#E5EEF9;*/
		font-family:Helvetica, Ariel, sans-serif;
		line-height:1.5em;
		margin:0;
		padding:.2em .2em;
		
		/*max-width:720px;*/
		width:100%;
		align-content:center;
		/*display:flex-grid;
		flex-direction:column;*/
}

.wrapper {
	max-width:960px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	/*padding:16px;*/
	/*grid-columns:fr 80% fr;
	grid-rows:40% 10% 40% fr;*/
	/*max-width:100px;*/
	
	/*border-radius:15px;
	padding:0;*/
	/*align-content:center;*/
	}
.blog li{
	margin:0;
	position: float right;
	text-decoration:none;
	list-style-type:none;
}
.account {
		width:100%;
		margin:1em;
		padding:0 0 20em 0;
		line-height:24pt;
		/*border-bottom:1px solid /*#215EAC;*//*#E5EEF9;*/
		/*background-color:/*rgba(183, 208, 226, 0.25);*/       /*rgba(245, 223, 77, 0.10);*//*ltgey*/          /*#E5EEF9;*/
	}
	
.messages-ribbon-top{
	/*display:flex-grid;
	grid-columns:1/5;
	grid-rows:3/5;*/
	background-color:/*#f0f0f5;ltGrey*/rgba(240, 240, 245, 0.80);/*rgb(255, 255, 250, 0.10);*/
	margin:0;
	padding:0;
	/*border-radius:0;*/
	padding:.1em 2em;
	/*border: 1px solid purple;*/
	text-align:center;

	/*align-content:center;*/
	/*justify-content:space-around;*/
}
.messages-ribbon{
	/*display:flex-grid;
	grid-columns:1/5;
	grid-rows:3/5;*/
	color:red;
	background-color:/*#f0f0f5;ltGrey*/rgba(240, 240, 245, 0.80);/*rgba(183, 208, 226, 0.20);*/
	/*margin:0;
	border-radius:0;*/
	padding:.05em 0;
	/*border: 1px solid purple;*/
	text-align:center;

	/*align-content:center;*/
	/*justify-content:space-around;*/
}
	.material-icons {
		float:right;
		padding:.15em;
		/*border:1px solid #000000;*/
		border-radius:90px;
		margin:0 .25em 0 0;
		/*background-color:white;*/
	}
 
/*-----------------------------------header-------------------------------------------------------------------*/
header {
	width:100%;
	/*display:flex-grid;*/
	/*grid-columns:1/5;
	grid-rows:1/3;*/
	background-color:/*#FFFFFF;/*white*/ #E5EEF9; 
	margin-top:0;
	padding-top:0;
	/*border-radius:15px 15px 0 0;*/
	/*border:1px solid #000000;*/
	/*align-content:center;*/
}
	

header h1{
		color:#215EAC;/*#3B80BE;*/
		line-height:20pt;
}
		
h1 {
	text-align:center;
}


.DD {
	font-size:2em;
	/*float:left;*/
	/*width:60%;*/
	padding:0 1em 1em 0;
	/*border:1px solid #00FF00;*/
	margin-top:1em;
	margin-left:0;
	margin-right:auto;
	
	/*text-align:center;--------------------------------------------inhereted from h1*/	
}	
.image {
		float: left;
		/*border: 1px solid #FFCC00;*/
		margin: .5em 2em 0 1em;
	}
h2{
	padding:0;
	padding-top:1em;
	/*----border:1px solid #f5df4d;-----*/
	text-align:center;
}

hr{
	 width:100%;
	 height:5px;
	 margin-left:auto;
	 margin-right:auto;
	 background-color:#b7d0e2;
	 border:0 none;
}
	 
	 /*------------------------------------nav bar-full screen -------------------------------------------------------------*/
.nav ul{
	margin:.5em 0 0 0;
	padding:2px 5px 5px 5px;
	border: 2px solid rgba(240, 240, 245, 0.80);
	background-color:#FFFFFF;       /*rgba(240, 240, 245, 0.80);/*ltgreay*/      /*#E5EEF9;*/
	display:block;
	text-align:center;
	line-height:24pt;
}

.nav li {
	list-style-type:none;
	display:inline;
	margin-right:0px;
	padding-right:8px;
}
		



/*.nav ul{
	/*grid-columns:1/5;
	grid-rows:2/3;*/
	/*border-color:black;*/
	/*border-radius:10px;*/
	/*margin:1em;*/
	/*padding:0;
	width: 75%;
}*/

li a{
		/*display:block;*/
		/*color:
		padding:*/
		text-decoration:none;
		
		}
		
li.coming-soon {
	display:none;
	background-colour:ffffe6;
}
		
/*change the link colour on hover*/
/*li a:hover a:current{
	background-color:darkblue;
	color:white;
}*/	
	/*change the link colour for current page*/
/*.currentPage {
  background-color: darkblue;
  color:white;
  border-left: 5px lightblue solid;
}
.nav a:link {color:#0000D2;}
.nav a:visited {color:pink;}
.nav a:hover {background-color:lightblue; color:darkblue;}
.nav a:focus {color:yellow;}
.nav a:active {background-color:#215EAC; color:#ffffff;
}*/
/*---------------------------------------------byline-----------------------------------------------------*/
#byline, #freestyle{
	/*display:flex-grid;
	grid-columns:1/5;
	grid-rows:3/5;*/
	background-color:/*#f0f0f5;ltGrey*/rgba(240, 240, 245, 0.80);/*rgba(183, 208, 226, 0.20);*/
	/*margin:0;
	border-radius:0;*/
	padding:1em 5em;
	/*border: 1px solid purple;*/
	text-align:center;

	/*align-content:center;*/
	/*justify-content:space-around;*/
}
/*--------------------------------------------main content---------------------------------------------------------*/
.main-content {
	/*display:flex-grid;
	grid-columns:1/5;
	grid-rows:3/5;*/
	background-color:rgb(255, 255, 250, 0.10);/*white with daffodil hint*/
	padding:clear;
	padding-bottom:1em;
	margin:0 5% 1em 5%;
	/*border-radius:0;
	padding:1em 1em;*/
	/*text-align:center;*/
}

/*--------------------for download and updates page----------------------*/
.download {
	width:100%;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:clear;
	text-align:left;
	
}
	
		
 
 /*--------#standard {
	 text-align:center;
	 margin-left:auto;
	 margin-right:auto;	 
	}--------------*/
	
ul #left {
	list-style-position:inside;
}
ul #left {
	 position: relative;
	 max-width:400px;
}
/* trying to position update download information center -------------------this doesn't work
ul .center {
	width:80%;
	margin-left:20%;
	margin-right:20%;
	padding:clear;
}
------------------------------------------------------------review to find correct option----------*/

/*#inline ul{
	margin:0 ;
	padding:0 5px 5px 5px;
	background-color:/*#fefaff;*//*#FFFFFF;
	display:block;
	text-align:center;
}*/

/*#inline li {
	list-style-type:none;
	display:inline;
	margin-right:6px;
}*/

/*button {
	background-color: rgba(183, 208, 226, 0.10);
	padding: .5em .75em;
	border: 1px solid #215EAC;
	border-radius: 3px;
	
	font-size:large;
}*/
.call-to-action {
	font-size:large;
}
a.button:link{
		background-color:#215EAC;
		color:#ffffff;
		border: 1px solid #215EAC;
		border-radius: 3px;
		padding: .1em .6em;
		font-size:large;
		text-decoration:none;
		/*display:block;*/
		}
 a.button:hover, a.button:active{
		background-color:rgba(183, 208, 226, 0.10);
		color:#000000;
		/*text-decoration:none;*/
		
		}
 /*--------------------------------------------------------------------------------------------------------*/
.announcement {
	
	margin:1em;
	padding:1em;
	border:1px solid #ff3300;
}
/*aside {
		padding:2px;
		border:2px; border-color:#ff3300;
}*/
.favourite {
	/*color:#215EAC;*/
	border:2px solid #215EAC;
}
.indent {
	margin:1em;
}
#favouritesm {
	padding: 10px;
	border:2px solid #215EAC;
	margin:1em;
	
}

#favouritesm p{
	color:red;
}
#favouritemd {
	padding: 10px;
	border:2px solid #215EAC;
	margin:1em;
}

#favouritemd p{
	color:red;
}
#favouritebg {
	padding: 10px;
	border:2px solid #215EAC;
	margin:1em;
}

#favouritebg p{
	color:red;
}
/*article {
	display:flex-grid;
	grid-columns:1/5;
	grid-rows:3/5;
	background-color:#ffffff;/*white*/
	/*margin:0;
	border-radius:0;
	padding:1em 1em;
	align-content:center;
}
.download {
	   text-align:center;
   }*/
	/*
	#image1 {
	position:relative;
	margin:0;
	border-radius:15px;
	padding:0;
	bottom:20px;
	left:20px;
	}*/
/*	
	#image2 {
	position:relative;
	margin:0;
	border-radius:15px;
	padding:0;
	bottom:15px;
	left:20px;
	}*/
/*
	#image6 {
	position:relative;
	margin:0;
	border-radius:15px;
	padding:0;
	left:20px;
	}*/
 

	/*#navlist {
	display:flex;
    justify-content:space-between;
	font-size:100%;
	list-style-type:none;
	padding-left:0;
	}
	#navlist li{
	display:inline;
	}
.nav a {
	grid-columns:1/5;
	grid-rows:2/3;
	text-decoration:none;
	}
	
.nav a:link {color:#0000D2;}
.nav a:visited {color:#551A8B;}
.nav a:hover {color:#684A49;}
.nav a:focus {color:#684A49;}
.nav a:active {color:#A10000;}

 /*If logged in: display gallery 2 else display gallery 1*/

/*.gallery {
	display:flex-grid;
	grid-columns:3fr;
	column-gap: 4em;
	grid-rows:4fr;
	row-gap: 2em;
	
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	border-radius:15px;
	padding:1em 5em;
	align-content:center;
	background-color:#fefaff;
	}
*/
	
/*.gallery2 {
	display:flex-grid;
	grid-columns:3fr;
	column-gap: 2em;
	grid-rows:4fr;
	row-gap: 2em;
	
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	border-radius:15px;
	padding:1em 5em;
	align-content:center;
	background-color:#fefaff;
	}*/
	
	
	
	

		
 
/*----------------------------------------------utility links------------------------------------------------------*/
/*.site-footer{
	display:flex-grid;
	grid-columns:1/2;
	grid-rows:3/4;
	background-color:#ffffff;
	border-radius:0 0 15px 15px ;
	margin:0;
	padding:1em 0;
	
	}*/
	
#utilitylinks li{
	list-style-type:none;
	}
#utilitylinks a{
	text-decoration:none;
}
.site-footer {
	padding-top:1em;
	padding-bottom:1em;
	border-top:1px solid /*#215EAC;*/#E5EEF9;
	background-color:/*#b7d0e2;rgba(183, 208, 226, 0.50);*/ /*rgba(245, 223, 77, 0.10);*/#E5EEF9;
}
.site-footer a:link  {color:#0000D2;}
#utilitylinks a:visited {color:green;}
#utilitylinks a:hover {background-color:lightblue; color:darkblue;}
#utilitylinks a:focus {background-color:yellow;}
#utilitylinks a:active {background-color:#215EAC; color:#ffffff;}
.copy {
	background-color:/*rgba(245, 223, 77, 0.10);*/rgba(183, 208, 226, 0.50);
}
	/*////////////////////////additional sections for pages 2 onwards////////////////////////*/

/*--------------------------------------download page------------------------------------*/
/*to centre list*/
	
/*-------------------------------------------Table -- updates------------------------------------------------------------*/
/*--table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%" align="left"----------------from Dave*/
table, th, td .update{
	border: /*2px solid black;*/2px solid #E5EEF9;
	border-collapse:collapse;
	width:100%;
	height:100%;
}

h2 .update {
	font-size:16px;
}
tr, td, th {
	/*border: 1px solid #000066;*/border: 1px solid #215EAC;
	padding: 5px;	
}
th {
	background-color: rgba(183, 208, 226, 0.10);
}
td {
	/*text-align:right;*/
}
/*---thead th{
	font-size:36px; 
	color:#215EAC;
}---------------------------------------------check how to apply this*/


tbody {font-family: Helvetica, Ariel, Sans-serif;
}

td {
}
tfoot {
}


/*----------------------------------------------FORMS------------------------------------------------------------------------*/
/*div {
  margin-bottom: 50px;
  height: 400px;
}
form {
  padding: 30px;
  width: 500px;
}*/


/* DESIGN 3 */
#form3 {
  background-color: /*#CAEBF2;*/#E5EEF9;
 font-family: Helvetica, Ariel, Sans-serif;/*'Century Gothic';*/
}

#box{
  background-color: white;
  border-radius: 2px;
  margin: auto;
  text-align: center;
  width: /*500px;*/ 99%;
}

#form3 h1 {
  color: #215EAC;
  text-align: center;
  margin: 0px;
}

#form3 input {
  border: 0px;
  border-bottom: 1px #A9A9A9 dashed;
  padding: 10px;
  color: #A9A9A9;
  width: 80%;
  margin: 10px;
 /*font-family: 'Century Gothic';*/  font-family: 'Helvetica', 'Ariel', Sans-serif;
}

#form3 input:focus, #form3 input:hover {
  border: 1px #FF3B3F solid;
}
/*--from Dave---------<table border="1" cellpadding="2" align="center" cellspacing="2" height="496" style="width: 853px">
                      <FONT size="4" face="Times New Roman, Times, serif"> --------------------------------------------------------------*/
  /*.nav2 {
	display:grid;
	grid-columns:1/4;
	grid-rows:2/3;
	list-style:none;
	background-color:#fefaff;
	border-color:black;
	border-radius:10px;
	margin:0 2%;
	padding:0 2em;
	}
.nav2 a {
	text-decoration:none;
	}	
.nav2 a:link {color:#0000D2;}
.nav2 a:visited {color:#551A8B;}
.nav2 a:focus {color:#684A49;}
.nav2 a:hover {color:#684A49;}
.nav2 a:active {color:#A10000;}

/*form {
	background-color:#EAEAEA;
	width:350px padding:10px;
}*/



	



/*

#utilitylinks {
	background-color:#f4e1f7;
}
#utilitylinks ul{
	list-style-type:none;
	}
#utilitylinks a{
	text-decoration:none;
}
#utilitylinks a:link {color:#0000D2;}
#utilitylinks a:visited {color:#551A8B;}
#utilitylinks a:focus {color:#684A49;}
#utilitylinks a:hover {color:#684A49;}
#utilitylinks a:active {color#A10000;}
/*/////////////////////////-----------------------footer----------------------/////////////////////*/
footer{
	display:flex-grid;
	grid-columns:2/3;
	grid-columns:4/4;
	justify-content:center;
	background-color:#fefaff;
	margin:1em;
	border-radius:15px;
	padding:1em 1em;
}
	}
*/