@font-face {
	font-family: 'Arial Rounded MT Bold';
    	/*src: url('../images/fonts/616.eot');*/
		font-display: swap;
	src: local('Arial Rounded MT Bold'), url('../ttf/616.ttf') format('truetype');
    }
body {
	color: #000000;
	font-size: 90%;
	font-weight : normal;
	background-color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

table{/*font-size: 98%;*/
font-weight : normal;
}
i{font-weight : bolder;}
p{margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;}
h1 {font-weight: bold;
	font-size: 160%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;
		font-family: "Arial Rounded MT Bold", Arial;
		color: #099;}
h2 {font-weight: bold;
	font-size: 138%;
		margin : 5px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
		border: 0px 0px 0px 0px;
		font-family: "Arial Rounded MT Bold", Arial;
		color: #099;}
h3 {font-weight: bold;
	font-size: 124%;
	margin : 0px 0px 0px 0px;
	padding: 5px 0px 15px 0px;
		border: 0px 0px 0px 0px;
		font-family: "Arial Rounded MT Bold", Arial;
		color: #333;}
h4 {font-weight: bold;
	font-size: 90%;
	margin : 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
		border: 0px 0px 0px 0px;}
hr{width:100%; background-color:#006666; height:4px; border:0px;
}
a:link, a:visited  {
	color: #066;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

a:hover, a:focus, a:active {color: #066;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;}
B {
	font-weight : bold;
}
input, select, textarea, button{
    font-size: 100%;
}

.small {font-size: 85%;}
.copyright { padding-top:20px;
	font-size : 9px;
color : #FFFFCC;}
.smallprint {  font-size: 9px; font-style: normal; font-weight: normal; color: #000000}
.quiz_table td{
 border-bottom: 1px solid #999;
}
.quiz_table_odd td{
 border-bottom: 1px solid #999;
}
#logo{position:relative;
right: 0px;
top: 0px;
z-index : 8;
}
#mobilelogo{display:none;}
.logo{height:50px; float:right;}
#menu{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 770px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 46px 0px 0px 0px;
	z-index : 7;
	visibility: hidden;
	}
	#holder{position:absolute;
left: 0px;
top: 40px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
z-index : 6;
	/*background-image : url("../images/bordertilev.png");
	background-repeat : repeat-y;*/
}
#menutop{visibility: hidden;}
#learnsubtop {
	visibility: hidden;
}
#teachsubtop {
	visibility: hidden;
}
#adminsubtop {
	visibility: hidden;
}
#subtop {
	visibility: hidden;
}
#content{position:relative;
left: 0px;
top: 0px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index : 6;
min-height:400px;
font-weight : normal;
}
#coursemain{ display:none;
	-webkit-print-color-adjust: exact; color-adjust: exact; background-image:  url(../png/copyright-spellzone.png);}
#courseprintmessage{ display: inline;}

#column1{
}
#column2{padding: 30px 15px 0px 20px;
display:none;
}
#hcolumn1{}
#hcolumn2{display:none;}
#flags{
display:none;
}
#copyright{
height: 30px;
margin: 5px 0px 0px 30px;
z-index : 6;
	font-size : 60%;
color : #FFFFCC;
}
#topbackground{position:absolute;
left: 0px;
top: 10px;
width: 800px;
height: 61px;
z-index : 1;
/*background-image : url("../images/menubg.png");
	background-repeat : no-repeat;*/
}
#sidebackground{
	position:absolute;
	left: -70px;
	top: 0px;
	width: 70px;
	bottom: 0px;
	z-index : 2;
/*	background-image : url("../images/bordertilev.png");
	background-repeat : repeat-y;*/
}
/*#halfcolumn{width:46%; padding:0px 20px 0px 0px; float:left;}*/
.printhide{visibility: hidden;display:none;}
.mobileonly{display:none;}
.notmobile{display:block;}
.printonly{display:block;}
.notprint{display:none;}

#bottomgreen{
	display:none;
}
#footer1 {
 clear:both; padding-top:30px;
}
#footer2 {
	display:none;
}
#footer3 {
	display:none;
}
#learntopbar {display:none;}
#teachtopbar {display:none;}
#admintopbar {display:none;}
#subtopbar {display:none;}
#mytopbar {display:none;}
.adminmenu{display:none;}
#accessouter{display:none;}
.listmenu{display:none;}
.listmenuselect{display:none;}

#orientationwarning{display:none;}
#gameframediv, #activityframediv{display:none;}
.close{display:none;}
.fullscreen{display:none;}
.minimisescreen{display:none;}