div, p, body, a, html, img {padding: 0; margin: 0; text-decoration: none;}
img {border-style: none;}

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

fieldset input textarea {color: black; font-size: inherit; padding: 1em;}
input textarea {background-color: white;}

#header {position: fixed; width:100%; height: 100px; top: 0px; left: 0px; z-index:1000; padding-bottom: 0;
  background-color: #dcb60d;}

#header p {display: inline;}

#header a {display: block; position: absolute; left: 50px; top: 95px; text-decoration: none;  
  width: 54px; height: 22px;}
#header a:hover {border: 1px solid black;}

#header p, #header div{ margin: 0;font-size: xx-small;  }
#header p {padding-left: 3em; }
          
#headmenu {display: inline; }

#feltlogo {
  background-image: url("images/HeaderBackground.jpg"); 
  background-repeat: repeat-x;  }

#lmenu {background-color: #066933; position: fixed; top: 100px; left: 0px; width: 137px; height: 600px;
  background-image: url("images/Left_menu_final.gif"); background-repeat: no-repeat; z-index:900;}
  
#lmenu a {display: block; height: 22px; width: 102px; z-index: 3000;}  
  
#menu_shop  {position: absolute;  top: 20px; left: 16px; height: 22px; width: 102px; /*display: none;*/}
#menu_shop div {display: none;}
#menu_shop:hover div {display:block; position: absolute; top: 10px; left: 70px;  height: auto;
    background-color:#ff5d00;   z-index:2000;  }
#menu_shop div p {width: 150px; border: 1px solid black;padding-left: 1em; padding-top: 4px;}
#menu_shop a {color: yellow; font-size: .7em; width: 150px; height: 22px; text-decoration: none;}

#menu_home {position: absolute; top: 0px; left: 40px; height: 18px; width: 72px; }
#menu_home a {width: 72px; height: 18px;} 
#menu_workshops {position: absolute; top: 49px; left: 20px; height: 22px; width: 102px; }
#menu_classroom {position: absolute; top: 80px; left: 20px; height: 32px; width: 102px;}
#menu_freestuff {position: absolute; top: 123px; left: 20px; height: 22px; width: 102px;}
#menu_aboutus   {position: absolute; top: 148px; left: 20px; height: 22px; width: 102px;}
#menu_contactus {position: absolute; top: 173px; left: 20px; height: 22px; width: 102px; }

#menu_videos {position: absolute; top: 197px; left: 20px; height: 22px; width: 102px; }  
#menu_videos div {display: none;}
#menu_videos:hover div {display:block; position: absolute; top: 10px; left: 70px;  height: auto;
    background-color:#ff5d00;   z-index:2000;  }
#menu_videos div p {width: 200px; border: 1px solid black;padding-left: 1em; padding-top: 4px;}
#menu_videos a {color: yellow; font-size: .7em; width: 200px;  text-decoration: none;}

#menu_whattheysay {position: absolute; top: 224px; left: 20px; height: 32px; width: 102px; }
#menu_whattheysay a, #menu_classroom a {height: 32px; width: 102px;}

.cssmenu:hover {border: 1px solid black; z-index:5000;} 

#content {position: absolute;  left: 136px; top: 102px;
   padding: 20px 2em; background-image: url("images/blue-backgrd.jpg"); width: 80%; } 
   
#centered_content {width: 700px; margin: 0 auto; left: 0; right: 0; }
         
#contentheader {width: 90%; position: relative; z-index: 50; padding-bottom: 2em;}

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

#contentbody ul {padding-left: 2.5em;}

.insertsection {float: right; width: 40%; margin: 0 0 0 1em; position: relative;}
.insertsection p, .insertsection a {color: red; font-size: 24px; text-align: center;}   
.insertitem {background-color:aqua;  padding: 1em; margin: 0 0 0 1em; }   

#mainpoints {margin: 0 auto;}  
       
.mainpoint {border: 2px solid red; width:125px; height: 50px;
      padding: 1em; font-weight: bold; margin: 2em 25px 2em 0; position: relative;
      color: #ffff55;  background-color: #55f; font-size: 1.3em; float: left; z-index: 7;}         
.mainpoint div {display:none;} 
.mainpoint:hover div{display:block; height: 198px; 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/balloon2.gif"); 
     background-repeat: no-repeat; position: absolute; top: -150px; left: 110px; z-index: 900;}  
.mainpoint:hover a {text-decoration: underline;} 
    
#workshop_table {width: 580px;}
    
td {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}


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

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

#science {position:relative; top: -50px; left: 300px;}

#math {position:relative; top: -100px; left: 0px}

#concepts {position: relative; top: -150px; left: 300px;}

#seasons {position: relative; top: -200px; left: 0}

#seasons2 {position:relative; top: -250px; left: 300px;}

#bible {position: relative; top: -300px; left: 0px;}

#musiccd {position: relative; top: -350px; left: 300px;}

#classroom #picframe {float: right; top: 0px; left:260px; width: 480px;  }
#classroom #picframe #picture {margin: 0 auto; text-align: center;}
/*#classroom #picframe img {}*/
#classroom #thumbnails {width: 280px;}
#classroom #thumbnails p {margin: 0; padding: 0;}
#classroom #thumbnails img {margin: 4px; border: 1px solid blue;}

#contact_classroom {border: 4px solid blue; clear: both; width: 300px; height: 45px; text-align: center; 
  margin: 0 auto 12px; padding: 8px 8px 8px;}
#previous {float:left; width: 193px; height: 100px; margin: 16px 0; }
#next {float:right; width: 193px; height: 100px; margin: 16px 0; }


#cd, #contact_us {border: 1px solid; text-align: center; border-collapse: collapse;border-spacing: 0;
  margin: 0 auto; width: 360px; background-color: white; color: black;}
#cd td, #cd th, #contact_us td, #contact_us th 
  {border: 1px solid black; padding: 0 1em; }
#contact_us td, #contact_us th {font-size: inherit; padding: 4px 0;}
#contact_us a {text-decoration: underline;}
#contact_form {width:360px; margin: 32px auto;}

.attention {color: red; font-weight: bold;}
.attention a {color: red; font-weight: bold; text-decoration: underline;}
.small {font-size: small;}
.centered {text-align: center;}

.button {margin: 16px 0 0 0;}

#yesjavascript {display: none;}
#nojavascript {position: relative; width: 400px; margin: 0 0 0 150px;}
#nojavascript p {margin-bottom: 2em;}
#nojavascript a {text-decoration: underline;}

#footer { text-align: center; width: 80%; 
         padding: 0 0 0 5em;; clear: both;}
#footer a {text-decoration: underline;}