<!--
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:  Arial,Comic sans MS, Trebuchet MS, Verdana, 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}

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

img { text-align: left;}

IMG.right { float: right;}

fieldset {background-color:#ffdd35}

a {font-weight: normal; 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 { font-weight: normal; color: darkblue;   }

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


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

h1.gillsans {  font-family: Gill Sans, sans-serif; font-size: 24pt; line-height: 30pt; font-weight: normal; color: #FFFFFF; text-align: center; }

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


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

h1.right {  font-family:  Trebuchet MS,Verdana, Comic sans MS,  Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 22pt; 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.joke {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 100%; font-weight: bold; color: black; text-align: center; }


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.spellingLarge {  font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 100pt; line-height: 100%; font-weight: bold; color: #3F6287; text-align: center; }

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

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

h1.video {  font-family: Trebuchet MS, Arial, Comic sans MS,  Helvetica, sans-serif; font-size: 24pt; line-height: 25pt; font-weight: normal; 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;}

h2.dictionaryFrench { font-family: Arial, Verdana,  Trebuchet MS,Helvetica, sans-serif;  font-size: 24pt; line-height: 60%; font-weight: bold; color: #9C4C0B; text-align: center; }

h2.dictionaryEnglish { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;  font-size: 24pt; line-height: 100%; font-weight: bold; color: #000000; text-align: center; }

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

h2.videoList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 120%; font-weight: bold; color:#FE3102; text-align:left;}

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;}


h3.videoList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 120%; font-weight: bold; color:#000000; text-align:left;}

h4 { font-family:  Arial,Comic sans MS, Trebuchet MS, Verdana, 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.formal { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: bold; color:#000000; 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.login { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 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;}

h4.videoList { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#000000; text-align:left;}

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.interactive { 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: left; 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.formalBuffCenter { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #674417; text-align: center; font-style:  normal;}


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


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

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

h5.dictionaryFrench { font-family:  Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;  font-size: 16pt; line-height: 80%; font-weight: bold; color: #9C4C0B; text-align: center; }

h5.dictionaryEnglish { font-family:Arial, Trebuchet MS, Verdana,  Helvetica, sans-serif;  font-size: 18pt; line-height: 130%; font-weight: bold; color: #000000; text-align: left; }

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.login { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: bold; color: #7c7c7a; text-align: center;} 


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;}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

input { font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  line-height: 10pt; font-weight: bold; color: red; text-align: center;padding:2px;}

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;}

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

p { font-family:  Verdana, Trebuchet MS, Comic sans MS,  Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: normal; line-height:145%; text-align: left; color: #3F6287; margin-bottom: 25px}

p.ks1 { font-family:  Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 19pt; font-weight: bold; line-height:125%; 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:  Verdana, Arial, Comic sans MS, Trebuchet MS, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:125%; text-align: left; color: #FAF831;}

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

p.glossaryHeader { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; 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;}

p.rollover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height:17px; text-align: center; color: #000000;}

p:hover .x { color: white; background-color:#030303; }

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.formal { font-family: Verdana, Arial, Trebuchet MS,   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;}

/*this is the css for the dropdownmenu*/


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
border-right: none;
border-left: none;
border-top: none;
font:bold 12px Arial, Trebuchet MS, Verdana;

line-height:12pt;
z-index:100;

}

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

}


#dropmenudiv a:hover{ /*hover background color*/
background-color: #808080;
width: 95%;
}


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: 200px;
font:  15px Arial, Trebucheet,Verdana;
		}
		.vertical li a{
display: block;
width: 200px;
text-decoration: none;
height: 1em;
padding: .1em 1px;
border: 1px solid;
border-top: 0px;
font: 12px Arial, Trebuchet, Verdana;
		}
		.vertical li{
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display: inline;
font:bold 14px 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;
		}
	

/* roundboxes on index screen */
.rb1roundbox { background: url(nt.gif) repeat; }
.rb1top div { background: url(tl.gif) no-repeat top left; }
.rb1top { background: url(tr.gif) no-repeat top right; }
.rb1bot div { background: url(bl.gif) no-repeat bottom left; }
.rb1bot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rb1top div, .rb1top, .rb1bot div, .rb1bot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rb1content { margin: 0 7px; }
.rb1roundbox { width: 100%; margin: 1em auto; }


.rb2roundbox { background: url(nt2.gif) repeat; }
.rb2top div { background: url(tl2.gif) no-repeat top left; }
.rb2top { background: url(tr2.gif) no-repeat top right; }
.rb2bot div { background: url(bl2.gif) no-repeat bottom left; }
.rb2bot { background: url(br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rb2top div, .rb2top, .rb2bot div, .rb2bot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rb2content { margin: 0 7px; }
.rb2roundbox { width: 100%; margin: 1em auto; }
-->