@charset "utf-8";
/* CSS Document */


/*Entire Body*/

body {
background: rgba(61,59,59,0.85);
}



.content {
	border-right: 20px solid #00ADEF;
	background: #FFFFFF;
	width: 800px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 10px;
	box-shadow: 0 15px 20px 20px rgba(0, 0, 0, 0.1), 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
	
}



/*Header*/
hr{
	 border-top: 2px dashed black;
	width: 800px;
}

h1 {
  background-color: #00ADEF;
	font-size:35px;
width: 800px;
height: 50px;
  color: white;

	
}

/*Image*/

img {
	object-fit: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;

}


figcaption {
	font-size: 18px;
}


/*Main */

h2{
	font-size: 27px;
	color:black;
	
}


h3{
	font-size: 25px;
	color: black;
	
}


h4{
	font-size: 20px;
	color:black;
	;
}

p{
	font-size:18px;
	text-align: justify;
	letter-spacing: inherit;
}

/*Bullet points*/

ul{
	list-style: none;
	
}
ul li::before{
	content:"\25AA";
	color:#00ADEF;
	font-weight:bold;
	display: inline-block;
	width: 1em;
	margin-left: -2em;
}

ul li {
	font-size: 18px;
	letter-spacing: inherit;
}


ol li{
	font-size:18px;
	letter-spacing:inherit;
	margin-left: -1em;
}

/*colour text and boxes*/

.lightblue_text {
  color:#00ADEF;
}	
	
.red_text {
	color:#B41D22;	
	}
	
div.red_box{
	background-color:#F8E8E8;
}

div.blue_box{
	background-color: #EDF9FE;
}

/*Tables*/

table {
  width: auto;
}

th {
  height: auto;
}	
tr {
	background-color: #EDF9FE;
}

th, td {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}