/*COPYRIGHT STUART A. KIRK. ALL RIGHTS RESERVED. 2008*/

/*Sets background across entire school site*/

html{height: 101%;}

body {
     margin-top: 3pt;
		 padding-top: 0pt;
		 margin-bottom: 0pt;
		 padding-bottom: 0pt;
		 background-color: #B40404;
		 background-image: url(logo/backgound_3.jpg);
		 background-repeat: repeat-y;
		 background-position: 50%;
		 }

/*title image*/
#title {
        text-align: center;
				float: none;
				margin: 0px;
			}

.mobile 
      {
			 float: none;
			 text-align: center;
			 width: 27px;
			} 

/*lines*/
.line {
      text-align: center;
			margin-top: 5px;
			margin-left: 0;
			}
		
/*Styles acroos school site.*/
p {
   color: #333333; 
	 font-family: arial, helvetica, sans-serif,MSPMincho,MSMincho,MSGothic,MSPGothic; 
	 font-size: 11pt; 
	 text-align: justify; 
	 line-height: 180%;  
	 margin-left: 12pt;
	 margin-right: 10pt;
	 }

/*navigation links*/	 
a:link {
  font-size: 12px; 
	font-family:arial,helvetica, sans-serif,MSPMincho,MSMincho,MSGothic,MSPGothic; 
	text-align: center;
	text-decoration: none;
	color: #5936EC;
	}	 

a:hover{
        
				color: blue;
				text-decoration: underline;
				}
				
a:visited { font-size: 12px;
            font-family:arial,helvetica, sans-serif,MSPMincho,MSMincho,MSGothic,MSPGothic; 
			color: blue;				
				    text-decoration: none;
						}
						
/*page level links*/

.plink {
  font-size: 7pt; 
	font-family: arial, helvetica, sans-serif, MSPMincho, MSMincho, MSGothic, MSPGothic; 
	text-align: left;
	text-decoration: none;
	margin-left: 1pt;
	color: gray;
	}
	
/*banner*/
/*set banner images to left and right*/

.banimgleft {
           float: none;
					 margin-left: -12pt;
					 width: 94px;
					 }

.banimgright {
            float: right;
						width: 62px;		
						}

.imgcenter {
            margin-left: 1pt;
																	
						}

/* faq page jump links*/

.faq {
     color: navy;
	 font-family: arial, helvetica, sans-serif,MSPMincho,MSMincho,MSGothic,MSPGothic; 
	 font-size: 9pt; 
	 text-align: left; 
	 line-height: 150%;  
	 margin-left: 12pt;
	 margin-right: 10pt;
	 }

/*styles for rhymes page*/						

.rhymeh2  {
       color: navy; 
			 background-color:#FAF5F5;
			 font-family: arial, helvetica, sans-serif; 
			 font-size:14pt;
			 font-weight: bold;
			 text-align: center; 
		 }

.imgrhymes { 
            text-align: center;
						}
						
.rimgrhymes { 
            text-align: right;
						}						
.vocab {
        text-align: center;
				float: none;
				width: 188px;
			}	

.arrows
     {
        text-align: center;
				float: none;
				width: 13px;
		 }
		 
.realpl
      {
        text-align: center;
				float: none;
				width: 29px;
		   }

.rhymebanner			 
     {
        text-align: center;
				float: none;
				width: 250px;
		 }			 
		 	
						
/*black*/
.prhymeblack {
  font-size: 9pt; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	color: black;
	}

/*green*/	
.prhymegreen {
  font-size: 9pt; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	color: green;
	}	

/*blue*/	
.prhymeblue {
  font-size: 9pt; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	color: blue;
	}	
	
/*brown*/	
.prhymebrown {
  font-size: 9pt; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	color: #660000;
	}		
	
/*red*/	
.prhymered {
  font-size: 9pt; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	color: red;
	}		

.bannavigate	{
            margin: 0;
	             }
.navigate {
           color: navy;
					 background-color:#FAF5F5;
					 font-family: arial, helvetica, sans-serif, MSPMincho, MSMincho, MSGothic, MSPGothic;
					 font-size: 10pt;
					 text-align: center;
				 }	

/*pics*/

img {
     /*float: left;*/ 
		 margin-left: 12pt; 
		 margin-right: 12pt;
		 margin-top: 6pt;
		 margin-bottom: 6pt;
		 /*background-color: none;*/
				 }
				 
/*headers*/

h1 {
     font-family: MSPMincho, MSGothic, MSMincho, MSPGothic; 
	   background-color: #CC0000;
		 line-height: 200%;
	   color: navy;
	   text-align: center; 
	 }

h2  {
       color: navy; 
			 background-color:#FAF5F5;
			 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
			 font-size:11pt;
			 text-align: left; 
			 margin: 12pt;
			 }

h3 {
       color: navy; 
			 background-color:#FAF5F5;
			 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
			 text-align: left; 
			 margin-top: 36pt;
			 margin-right: 12pt;
			 margin-bottom: 12pt;
			 margin-left: 12pt;			 
			 }

/* red font*/

.redfont {
                   color: #CC0000; 
									 background-color:#FAF5F5;
									 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
									 font-size: 12pt; 
	                 text-align: left; 
	                 line-height: 190%;  
	                 margin-left: 12pt;
	                 margin-right: 10pt;
	 									 }

.tinyredfont {
                   color: red; 
									 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
									 font-size: 7pt; 
	                 text-align: left;
									 margin-left: 1pt; 
									  }										 
										 
/*blackfont*/
.blackfont {
                   color: black; 
									 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
									 font-size: 12pt; 
	                 text-align: left; 
	                 line-height: 190%;  
	                 margin-left: 12pt;
	                 margin-right: 10pt;
	 									 }

/*sitemap navigation links*/	 
.sitemap , h2{
    font-size: 15px; 
	font-family: arial, helvetica, sans-serif, MSPMincho, MSMincho, MSGothic, MSPGothic; 
	text-align: left;
	margin-left: 25px;
	text-decoration: none;
	margin-bottom: 5px;
	line-height:120%;
	color: navy;
	}

/* example lesson*/
.egless {
   color: purple; 
	 font-family: arial, helvetica, sans-serif; 
	 font-size: 12pt; 
	 text-align: left; 
	 line-height: 300%;  
	 margin-left: 20pt;
	 margin-right: 0pt;
	 }

/* contact page */

.pdf {text-align: center;
      float: none;
			width: 25px;
			}	 

.bus {text-align: center;
      float: none;
			width: 49px;
			}			
			
.train {text-align: center;
        float: none;
			  width: 49px;
			}

.getpdf {text-align: center;
         float: none;
			   width: 25px;
		  	}		 
	 
	 
	 
/*kidspage*/

.imgkids { 
           
						text-align: left;
						margin-left: 20pt;
						}


.smile  {
         margin-left: 40px;
				}

.alphamatch {/*text-align: center;*/
         float: none;
				 margin: 0px;
			   /*width: 167px;*/
		  	}
				
			
.alphatext{color: #FB04CA; 
					 background-color: #023317;
					 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
					 font-size: 16px; 
	         text-align: center; 
	        }				
																 
.pinkfont {
                   color: #FF9991; 
									 background-color: #000080;
									 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
									 font-size: 16pt; 
	                 text-align: center; 
	                  }										 
										
.whitefont {
                   color: white; 
									 background-color: #000080;
									 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
									 font-size: 16pt; 
	                 text-align: center; 
							 }

/* kids page headings*/										 
.yellowfont {
                   color: yellow; 
									 background-color: #CC0000;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 22pt; 
	                 text-align: left;
									 margin-left: 2pt;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: underline;
	 									 }								
										 
.olivefont {
                   color: olive; 
									 background-color: #CC0000;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 22pt; 
	                 text-align: left;
									 margin-left: 2pt;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: underline;	
									  }									 		 	
.grayfont {
                   color: gray; 
									 background-color: #CC0000;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 22pt; 
	                 text-align: left;
									 margin-left: 2pt;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: underline;	
                    }
										
.aquafont {
                   color: aqua; 
									 background-color: #CC0000;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 22pt; 
	                 text-align: left;
									 margin-left: 2pt;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: underline;	
                    }										
										 
.bluespellfont {
                   color: blue; 
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 30pt; 
	                 text-align: center; 
							 }	
										 
.greenspellfont {
                   color: green; 
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 30pt; 
	                 text-align: center; 
	 									 }
										 
.purplespellfont {
                   color: purple; 
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 30pt; 
	                 text-align: center; 
	 									 }
										 
.tealspellfont {
                   color: teal; 
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 30pt; 
	                 text-align: center; 
	 									 }

/*audio page styles*/
.navyfont {
                   color: navy; 
									 background-color:#FAF5F5;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 16pt; 
	                 text-align: center;
									 margin-left: 2pt;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: underline;	
                    }				 
			 

/*idioms pages styles*/
.idiomnavyfont {
                   color: navy; 
									 background-color:#FAF5F5;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 14pt; 
	                 text-align: center;
									 margin-right: 0pt;
									 margin-left: 0pt;
									 margin-top: 0pt;
									 margin-bottom: 0pt;
                    }
										

.idiomital   {
            	 		 color: navy;
									 background-color:#FAF5F5;
									 font-family: arial, helvetica, sans-serif; 
									 font-style: italic;
									 font-size: 10pt; 
									 text-align: left;
                 }
								 
ul
{
list-style-type: none;
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
line-height: 150%; 
margin-left: 1.25em;
}

/*contact map*/

.contactfont {
                   color: navy; 
									 background-color: #CC0000;
									 font-family: MSPMincho, MSGothic, MSMincho, MSPGothic; 
									 font-size: 12pt; 
	                 text-align: center;
									 margin-left: 10pt;
									 margin-top: 10pt;
									 margin-bottom: 10pt;
							 }

/*form styles*/
#form {
         color: navy; 
	       font-family: arial, helvetica, sans-serif,MSPMincho,MSMincho,MSGothic,MSPGothic; 
	       font-size: 10pt; 
	       text-align: left;
				 margin-left:1pt;
			 }

.type
      {
          background-color: #ffffff;
          border-color: navy;
					border-style: solid;
					border-width: 1pt; 
					font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
					color: navy;
					font-size: 10pt;
					margin-left: 1pt;
		 }


.formtext
      {
          background-color: #ffffff;
          border-color: navy;
					border-style: solid;
					border-width: 1pt; 
					font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
					color: navy;
					font-size: 10pt;
					margin-left: 1pt;
		 }													 

.shortred {
      
		 margin-left: 12pt; 
		 margin-right: 2pt;
		 margin-top: 1px;
		 margin-bottom: 1px;
		 	 }


.contact {
     float: left; 
		 margin-left: 12pt; 
		 margin-right: 12pt;
		 margin-top: 0px;
		 margin-bottom: 0px;
		 width: 203px;
		 	 }
			 
			 
.enq {
       color: navy; 
			 background-color:#FAF5F5;
			 font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic; 
			 text-align: left; 
			 margin: 12pt;
			 padding: 0em;
			 font-size: 11pt;
			 font-weight: bold;
			 }			 


/*listening task textarea styles*/
textarea {
          background-color:#B40404;
          border-color: #5937ED;
					border-style: dotted; 
					font-family: arial, helvetica, sans-serif;
					color: #FFFFFF;
					font-size: 11pt;
					margin-left: 8pt;
					line-height: 150%;
					 }							 
/*idioms and phrasal verb select box style*/
select			
        {
          background-color:#FAF5F5;
          font-family: arial, helvetica, sans-serif;
					color: navy;
					font-size: 11pt;
					margin-right: 12pt;					
					 }	
					 
.homeworkform			
        {
          background-color:#FAF5F5;
          margin-left: 2pt;
					border-style: ridge;
				  padding-bottom: 4pt;
				}					 			 

/*Copyright*/
.copyright {
                   color: #333333; 
									 background-color:#FAF5F5;
									 font-family: arial, helvetica, sans-serif; 
									 font-size: 8pt; 
	                 text-align: center;
									 margin-top: 1pt;
									 margin-bottom: 1pt;
									 text-decoration: none;	
                    }
										
/* story styles on Kid's page*/
#sth1 { font: bold 24px arial, helvetica, sans-serif;
color: #7540EE;
margin-top: 1em;
margin-bottom: 1em; }

#sttextarea { font: bold 20px arial, helvetica, sans-serif;
          text-align: center;
					margin-top: 1em;
					 color: #FC05E8;
					  background-color:#FBF5F5;
          border: none;
					overflow: auto;
					 }

.stinput {
	font: 18px arial, helvetica, sans-serif;
background-color: #cc0000;
	border: outset #cc0001;
	color: navy;
}

table
{
table-layout: fixed;														 			 				 
}

/*name plate styles*/
.plate {margin-top: 0px;
        margin-right: 10px;
				margin-left: 0px;
				margin-bottom: -5px; 
        }
				
.culture {
        float: left;
				margin-top: 20px;
        margin-right: 10px;
				margin-left: 15px;
				margin-bottom: -5px; 
        }

.culture_right {
        float: right;
				margin-top: 20px;
        margin-right: 15px;
				margin-left: 10px;
				margin-bottom: -5px; 
        }				
.culture_middle {
        float: left;
				margin-top: 20px;
        margin-right: 10px;
				margin-left: 15px;
				margin-bottom: 20px; 
        }
a.tealink {
         font-size: 15px;
				 margin-left: 12pt;
				 }

.feetable  {
           table-layout: fixed;
           width: 460px;
		   border: none;
		   font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
		   font-size: 15px;
		   text-align: left;
		   line-height: 160%;
		   background-color: #e9e9e9;		   		   
		   }

.feedata   {
           border: solid 1px #B40404;
		   width: auto;
		   }

.feehead{
          border: none;
		  width: auto;
		  font-size: 16px;
		  font-weight: bold;
		  }

.feesub { border: none;
		  width: auto;
		  font-size: 14px;
		  font-weight: bold;
		 } 


/*indexstyle*/
.indextable  {
           table-layout: fixed;
           width: 750px;
		   border: none;
		   font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
		   font-size: 11px;
		   text-align: left;
		   }

.indexdata   {
           border: none;
		       width: auto;
				   }

/*faqstyles*/
.faqtable  {
           table-layout: fixed;
           width: 750px;
		   border: none;
		   font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
		   font-size: 11px;
		   text-align: left;
		   }

.faqdata   {
           border: none;
		       width: auto;
				   }
					 
/*listeningstyles*/
.listentable  {
           table-layout: fixed;
           width: 750px;
		   border: none;
		   font-family: arial, helvetica, sans-serif, MSPMincho, MSGothic, MSMincho, MSPGothic;
		   font-size: 11px;
		   text-align: left;
		   }

.listendata   {
           border: none;
		       width: auto;
				   }					 

 /*COPYRIGHT STUART A. KIRK. ALL RIGHTS RESERVED. 2008*/