body {background-image: url("images/blue-backgrd.jpg"); margin: 0; 
        padding: 0; 
        font-family: verdana, arial, sans-serif; font-size: 16px;
        background-color: #92d6fb;}
  
h1, h2{font-family: serif; text-align: center;  }
h1 {font-variant: small-caps;}
h3 {font-size: 16px; 
    font-family: Tahoma, Verdana, Arial, sans-serif;}

a, a img, a:visited img, img{border: 0;}

#header {position: fixed; width:1100px; height: 75px; top: 0px; left: 0px;
  background-image: url("images/home_template_smalerthings-bg_.jpg"); 
  background-repeat: repeat-x;
  background-position: left 12px; z-index:10;}

#header img {float: left;}

#header p {background-color: #dcb60d; margin: 0;font-size: xx-small; 
          padding-left: 4em;}

#lmenu {/* clear: both; */ background-color: #086b35; position: fixed; top: 87px; left: 0px;
width: 100px;
        /*margin-right: -3em;*/}
        
#rightside {position: absolute; top: 87px; left: 158px;
      width: 75%;background-color: #92d6fb;
      padding: 10px 20px 0 0; margin: 0;
      background-image: url("images/blue-backgrd.jpg"); 
      /*border: 3px solid green;*/}

#content {position: relative; float: left;
          width: 100%;
          padding: 0 0 0 1em; margin: 0;
          /*border: 1px solid black;*/}
          
#contentheader {width: 90%; position: relative; z-index: 1000;}

#contentbody {clear: both; position: relative; }

#contentbody ul {padding-left: 2.5em;}
          
.mainpoint { behavior: url(IEFixes.htc); }
                  
.mainpoint{border: 2px solid red; width:125px; height: 50px;
      padding: 1em; font-weight: bold; margin: 2em 0; position: relative;
      color: #ffff55;  background-color: #55f; font-size: 1.3em; float: right;
      margin-right: 30px;}   
      
.mainpoint div {display:none;}  

.mainpoint:hover div{display:block; height: 178px; width: 195px; color: black; 
    padding: 37px 30px 0 38px;
    font-family:  Simpson, Boopie, "Poor Richard", Vrinda,  "Monotype Corsiva",  
        "Ligurino", Andy,  "Arial Narrow",Martina,  "Short Hand", Fantasy ;
    font-weight: normal; font-size: 84%;
    background-image: url("images/balloon1.gif"); background-repeat: no-repeat; 
    position: absolute; top: -130px; left: 110px; z-index: 9;}   
      
.mainpoint.hover div{display:block; height: 178px; width: 195px; color: black; 
    padding: 37px 30px 0 38px;
    font-family: Simpson, Boopie, "Poor Richard", Vrinda,  "Monotype Corsiva",  
        "Ligurino", Andy,  "Arial Narrow", Martina, "Short Hand", Fantasy ;
    font-weight: normal; font-size: 84%;
    background-image: url("images/balloon1.gif"); background-repeat: no-repeat; 
    position: absolute; top: -130px; left: 110px; z-index: 9;}
          
#insertsection {float: right; width: 58%; margin: 0 0 0 1em; position: relative;}

.insertitem {background-color:aqua;  padding: 1em; margin: 0 0 0 1em; }

div.article {
      font-size: .8em; font-weight: bold; text-align: center; 
      width: 25%; height: 200px; 
      padding: 8px 0 0 0; margin: 0 0 .375in 20px; 
      border: 3px solid #de3724; float: left;}
  
div.article img {margin-left: 1em; text-align:center;}

#contentbody #footer {position: absolute; top:1040px; left: 0}

#footer {float: left; text-align: center; width: 80%; 
         padding: 0 0 0 5em;; clear: both;}
         
.para {font-size:13px;
	margin: 9px;
	color:black;}

.ovalframe {background-image: url("images/OvalFrame.gif");  background-repeat: no-repeat; 
  height: 200px; width: 390px; padding-top: 10px;}
  
.ovalframe h2 { margin: 20px 0 0 100px; padding: 0; text-align: left;}

.ovalframe ul {margin: 10px 0 0 60px; }

.ovalframe a {text-decoration: none; color: black;}
.ovalframe a:visited{text-decoration: none; color: black;}
.ovalframe a:hover {text-decoration:underline; color: black;}


#colors {position:absolute; top: 0px; left: 0}

#science {position:absolute; top: 130px; left: 300px;}

#math {position:absolute; top: 270px; left: 0px}

#concepts {position:absolute; top: 400px; left: 300px;}

#seasons {position:absolute; top: 540px; left: 0}

#bible {position:absolute; top: 670px; left: 300px;}

#musiccd {position:absolute; top: 810px; left: 0px;}