body{
  font-size: 14px;
  color: White;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 30px;
  background: #272727 url(/img/YP4_hp/yp_home_bg_01.gif) repeat-x 0 0;
}
img{ border: 0; }
div#main_box{
  width: 718px;
  border: 0px solid green;
  margin: auto;
  display: table;
}
#left_col{  width: 372px; float: left; }
#right_col{  width: 346px;  float: left; }
img#logo{ margin-bottom: 16px; margin-top: 25px;}
img#reflect{}
a#teacher_login{}
a#student_login{ margin-left: 7px; }
a.login{
  display: block;
  width: 162px;
  height: 44px;
  border: 0px solid red;
  float: left;
}
a.login img{  margin: 6px 7px; }
a.login:hover{
  background-image: url(/img/YP4_hp/login_button_bg_02.gif);
  border: 0px solid red;
  background-repeat: no-repeat;
}
#nav{  height: 45px;  padding-left: 6px; }
a#go{  display: block;  width: 75px;  padding: 6px 0; }
a#go img{  border: 0px solid red;  margin: 0px 7px; }
a#go:hover{
  background-image: url(/img/YP4_hp/go_button_bg.gif);
  background-repeat: no-repeat;
}
#cf{ margin-top: 17px; margin-left: 7px; }
#for_teachers, #for_students{
  font-size: 14px;
  font-weight: bold;
  padding-left: 7px;
}
#for_students{  padding-bottom: 14px; }
#for_students h2, #for_teachers h2{  margin-top: 0; font-size: 18px; margin-bottom: 7px;}
#for_students div, #for_teachers div{  font-weight: normal;  padding-left: 1px; }
#for_students b{ color: #22a1be; font-weight: normal; }
#for_students h2{  color: #22a1be;  margin-bottom: 7px;  margin-top: 0; }
#for_students div{  line-height: 26px; }
#for_teachers{}
#for_teachers h2{  color: #f5c30f; }
#for_teachers b, #for_teachers a{  color: #f5c30f;  font-weight: normal; }
#for_teachers div{  padding: 0 20px 15px 1px; }

a.inline_button img{  vertical-align: middle; margin-left: 2px; }
a#video-button img{
    background-image: url(/img/YP4_hp/camera_02.gif);
    background-repeat: no-repeat;
}
a#video-button:hover img{ background-image: url(/img/YP4_hp/camera_mo_02.gif); }
a#go-button img{
  background-image: url(/img/YP4_hp/go_button_02.gif);
  background-repeat: no-repeat;
}
a#go-button:hover img{ background-image: url(/img/YP4_hp/go_button_mo_02.gif); }

div#sign_up{  padding-bottom: 5px; }
div#preload{
  display: none;
}
div.abs-banner{
  width: 340px;
  overflow: hidden;
  margin: 14px 0 7px 0;
  padding: 0;
  position: relative;
  left: -10px;
}
/* locale selection */
.locale{
  margin: 0px 14px 18px 0;
  text-align: right;
}
.locale a{
  margin-left: 10px; 
}
.locale a img{
  width: 30px;
  height: 22px;
  border: 1px solid #444;
}
.locale a:hover img{
  border: 1px solid #777;
}