<!--
body { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:16pt; }

 table { border-style: none;}
               
table.noBorder { border-style: none; }
    

div {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:140%; text-align: left; color: #67430A; }


td {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:17pt; text-align: left; color: #7693B2;  border: none}


img { text-align: left;}

IMG.right { float: right;}

a {font-weight: bold; color: #2555B8; text-decoration: none; outline: none;}

a.header {  font-family:  Comic sans MS, Trebuchet MS,  Arial,Verdana,  Helvetica, sans-serif; font-weight: bold; color: #3F6287; text-decoration: none;}

a:hover { color: red; text-decoration: underline; }

a.video {font-weight: normal;color: #FFFFFF; }
div.video { padding: 30px; background: #000000;}


h1 {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 25pt; font-weight: bold; color: #3F6287; text-align: center; }

h1.show {  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 21pt; font-weight: bold; color: #FFFFFF; text-align: center; }

h1.right {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 25pt; font-weight: bold; color: #3F6287; text-align: right; }

h1.alphabet {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 36pt; line-height: 100%; font-weight: bold; color: red; text-align: right; }


h1.spelling {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 40pt; line-height: 12mm; font-weight: bold; color: #3F6287; text-align: right; }


h1.video {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 25pt; font-weight: bold; color: #FAF831; text-align: right; }

h2 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 140%; font-weight: bold; color: #3F6287; text-align: center;}

h2.title { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 110%; font-weight: bold; color: #3F6287; text-align: center;}

h2.formal { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 110%; font-weight: bold; color: #3F6287; text-align: center;}

h3 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; color: #3F6287; line-height: 130%; text-align: center;}

h3.introduction { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #F37F04; line-height: 130%; text-align: center;}

h3.reference { font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color:#102158; line-height: 115%; text-align: center;}


h4 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;}

h4.QKS1 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;}

h4.caption { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;}


h4.captionKS1 { font-family: Comic sans MS, Arial, Helvetica, sans-serif; font-size: 16pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;}


h4.spellingCaption { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 130%; font-weight: bold; color: #735005; text-align: left;}


h4.white { font-family:Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 100%; font-weight: bold; color: #FFFFFF; text-align: LEFT;}

h4.list { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: bold; color:#102158; text-align: LEFT;}


h4.reference { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: bold; color:#102158; text-align: LEFT;}

h4.chalkboard { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: normal; color:#000000; text-align: LEFT;}


h4.screen { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#102158; text-align: LEFT;}

h4.video { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#FFFFFF; text-align:center;}

h5 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: center; font-style:  normal;}

h5.grey { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: center; font-style:  normal;}

h5.formal { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left; font-style:  normal;}


h5.larger { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #000000; text-align: center; font-style:  normal;}


h5.left { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style:  normal;}

h5.caption { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style:  normal;}

h5.white { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left;}

h6 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: normal; color: red; text-align: center;}

h6.formal { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: bold; color: red; text-align: right;}

h6.black { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: normal; color: black; text-align: left;}

h6.white { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  line-height: 13pt; font-weight: normal; color: white; text-align: center;}

h6.video {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: normal; color:  #5D345A; text-align: center;}

h6.blue {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: normal; color:  #102158; text-align: center;}

h6.yellow { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;  line-height: 13pt; font-weight: normal; color: yellow; text-align: center;}

li { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:120%; text-align: left; color: #FAF831;}

li.explain { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:150%; text-align: left; color: #000000;}

li.tour { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:120%; text-align: left; color: #000000;}

p { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:125%; text-align: left; color: #3F6287;}

p.ks1 { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 19pt; font-weight: bold; line-height:145%; text-align: left; color: #3F6287;}

p.alphabet { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 30pt; font-weight: bold; line-height:20%; text-align: left; color: #3F6287;}

p.alphabetEnglish { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height: 160%; text-align: left; color: #293C4B; font-style: italic; margin-left: 10%;}

p.video { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:125%; text-align: left; color: #FAF831;}

p.glossary { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:125%; text-align: left; color: #3F6287;}

p.glossaryHeader { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; line-height:125%; text-align: left; color: #583933;}

p.first { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:18pt; color: #3F6287; text-align: left;}

p.question { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:130%; text-align: left; color: #C97E07; border-style: dotted; padding:5px;}

p.spellingSmall { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:125%; text-align: left; color: #0628F5;}


p.spelling { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: bold; line-height:140%; text-align: left; color: #3F6287;  padding:5px;}

p.spellingBacktint { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: normal; line-height:150%; text-align: left; color: #3F6287;  background-color: #BCFF42; padding:5px;}


UL { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: left; line-height: 15pt; color: darkblue;}

ul.explain { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; line-height:150%; text-align: left; color: #000000;}


OL { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: left; line-height: 17pt;}


span.c1 { text-transform: uppercase; color: blue; font-size: 7pt; line-height: 14pt;}


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
border-right: none;
border-left: none;
border-top: none;
font:bold 12px Trebuchet MS, Arial,Verdana;
line-height:13pt;
z-index:100;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 3px;
border-right: none;
border-left: none;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: black;

}


#dropmenudiv a:hover{ /*hover background color*/
background-color: white;
}


menuColor{ /*menu text extra color*/
color:#66FF33;
}

/*this is the css for the homeMenutree*/


		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 0px solid;
			width: 170px;
			font:bold 15px Arial,Verdana;
		}
		.vertical li a{
			display: block;
			width: 170px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
			font:bold 15px Arial,Verdana;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
			font:bold 15px Arial,Verdana;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 170px;
			font:bold 15px Arial,Verdana;
		}
		
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: #FFCC61;
			color: black;
			border-color:#FFCC61;
		}
		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: white;
		}
	
-->