/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body { font-family: "Comic Sans MS",Tahoma,"Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Verdana,sans-serif;
    font-size: 76%; 
    margin: 0px;
    padding: 0px;
    text-align: center; 
    width: 100%;  
}

#header { margin: 0px;
  
    padding: 0px;
    width: 100%; 
    background-color: rgb(153, 153, 255);  
       border-top: 10px;
    
    border-bottom: 10px;
     border-style:solid;
     border-color: rgb(153, 153, 255); 
}

#menus { 
    padding: 0px;
    background-color:  rgb(153, 153, 255);
    margin:  0px; 
    width: 100%;
}

#menus a:link, a:visited { color: rgb(0, 0, 255);
    text-decoration: none;
    padding-top: 10px;
    font-size: 1.5em;
    text-align: center;
}

#menus a:hover { color: #993399; 
    text-decoration: none;
    padding-top: 10px;
    font-size: 1.5em;
    text-align: center;  
}

#home {
    color: #000080;
    line-height: 3em;
    background-image: url("../images/home.png");
    background-repeat: no-repeat;
    background-color: rgb(204, 204, 255);
    width: 16%;
    text-align: center;
    float: left;    
}

#numeracy {    
    color: #000080;
    line-height: 3em;   
    background-image: url('../images/numeracy.png');
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 153);
    width: 16%;
    text-align: center;
    float: left;
 
}
#literacy {    
    color: #000080;
    line-height: 3em;
    background-image: url('../images/literacy.png');
    background-repeat: no-repeat;
    background-color: rgb(153, 255, 204);
    width: 16%;
    text-align: center;
    float: left;
}
    
#spatial {    
    color: #000080;
    background-image: url('../images/spatial.png');
    background-repeat: no-repeat;
    background-color: rgb(255, 204, 211);
    line-height: 3em;
    width: 19.8%;
    text-align: center;
    float: left;
}
#other {    
    color: #000080;
    background-image: url('../images/other.png');
    background-repeat: no-repeat;
    background-color: rgb(153, 204, 255);
    line-height: 3em;
    width: 16%;
    text-align: center;
    float: left;
}

#links {    
    color: #000080;
    background-image: url('../images/links.png');
    background-repeat: no-repeat;
    background-color: rgb(223, 223, 223);
    line-height: 3em;
    width: 16%;
    text-align: center;
    float: left;
}

#main { /*width: 100%; */
    margin-left: 0px;
    margin-right: 0px;  
    margin-bottom: 0px;
    margin-top: 0px;
    clear: both;
   background-color: rgb(255, 255, 255);
   border-top: 40px;
    border-left: 40px;
    border-right: 40px;
    border-bottom: 10px;
  /* border-color: #ff0000; */
   border-style:solid;

}

#main h1 { 
   margin-top: 10px;
   padding: 0px;
   color: rgb(0, 0, 128);
   font-size: 2em;
   text-align: center;
}

#main h2 { 
    padding: 0px;
    color: rgb(0, 0, 128);
    font-size: 1.6em;
    text-align: center;   
}
  
#main p { 
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    color: rgb(0, 0, 128);
    font-size: 1.4em; 
    text-align: left;  
    width: 95%;
}


#main a:link{ color: #0000ff;
    font-weight: normal;
    text-decoration: none;
    margin-left: 0px;
    font-size: 1em;
  
}
#main  a:visited  { color: #990000;
    font-weight: normal;
    text-decoration: none;
    margin-left: 0px;
    font-size: 1em;
  
}

#main  a:hover  { color: #008080;
    font-weight: normal;
    text-decoration: none;
    margin-left: 0px;
    font-size: 1em;
    
}

#main table{     
   width: 90%;
   text-align: left;  
   margin-left: auto; 
   margin-right: auto;  
   padding: 2px;
}

#main td {   
    font-size: 1.4em;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000080; 
    vertical-align: top; 
    
}

#main img { 
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
}

 #donate {   
    width: 100%;       
    padding : 0;
    margin: auto;            
}

#donate table{     
    margin: auto;   
    text-align: center;
}

#donate td{
    color: #000080;
    vertical-align: top;
    text-align: center;
    font-size: 1.2em; 
} 


#bottom { 
    width: 100%;     
}
    
    
#bottom table{   
   margin: auto;  
   width: 100%;
   text-align: center;  
}

#bottom td{     
   text-align: center;    
}