BODY
{background: #000000 url("bg-book-maroon.jpg");
 font-family: comic sans ms,verdana,arial,helvetica;
color: #FFFFFF;
font-size: 13pt;
line-height: 1.5em;
margin: 0%;
font-size:11pt;
 scrollbar-face-color: #000000;
 scrollbar-arrow-color: #777777;
 scrollbar-track-color: #333333;
 scrollbar-shadow-color: #111111;
 scrollbar-highlight-color: #3d3d3d;
 scrollbar-3dlight-color: #555555;
 scrollbar-darkshadow-color: #000000;
}

<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--

//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com

var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>

p {font-size: 13pt}

LI {font-size: 12pt}

h1,h2,h3,h4,h5,h6 {color: #000000}

A:link, A:visited, A:active { text-decoration: none }
A:link {color: #FF4500}
A:visited {color: #FF4500}
A:active {color: #FF4500}
A:hover {color: #FFA500;text-decoration: none}

BLOCKQUOTE {margin-left: 2em; margin-right: 2em}

.head {background:#FFFFFF; url(bg-blink.gif);padding:5px}
.head-main {background: #7A7A7A url(bg-blink.gif);padding:5px}
.head-history {background: #1874CD url(bg-blink.gif);padding:5px}
.head-learn {background: #008B00 url(bg-blink.gif);padding:5px}
.head-fun {background: #CD0000 url(bg-blink.gif);padding:5px}
.head-show {background: #CD00CD url(bg-blink.gif);padding:5px}

.doormenu 
 {background:#FFFFFF url(sfp/kids/imgs/bg-kids.jpg);
 padding-top:5px;
 } 

.chalkboard 
 {background:#202020;
  border:10px inset saddlebrown;
 }

.htitle 
  {background: #A52A2A;
  color: #008080;
  font-size:14pt;
  border:1 solid #708090;
  }

.hpic 
  {background: #F5F5DC;
  color: black;
  font-size:12pt;
  }


.bubbles 
  {background: #FFFFFF;
  color: #000000;
  font-size:12pt;
  border:1 solid #708090;
  }

.hbreak 
  {background: #FAFAFA;
  color: #000000;
  font-size:14pt;
  border:1 solid #A52A2A;
  padding:5px;
  }

.pg-btm {font-size:9pt;color:cyan}
