body {
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
font-size: 11px;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
padding: 0;
margin: 0;
position: relative;
}



h1 {
font-size: 22px;
color: #4e95d6;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
font-weight: 100;
font-style: italic;
text-align: left;
padding: 10px 0px 10px 0px;
margin: 0 ;
}

h2 {
font-size: 14px;
font-weight: bold;
padding: 0px 0px;
margin: 0;
color: #5f5f5f;
}


h4 {
font-size:13px;
font-weight: normal;
padding: 5px 0px;
margin: 10px 0px;
border-top: 1px dashed #564b47;
border-bottom: 1px dashed #564b47;
}

strong {
color:#5f5f5f;
}

blockquote { 
padding: 0px 20px;
margin: 0px;
}


/* ---------- container -------------- */
#container {
width: 966px;
margin: 0 auto;
background-color: #FFFFFF;
background-image: url(../images/bg-shadow.gif);
background-repeat: repeat-x;

}



/* ----------header for logo-------------- */
#header {
padding: 0px;
margin: 0 auto;
height: 113px;
width: 966px;
background:no-repeat;
background-image:url(../images/bg-header.gif);
background-position: center;
clear: both;
}

#header img {
padding-left: 23px;
padding-top: 0px;
float: left;
border: none;
position: relative;
} 

#header-left{
padding: 0px 0px 0px 0px;
float: left;
}



/* ----------header links at top-------------- */


#top-links {
padding: 4px 25px 0px 0px;
color: #f8fcff;
text-align: right;
float: right;
}



#top-links a {
color: #f8fcff;
padding: 0px 8px;
text-decoration: none;
}

#top-links a:hover {
color: #f8fcff;
text-decoration: underline;
}


/* ---------- apply button -------------- */

#apply {
margin-bottom: 20px;
position:absolute;
z-index:2;

}

#apply img{
border: none;
margin-top: -80px;
margin-left: 790px;
border: none;

position:absolute;
z-index:2;
}


/* ----------- main navigation --------------------------- */

menu {margin: 0; padding: 0;}
 #nav dir { display: block; margin: 0; padding: 0; position: relative; clear:both;  }
 #nav { display: block; margin: 0; padding: 0; position: relative; clear:both;  }
 #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
 #nav a { display: block;  }
 #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
 * html #nav ul { line-height: 0; } /* IE6 "fix" */
 #nav ul a { zoom: 1; } /* IE6/7 fix */
 #nav ul li { float: none; }
 #nav ul ul { top: 0; }
    


#nav ul { width: 200px; }
#nav ul ul { left: 131px; }


 
#nav {background-image: url(../images/bg-navi.gif);   height: 18px; margin: 0px 10px;  }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #f3f3f3; color: #5f5f5f; font-size: 12px; padding: 3px 15px 3px 15px; line-height: 1; text-decoration: none; }
#nav li.hover a { background-color: #ebebeb; }
#nav ul { top: 19px; }
#nav ul li a { background-color: #ebebeb;  border-bottom: 1px solid white; border-right: none; }
#nav ul a.hover { background-color: #f4f3f3;  }
#nav ul a {opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav .currenttop {background-image: url(../images/bg-navi-over.gif); color:#4e95d7;}

/* ----------- index left link --------------------------- */

link {margin: 0; padding: 0;}
 #world dir { display: block; margin: 0; padding: 0; position: relative; clear:both;  }
 #world { display: block; margin: 0; padding: 0; position: relative; clear:both;  }
 #world li { width: 140px; height:30px; display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
 #world a { display: block;  }

#world { height: 18px; margin: 0px 10px;  }
#world *:hover { background-color: none; }
#world li.hover a { background-color: #ebebeb; }


/* ----------------- content --------------------- */
#content {
margin: 0px 0px 0px 180px;
padding: 20px 0px 30px 0px;
width: 385px;
min-height: 400px;
height: expression(this.scrollHeight > 400 ? "auto":"400px"); 
}


p, pre{
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
background-color: #fff; 
color: #5f5f5f; 
line-height: 17px; 
font-size: 13px;
padding: 3px 0px 15px 0px;
margin: 0px;
}

#content  a {
color: #70a7dd;
text-decoration: none;
}


#content a:hover {
color: #70a7dd;
text-decoration: underline;
}

#content img {
margin: 0px;
padding: 0px;
}

#content li {
line-height: 17px; 
font-size: 13px;
color: #5f5f5f; 

}

#content ul {
padding: -10px 0px 0px 30px;
margin: 0px 0px 20px 0px;

}
#content span {
Color: #ffa200;		
}

/* --------------right column  ------------- */

#right-navigation {
float: right;
width: 350px;
padding: 35px 10px 0px 0px;
}



/* -------------- left navigation ------------- */



h3 {
font-size: 14px;
color: #5f5f5f;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
padding-bottom: 3px;
font-weight: 100;
padding-left: 0px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 8px;
border-bottom: 1px dotted  #CCCCCC;
}

#left-navigation  {
float: left;
width: 126px;
margin: 0;
padding: 32px 28px 0px 26px;
}

div#left-navigation { 
min-height: 400px;
height: expression(this.scrollHeight > 400 ? "auto":"400px"); 

}


#left-navigation  a {
color:  #4e95d7;
font-size: 12px;
text-decoration: none;
padding-left: 6px;
display: block;
line-height: 18px;
}


#left-navigation a:hover {
color: #FFFFFF;
text-decoration: none;
padding-left: 6px;
background-color: #a0cdf6;
}

#left-navigation .currentleft {
color: #FFFFFF;
text-decoration: none;
background-color: #4891d4;		
}


/* -----------footer--------------------------- */


#footer { 
color: #4e95d6;
height: 36px;
padding: 5px 0px 0px 0px;
margin: 0 auto;
width: 966px;
background:no-repeat;
background-image:url(../images/bg-footer.png);
background-position: center;
clear: both;
text-align:center;
}

#footer  a {
color:  #4e95d7;
text-decoration: none;
}


#footer a:hover {
text-decoration: underline;
}




/* -----------home--------------------------- */

#home {
background-color: #ffffff;
padding:0px 5px;
height: 400px;
margin: 10px;
}

#home img {
border: none;
}

#home p a{
text-decoration: none;
color: #70a7dd;;
}

#home p a:hover {
text-decoration: underline;
}

#home p {
font-size: 11px;
color:#000000;
line-height:15px;
}
#home strong {
font-size: 12px;
color:#000000;
line-height:15px;
}
#home h1 {
font-size: 22px;
color: #4e95d6;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
font-weight: 100;
font-style: italic;
text-align: left;
padding: 0px 0px 10px 0px;
margin: 0 ;
}
#study-english{
background-image:url(../images/world-map.gif);
background-repeat:no-repeat;
border: none;
width: 465px;
float: left;
border: none;
margin:0;
padding:0;

}
#study-english a{

color: #ff7800;
font-size: 15px;
font-weight: bold;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
text-decoration: none;

}

#world {

padding-top:100px;
padding-left:25px;
height: 130px;
line-height:26px; 
text-indent: 5px;
}

#other-countries-link{
padding-top:-40px;
margin:0px;
width:460px;
float:none;
text-align:center;
height:65px;
}
#intro1 {
font-size: 11px;
width=465px;
padding-left:10px;
padding-bottom:0px;
margin:0;
}
#intro2 {
font-size: 11px;
padding-top:12px;
padding-bottom:0px;
margin:0;
}


#teach-china {
border: none;
width: 465px;
float: left;
border: none;

}

#teach-china a{
color: #f8fcff;
font-size: 12px;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
text-decoration: none;
}

 
#teach-china img {
padding-bottom: 5px;
vertical-align: bottom;
}


#other-countries {
border: none;
float: right;
width: 465px;
border: none;
margin: 0px;
background-color: #ffffff;
}

#other-countries img {
padding-bottom: 5px;
vertical-align: bottom;
}


#other-countries a{
color: #f8fcff;
font-size: 12px;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
text-decoration: none;
}

#home a:hover {
text-decoration: underline;
}

#other-countries a:hover {
text-decoration: underline;
}

#china {
background-image:url(../images/bg-china.jpg);
height: 24px;
line-height:24px; 
text-indent: 5px;
}


#indonesia {
background-image:url(images/bg-indonesia.jpg);
height: 24px;
line-height:24px; 
text-indent: 5px;
}


#russia {
background-image:url(images/bg-russia.jpg);
height: 24px;
line-height:24px;
text-indent: 5px; 
}


/* ----------- Videos --------------------------- */



#video {

margin: 10px 15px 10px 15px;
min-height: 400px;
height: expression(this.scrollHeight > 400 ? "auto":"400px");
}



#video td {
margin: 0px;
padding: 0px;
}


#video img {
padding: 0px 2px 5px 2px;
border: none;
}


.contact {
font-size: 11px;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
}



/* ----------- Compare Chart Table --------------------------- */

.compare {
font-size: 12px;
font-family:  Arial, Helvetica, "Helvetica Neue", Verdana;
color: #5f5f5f;
}