/* see layout-kids.html for layout overview */

body {
  background:#99ccff;
  margin:0;
  padding:0;
  border:0;
  }

.prt{display:none;}

img{border:0;}

a{
 color:blue;
 text-decoration:none;
}
a:hover{
 color:#ff4500;
 text-decoration:underline; 
}

div 
 {font: bold 1em "Comic Sans MS",fantasy;}

#header
  {background:#020576;}
#header a
  {margin-left:20%;}
#content{
  overflow:hidden;
  position:relative;
  width:100%;
  margin-bottom:3em;
  }
#sidemenu {
  position:absolute;
  left:0;
  height:100%;
  overflow:hidden;
  width:12em;
  text-align:center;
  padding-top:3em;
  }

#rightsidemenu {
  position:absolute;
  right:0;
  height:100%;
  overflow:hidden;
  width:12em;
  text-align:center;
  padding-top:3em;
  }

#sidemenu .kidheader{
  font: bold 1.8em "Curlz MT","Comic Sans MS",fantasy;
  letter-spacing:-0.1em;
}
#kidnav{
 width:90%;
 margin:auto;
 height:1.4em;
 border: solid 2px green;
 overflow:auto;
}
#kidnav a{
 display:block;
 text-align:left;
 background: #F5F5DC;
 color: darkgreen; 
 font: bold .9em "Comic Sans MS",sans-serif;
 text-decoration:none;
}
#kidnav a:hover{
 background: #dde;
}

.home{
 margin-left:2em;
 text-align:left;}
.home a{
 color:black;
 margin-top:3em;
 font-size: 1.2em;
}
.home a:hover{
 color:#ff4500;
 text-decoration:underline; 
}
.prtvn a{
  color:black;
  font: bold 1em Helvetica, Arial, sans-serif;
}
.prtvn a:hover{
 color:#ff4500;
 text-decoration:underline; 
}

.prtvn img {vertical-align:middle;}

.gifs {}
.gifs img{display:block; margin: 5em 0 40em 2em;}
.gifsright img{display:block; margin: 5em 0 40em 2em;}
#main{
  margin-left:12em;
  padding-top:2em;
  }
.kidheader{ font: bold 4em "Curlz MT","Comic Sans MS",fantasy;}
#main p.question{font:2.2em "Comic Sans MS",sans-serif; color:#128429}
#main p.answer  {font:1.8em "Comic Sans MS",sans-serif; color:#990009}
#main p.warning {font:2.2em "Comic Sans MS",sans-serif; color:#3333ff}

#footer{
  clear:both;
  background:#020576;
  text-align:center;
  }
#footer a{
 color:white;
 padding:0 1.5em;
 font: .7em/4em normal Verdana, Helvetica, Arial, sans-serif;
}
#footer a:hover{color:#ff4500;}

.redtext {color: #FF0000;}
.yellowtext {color: #A0522D;}
.orangetext {color: #ff6600;}
.greentext {color: #008000;}
.darkgreentext {color: #006400;}
.bluetext {color: #0000FF;}
.darkbluetext {color: #00008B;}
.indigotext {color: #4B0082;}
.purpletext {color: #800080;}
.magentatext {color: #FF00FF;}
.tealtext {color: #008080;}
.greenbg {background: #CCFFCC;}
.bluegreenbg {background: #CCFFFF;}
.pinkbrownbg {background: #FFCCCC;}
.yellowgreenbg {background: #FFFFCC;}