HTML, BODY {
	margin: 0;
	padding: 0;
	height: 100%;
}
#wrapper {
	min-height: 100%;
	position: relative;
	width: 100%;
}
#banner_header {
	background: #fff;
	height: 96px;
	overflow: hidden;
}
#sidenavlogo {
	position: absolute;
	right: 10px;
	top: 60px;
}
#myipaddress {
	position: absolute;
	bottom: 40px;
}
H1 {
	font-size: 24pt;
	font-weight: bold;
	line-height: 4.62rem; /* update of materializer cause issue with margin - used to fixed issue */
}
#main {
	padding-bottom: 40px;
	margin-top: 9%;
}
.btn, .btn-large, .btn-flat {
	margin-bottom: 15px; /* update of materializer cause issue with margin - used to fixed issue */
	height: 65px;
	min-width: 160px;
	line-height: 66px;
			/*-border around button boxes*/
		border-top: 2px solid #A8A8A8;
		border-right: 2px solid #A8A8A8;
		border-bottom: 2px solid #A8A8A8;
		border-left: 2px solid #A8A8A8;

}
.waves-effect .waves-ripple /* update of materializer cause issue with transition - used to fixed issue */
{
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-left: -5px;
	opacity: .25;
}
#footer {
	border-top: 4px solid #E14605;
	background: #000;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*=Nav
--------------------------------------------------------------*/
/* Button colour: background color*/
#nav-mobile-study A {
	background: #fff;
	color: #000;
}

/*Button colour: hover colour: background: hover border colour, Color: text colour when hovered*/
#nav-mobile-study A:hover {
	background: #D3D3D3;
	color: #444444;
}

/*Drop down list. formatting for the drop down*/
#nav-main {
	display: block;
	position: relative;
	max-height: 54px;
	max-width: 300px;
	min-width: 290px;
	background: #FFF;
	padding: 17px 0% 15px 0px;
	font-size: 18px;
	line-height: 1em;
	color: #686868;
	font-weight: bold;
	text-transform: uppercase;
	/*text-align: left; */
	z-index: 1;
	-moz-box-shadow: 0px 0px 10px #686868;
	-webkit-box-shadow: 0px 0px 10px #686868;
	box-shadow: 0px 0px 10px #686868;
	cursor: auto;
}

/*background size and formatting of the "MAIN" button*/
#nav-main-main {
	display: inline-block;
	/*padding: 3px 55px; */
	font-size: 20pt;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
}

/*colour in "MAIN" */
#nav-main:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 7.5%;
	height: 46px;
	width: 290px;
	background: #E14605;
	z-index: -1;
}

/*format and size of box next to "MAIN" */
#nav-main-trigger {
	display: none;
	position: absolute;
	margin-left: 282px; 
	top: 17px;
	left: 0;
	margin-bottom: 0px;
	margin-top: -12.5px;
	border-top: 13px solid #D3D3D3;
	border-right: 13px solid #000;
}

/*format and size of box next to "MAIN" - when open/clicked */
#nav-main-trigger.open {
	border-top: 13px solid #444444;
	border-right: 13px solid #8A734A;
}

/*By defult the "nav-buttons" are hidden */
#nav-buttons {
	display: none;
}

/*The "nav-buttons" are passed to 'nav-mobile-study' which will appear defult. Becomes hidden when box next to "Main" is clicked */
#nav-mobile-study {
	display: block;
}

/* =Media Queries
--------------------------------------------------------------*/

/*scale for chromebooks height issue (when not in full screen): resolution: 1366 x 655*/
@media all and (max-height: 755px) {
	#footer {
		display: none;
	}
}

/*scale for acer aspire: resolution: 1024 x 600  and lower - hides the footer and Div#main top margin and padding*/
@media all and (max-height: 615px) {
	#footer {
		display: none;
	}
	#main {
		padding-bottom: 0;
		margin-top: 0;
	}
	.btn, .btn-large, .btn-flat {
		height: 54px;
		min-width: 140px;
		line-height: 56px;
		/*-border around button boxes*/
		border-top: 2px solid #A8A8A8;
		border-right: 2px solid #A8A8A8;
		border-bottom: 2px solid #A8A8A8;
		border-left: 2px solid #A8A8A8;

	}
}