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

body {
	background: white;
	overflow-wrap: break-word;
  	word-wrap: break-word;
	margin: 0;
	padding: 0;
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.25;
}

/*Added for format purposes*/
.content {
	background: #FFFFFF;
	box-shadow: 0 15px 20px 20px rgba(0, 0, 0, 0.1), 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
	width: 60%;
	margin: 2.5% auto;
	padding-top: 10px;
}


main {
	width: 80%;
	margin: 5% auto;
	text-align: justify;
	padding-top: 15px;
	padding-bottom: 15px;
}
/*ends here*/


header {
	text-align: center;
}
.head {
	font-size: 20px;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}
img {
    width: 300px;
    margin: 10px;
}
h1 {
  font-size: 25px;
	padding: 10px 0;
}
h2 {
  font-size: 20px;
	padding: 5px 0;
}
h3 {
	font-size: 18px;
	padding: 5px 0;
}
h4 {
	font-size: 15px;
	font-style: italic;
	padding: 5px 0;
}
h5 {
	font-size: 15px;
	font-weight: bolder;
	padding: 5px 0;
}
hr {
	padding: 20px;
	border: hidden;
}

/*Removed css attached to ol. Numbers were needed at some point*/

ul {
	list-style-type: disc;
	padding-left: 10px;
}
ul.circle {
	list-style-type: circle;
	padding-left: 20px;
}			/* Slight change here for uniformity*/
ul.square {
	list-style-type: square;
	padding-left: 30px;	
} 			/* Slight change here for uniformity*/
ul.table {
	padding-left: 15px;
	vertical-align: text-top;
}
table.contents {
	background-color: white;
	padding-left: 50px;
  	border: hidden;
  	border-collapse: collapse;
	overflow: auto;
	vertical-align: text-top;
}
td.contents {
	border: hidden;
  	border-collapse: collapse;
	padding-left: 10px;
	padding-right: 100px;
	padding-bottom: 5px;
	padding-top: 5px;
}
caption {
    text-align: left;
	font-size: smaller;
	font-style: italic;
	padding: 8px;
    caption-side: top;
}
table {
	border: 1px solid black;
  	border-collapse: collapse;
	font-weight: 300;
	padding: 5px;
	overflow: auto;
	vertical-align: text-top;
/*Added the following for tables to remain contained in div despite browser resizing*/
	table-layout:fixed;
    width:100%;
/*	*/
}
td.leftmaroon {
	border: 1px solid black;
	font-weight: 700;
	background-color: maroon;
	color: snow;
}
tr.head {
	text-align: center;
	font-size: 17px;
	font-weight: bolder;
}
th.maroon {
	border: 1px solid black;
	background-color: maroon;
	color: snow;
	text-align: center;
}
td.pink {
	border: 1px solid black;
	background-color: lightpink;
}
td.pinktop {
	vertical-align: top;
	border: 1px solid black;
	background-color: lightpink;
}
td.topmaroon {
	font-weight: 700;
	text-align: center;
	background-color: maroon;
	color: snow;
}
td.hangleftpink {
	text-align: left; 
	padding-left: 25px;
	background-color: lightpink;
	border: 1px solid black;
}
td {
	border: 1px solid black;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
td.centre {
	text-align: center;
}
td.middle {
	text-align: left;
	vertical-align: middle;
}
th {
	border: 1px solid black;
	padding-left: 10px;
	text-align: left;
	text-decoration: underline;
	font-weight: 300;
}
th.notunderline {
	border: 1px solid black;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: 300;
}
th.box {
	border: 1px solid black;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: 300;
}
figcaption {
	font-size: 14px;
	font-style: italic;
}