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

.prt{display:none;}

img{border:0;}

table,table td{
	border:none;
	padding:5px;
	width:auto;
}

.page-sidebar ul li a {
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
}

dt{
	font-size:1.5em;
	color:#128429;
}

dt.alpha{
	font-size:2em;
	color:#ff0000;
}


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

#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 {
	text-align:center;
}
.gifs img{
	display:block;
	margin-left: auto;
    margin-right: auto;
}
ul.collapse-kids-subject li.active a{
	color:#fff;
	background-color: #00ADEF;
}
.gifs img:first-child{
	margin-top:20px!important;
}
#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}

#menutable table {
  border: 4px solid #3399FF;
  font:bold 1.5em "Comic Sans Serif","Comic Sans MS",cursive;
}
#menutable td{
 width : 25%;
 height : 3em;
 border: 2px solid #3399FF;
 text-align: center;
 padding: 2px 15px;
}

#menutable a
{
text-decoration:none;
}
#menutable a:hover
{
color:#ff0000;
text-decoration:underline;
}

#main{
padding-top:1em;

margin-right:20%;
padding-bottom:20px;
}
#mainContainer{
	margin-left:0em;
	padding-bottom:20px;
}
	

.gifs_sides img{
    margin-top:0em;
    margin-bottom:5em;
    margin-left:0em;
    margin-right:0em;
}

.gifs_bottom img{
    margin-top:0em;
    margin-bottom:0em;
    margin-left:2.5em;
    margin-right:2.5em;
}
	
	#firebugBody {
    position: fixed;
    top:0;
    left:0;
    margin:0;
    padding:0;
    width:1px;
    height:1px;
    overflow:visible;
}

.firebugCanvas {
    position:fixed;
    top: 0;
    left: 0;
    display:none;
    border: 0 none;
    margin: 0;
    padding: 0;
    outline: 0;
}

.firebugHighlight {
    z-index: 2147483647;
    position: absolute;
    background-color: #3875d7;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
}

.firebugLayoutBoxParent {
    z-index: 2147483647;
    position: absolute;
    background-color: transparent;
    border-top: 0 none;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px dashed #BBBBBB;
    border-left: 0 none;
    margin: 0;
    padding: 0;
    outline: 0;
}

.firebugRuler {
    position: absolute;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
}

.firebugRulerH {
    top: -15px;
    left: 0;
    width: 100%;
    height: 14px;
    background: url(chrome://firebug/skin/rulerH.png) repeat-x;
    border-top: 1px solid #BBBBBB;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px solid #000000;
}

.firebugRulerV {
    top: 0;
    left: -15px;
    width: 14px;
    height: 100%;
    background: url(chrome://firebug/skin/rulerV.png) repeat-y;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #000000;
    border-bottom: 1px dashed #BBBBBB;
}

.overflowRulerX > .firebugRulerV {
    left: 0;
}

.overflowRulerY > .firebugRulerH {
    top: 0;
}

.firebugLayoutBox {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0;
}

.firebugLayoutBoxOffset {
    z-index: 2147483647;
    position: absolute;
    opacity: 0.8;
}

.firebugLayoutBoxMargin {
    background-color: #EDFF64;
}

.firebugLayoutBoxBorder {
    background-color: #666666;
}

.firebugLayoutBoxPadding {
    background-color: SlateBlue;
}

.firebugLayoutBoxContent {
    background-color: SkyBlue;
}

.firebugLayoutLine {
    z-index: 2147483647;
    background-color: #000000;
    opacity: 0.4;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
}

.firebugLayoutLineLeft,
.firebugLayoutLineRight {
    position: fixed;
    width: 1px;
    height: 100%;
}

.firebugLayoutLineTop,
.firebugLayoutLineBottom {
    position: absolute;
    width: 100%;
    height: 1px;
}

.firebugLayoutLineTop {
    margin-top: -1px;
    border-top: 1px solid #999999;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999;
}

.firebugLayoutLineLeft {
    margin-left: -1px;
    border-left: 1px solid #999999;
}

.greentext{
	color: #008000;
}
.orangetext{
	color: #ff6600;
}
.bluetext{
	color: #0000ff;
}
.darkbluetext{
	color: #00008b;
}
.purpletext{
	color: #800080;
}
.magentatext{
	color: #ff00ff;
}
.tealtext{
	color: #008080;
}
.redtext{
	color: #ff0000;
}