*{
	margin: 0px;
	padding: 0px;
	/* box sizing allows liquid layouts with percentages that ignore the padding and margins woooot */
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;

	/* Prevent user selecting text accidentally */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background:none;
}

body {
	width:100%;
	height:100%;
}


h1, h2, h3, h4, h5, h6, p, a, div, td, li, button {
	font-family: Arial, Helvetica, sans-serif;
}

br.clear {
	clear: both;
}

/* ----------Main liquid heights----------- */
/*  overall container 100% of body, body to be set to screen on load */
#bod{
	background-color: #1f71b8;
	height:100%;
	width:100%;
	position: absolute;
	min-width: 400px;
	min-height: 300px;
}
#navbar{
	height:0px;
	width: 100%;
	position:relative;
	margin: 0;
	padding: 0.5% 0.8% 0.5% 0.8%;

	background: #28abe2; /* Old browsers */
	background: -moz-linear-gradient(top,  #28abe2 5%, #1f71b8 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#28abe2), color-stop(65%,#1f71b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #28abe2 5%,#1f71b8 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #28abe2 5%,#1f71b8 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #28abe2 5%,#1f71b8 65%); /* IE10+ */
	background: linear-gradient(to bottom,  #28abe2 5%,#1f71b8 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28abe2', endColorstr='#1f71b8',GradientType=0 ); /* IE6-9 */
}
		#home-link{
			position:relative;
			width:4%;
			height:100%;
			float:left;

			border-top: 1px solid #00ADEE;
			border-left: 1px solid #00ADEE;
			border-right: 1px solid #1E6DA8;
			border-bottom: 1px solid #1E6DA8;

			background: #0070C4;
			font-size: 0.8em;
			color: #FFFFFF;
		}
		#home-link img{
			margin-left:25%;
			position:relative;
			height:100%;
			float:left;
		}

		#home-link:hover{
			border-top: 1px solid #00ADEE;
			border-left: 1px solid #00ADEE;
			border-right: 1px solid #1E6DA8;
			border-bottom: 1px solid #1E6DA8;

			background: rgba(0, 112, 196, 0.5);
			font-size: 0.8em;
			color: #FFFFFF;
		}
		#home-link:active{
			border-top: 1px solid #00ADEE;
			border-left: 1px solid #00ADEE;
			border-right: 1px solid #1E6DA8;
			border-bottom: 1px solid #1E6DA8;

			background: #32B4E5;
			font-size: 0.8em;
			color: #FFFFFF;
		}

		#back-link{
			position:relative;
			height:100%;
			width: 25%;
			float: right;
		}
		#back-link img{
			position:relative;
		}

#container {

	padding-bottom:0px;

	height:99.0%;
	width: 100%;
	position:relative;
	background-color:#fff;
}
		/* buttons relating to the skoool html5 player for reuse */
		/*
			#lo-nav {
				position:relative;
				height: 100%;
				width:40%;
				float: left;
				margin-left: 20%;
				padding: 1%;
			}
				#lo-nav div {
					position: relative;
					height:100%;
					width:32%;
					float: left;
					margin-left:1%;
				}

				#lo-nav div.normal {
					border-top: 1px solid #858585;
					border-left: 1px solid #424242;
					border-right: 1px solid #424242;
					border-bottom: 1px solid #343434;

					background: #474747;
					font-size: 1em;
					color: #FFFFFF;
					text-transform: uppercase;
				}
				#lo-nav div.focused {
					border: 2px solid #32B4E5;
					background: rgba(50, 180, 229, 0.6);

					font-size: 1em;
					color: #FFFFFF;
					text-transform: uppercase;
				}
				#lo-nav div:active {
					border: 4px solid rgba(50, 180, 229, 0.4);
					background: rgba(50, 180, 229, 0.85);
					font-size: 1em;
					color: #FFFFFF;
					text-transform: uppercase;
				}
			*/	


