

.tooltip { position:relative; z-index:24;

      text-decoration : none;

 

}

.tooltip span { display: none;

}

.tooltip:hover {z-index:25;

height : 0px;

width: auto;



text-align : left



}





.tooltip:hover span {
display:inline;

position:absolute;
bottom : 0px;
left : 34px;
width: auto;
line-height : 12px;
background-color:#ffffff;
border:0px solid #333333;
padding-left:6px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
font-size:12px;
font-weight : bold;
color:#000066;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align : left
}
#centeredmenu li.level a {
  background :#CCFFCC;
  color : #000000;
  font-weight : normal;
 width : 120px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
}
#centeredmenu li.level:hover a {
  background : #eeeeee;
  width : 120px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
}
  #centeredmenu li.ex a  {
  background : #FFCC99;
  color : #000000;
  font-weight : normal;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
   #centeredmenu li.ex:hover a  {
  background :  #eeeeee;
  width : 120px;
  padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
  #centeredmenu li.prices a  {
   background : #FFFF66;
   color : #000000;
   font-weight : normal;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
   #centeredmenu li.prices:hover a  {
  background :  #eeeeee;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
  }
   #centeredmenu li.cambridge-exams a  {
  background : #CCFF66;
  color : #000000;
  font-weight : normal;
   margin-right : 4px;
   width : 137px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;


  }
   #centeredmenu li.cambridge-exams:hover a  {
  background : #eeeeee;
   margin-right : 4px;
  width : 137px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;


  }
   
   #centeredmenu li.online a  {
   background : #FFCCFF;
   color : #000000;
   font-weight : normal;
   width : 120px;
  padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }  
   #centeredmenu li.online:hover a  {
  background :  #eeeeee;

  }  
      
  
 ul#centeredmenu, ul#centeredmenu ul.official-exams {
    padding:0;
    margin: 0 auto;
    display: inline-block;
    width : auto;
    font-size :13px;
    font-weight : bold;
    margin-bottom : 35px;
     
     text-align : center;
     line-height : 50px;
    
}
ul#centeredmenu li, ul#centeredmenu ul.official-exams li {
    list-style-type: none;
    display: inline-block;
  margin-left : 0px;
     margin-right : 0px;
    }
    
    ul#centeredmenu ul.official-exams li {
margin-left :0;
     margin-right : 0;
     
     }
    	
/*Link Appearance*/
ul#centeredmenu li a, ul#centeredmenu li ul.official-exams li a {
    text-decoration: none;
  
    padding-left : 5px;
      padding-right : 5px;
       width : auto;
    display:inline-block;
  }
  

/*Make the parent of sub-menu relative*/
ul#centeredmenu li {
    position: relative;
  
       
}
/*sub menu*/
ul#centeredmenu li ul.official-exams {
    display:none;
    position: absolute;
  top : 32px;
    left: 0;
     
}
ul#centeredmenu li:hover ul.official-exams {
    display:block;
 width : 128px;
 padding-left : 0;
 padding-right : 0;
 text-align : center;
color : #000000;
  background:  #eeeeee;
line-height : 25px;
 padding-top : 7px;
 }

 
 
 ul#centeredmenu ul.official-exams li.first a {
 color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
} 
ul#centeredmenu ul.official-exams li.first:hover a {   
 color : #000000;
  background:  #eeeeee;
  width : 137px;
 height : 27px;


 }
 ul#centeredmenu ul.official-exams li.advanced a {
color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
 } 
ul#centeredmenu ul.official-exams li.advanced:hover a {
  color : #000000;
  background:  #eeeeee;
 width : 137px;
 height : 27px;
 }
 ul#centeredmenu ul.official-exams li.proficiency a {
 color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
 } 
ul#centeredmenu ul.official-exams li.proficiency:hover a {
 color : #000000;
  background:  #eeeeee;
  width : 137px;
 height : 27px;
 }
  
@media  screen
	and (min-width : 100px)
	and (max-width : 480px) {
  
  .tooltip:hover span {
display:inline;

position:absolute;
bottom : 0px;
left : 34px;
width: auto;
line-height : 12px;
background-color:#ffffff;
border:0px solid #333333;
padding-left:6px;
padding-right:0px;
padding-top:6px;
padding-bottom:4px;
font-size:17px;
font-weight : bold;
color:#000066;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align : left
}

  
@media  screen
	and (min-width : 481px)
	and (max-width : 700px) {

#content { 
position : relative;
margin: 0 auto;
 height : 100%;
padding-top : 1em;
padding-bottom : 1px;
padding-left : 54px;
padding-right : 58px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : normal;
line-height : 1.5;
text-align : center;
background : #ffffff;
color : #999999;
width :332px;  
  
}  
  
#centeredmenu li.level a {
  background :#CCFFCC;
  color : #000000;
  font-weight : normal;
 width : 120px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
}
#centeredmenu li.level:hover a {
  background : #eeeeee;
  width : 120px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
}
  #centeredmenu li.ex a  {
  background : #FFCC99;
  color : #000000;
  font-weight : normal;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
   #centeredmenu li.ex:hover a  {
  background :  #eeeeee;
  width : 120px;
  padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
  #centeredmenu li.prices a  {
   background : #FFFF66;
   color : #000000;
   font-weight : normal;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }
   #centeredmenu li.prices:hover a  {
  background :  #eeeeee;
   width : 120px;
 padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;
  }
   #centeredmenu li.cambridge-exams a  {
  background : #CCFF66;
  color : #000000;
  font-weight : normal;
   margin-right : 4px;
   width : 137px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;


  }
   #centeredmenu li.cambridge-exams:hover a  {
  background : #eeeeee;
   margin-right : 4px;
  width : 137px;
padding-top : 3px;
padding-bottom : 3px;
line-height : 25px;


  }
   
   #centeredmenu li.online a  {
   background : #FFCCFF;
   color : #000000;
   font-weight : normal;
   width : 120px;
  padding-top : 3px;
padding-bottom : 3px;
 line-height : 25px;
  }  
   #centeredmenu li.online:hover a  {
  background :  #eeeeee;

  }  
      
  
 ul#centeredmenu, ul#centeredmenu ul.official-exams {
    padding:0;
    margin: 0 auto;
    display: inline-block;
    width : auto;
    font-size :13px;
    font-weight : bold;
    margin-bottom : 35px;
     
     text-align : center;
     line-height : 50px;
    
}
ul#centeredmenu li, ul#centeredmenu ul.official-exams li {
    list-style-type: none;
    display: inline-block;
  margin-left : 0px;
     margin-right : 0px;
    }
    
    ul#centeredmenu ul.official-exams li {
margin-left :0;
     margin-right : 0;
     
     }
    	
/*Link Appearance*/
ul#centeredmenu li a, ul#centeredmenu li ul.official-exams li a {
    text-decoration: none;
  
    padding-left : 5px;
      padding-right : 5px;
       width : auto;
    display:inline-block;
  }
  

/*Make the parent of sub-menu relative*/
ul#centeredmenu li {
    position: relative;
  
       
}
/*sub menu*/
ul#centeredmenu li ul.official-exams {
    display:none;
    position: absolute;
  top : 32px;
    left: 0;
     
}
ul#centeredmenu li:hover ul.official-exams {
    display:block;
 width : 128px;
 padding-left : 0;
 padding-right : 0;
 text-align : center;
color : #000000;
  background:  #eeeeee;
line-height : 25px;
 padding-top : 7px;
 }

 
 
 ul#centeredmenu ul.official-exams li.first a {
 color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
} 
ul#centeredmenu ul.official-exams li.first:hover a {   
 color : #000000;
  background:  #eeeeee;
  width : 137px;
 height : 27px;


 }
 ul#centeredmenu ul.official-exams li.advanced a {
color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
 } 
ul#centeredmenu ul.official-exams li.advanced:hover a {
  color : #000000;
  background:  #eeeeee;
 width : 137px;
 height : 27px;
 }
 ul#centeredmenu ul.official-exams li.proficiency a {
 color : #000000;
  background:  #CCFF66;
 width : 137px;
 height : 27px;
 } 
ul#centeredmenu ul.official-exams li.proficiency:hover a {
 color : #000000;
  background:  #eeeeee;
  width : 137px;
 height : 27px;
 }

#sendmessage{
  line-height : 15px;
  padding-left : 12px;
  padding-right : 12px;
    padding-top : 6px;
    padding-bottom : 6px;
    background:  #FF8C00;
    color : #ffffff;
  width : 60px;
  text-align : center;
}
