/* Computers and tablets */

*, *:before, *:after {
	box-sizing: border-box;
	}

body {
	margin: 0;
	background-color: rgb(248,248,248);
	}

p {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
	color: rgb(129,135,139);
	padding: 0 0 1.2em;
	line-height: 1.7em;
	}

h2, h3, h4 {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	padding: 0.5em 0 0.5em;
	color: rgb(129,135,139);
	}

h1 {
	margin: 0;
	color: rgb(129,135,139);
	font-size: 4.5em;
	font-family: 'Raleway';
	padding: 0.5em 0 0.5em;
	}

h2 {
	color: rgb(129,135,139);
	padding-top: 2.4em;
	font-size: 1.8em;
	}

h3 {
	font-size: 1.3em;
	}

strong {
	padding: 0.5em 0 0.5em;
	}

ul {
	margin: 0;
	padding: 0 0 0.7em 25px;
	color: rgb(129,135,139);
	list-style-type: circle;
	}

li > p {
	margin: 0;
	padding: 0 0 0.3em 0.5em;
	}
	
img {
	vertical-align: middle;
    padding: 0;
    display: block;
    margin: 0 auto;
	}

table {
	table-layout: fixed;
	margin: 0;
	padding: 0 0 0.5em 0;
	width: 100%;
	border-collapse: collapse;
	}
	
td, th, tr {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	padding: 8px;
	word-wrap: break-word;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left;
	vertical-align: top;
	color: rgb(129,135,139);
	font-family: 'Raleway', sans-serif;
	}

a {
	text-decoration: none;
	}

a:link {
	text-decoration: none;
	color: rgb(129,135,139);
	border-color: rgb(253, 238, 98);
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	}

a:visited {
	color: rgb(129,135,139);
	border-color: rgb(253, 238, 98);
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	}

a:hover {
	color: rgb(129,135,139);
	text-decoration: none;
	background-color: rgb(253, 238, 98);
	border-color: rgb(253, 238, 98);
	}
	
/* Btm Nav ******************************************************************************/
	
ul.btmnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
	}

ul.btmnav li {
	/*float: left;*/
	}

ul.btmnav li a {
    display: block;
    color: rgb(129,135,139);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    border: none;
	}

ul.btmnav li a:hover:not(.active) {
	background-color: rgb(253, 238, 98);
	}

/* Data Table ***************************************************************************/

.data_table {
	border-radius: 11px;
	background-color: #f2f2f2;
	padding: 20px;
	}

/* IDs **********************************************************************************/

#container {
	width: 100%;
	margin: 0 auto;
	}

#topbar {
	top: 0;
	width: 100%;
	margin: 0 auto;
	border-color: rgb(253, 238, 98);
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	}

#topimg {
	height: 420px;
    background-image: url("img/bkg.jpg");
    background-position: center;
	}
	
#logo {
	position: relative;
	top: 80px;
	left: 100px;
	width: 320px;
	height: 242px;
	}
	
#main {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	}
	
#content {
	position: relative;
	top: 0;
	padding: 25px 10px 46px;
	}
	
#spacer {
	height: 46px;
	}
	
#btmbar {
	width: 100%;
	margin: 0 auto;
	border-color: rgb(253, 238, 98);
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	}

/* Classes ******************************************************************************/

.article {

	}

.col1 {
		width: 15%;
	}

.col2 {
		width: 50%;
	}
	
.col3 {
		width: 35%;
	}
	
.small {
		width: 15%
	}
	

/* Phones *******************************************************************************/

@media all and (max-width: 1200px) {
	
	p {
		font-size: 1.6em;
	}
	
	h1 {
		font-size: 3.8em;
	}
	
	h2 {
		font-size: 2.8em;
	}
	
	/*h3 {
		font-size: 2.3em;
	}*/
	
	td, th, tr {
		font-size: 1.2em;
	}
	
	#sidebar {
		position: static;
		}
		
	#spacer {
		height: 32px;
		}
		
	#main {
		
	}
	
	#content {
		padding: 0 40px 0;
	}
	
	ul.btmnav {
		flex-flow: column wrap;
	}
	
	ul.btmnav li {
		float: none;
	}
	
	ul.btmnav li a {
		font-size: 2.5em;
	}
	
	.right {
		display: inline;
	}
	
	.formcol-25, .formcol-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
	}
	
}

/* Colours ******************************************************************************/
rgb(253, 238, 98) Yellow
rgb(129,135,139) Font Colour
rgb(248,248,248) Page Background
rgb(129,135,139) Table Line
#f2f2f2 Form Background
*/