@charset "utf-8";

/*** common ***/
.wrap {
    width:900px;
    margin:0 auto;
}
.head {
    width:100%;
    height:70px;
}

.h_right {
    width:740px;
    float:left;
}
.h_links {
    width:100%;
    padding:15px 0 5px;
    text-align:right;
}
.h_links a {
    padding:0 10px;
    background:url(/images/arrow1.gif) no-repeat 0 3px;
    text-decoration:none;
}
.h_search {
    clear:both;
    width:169px;
    float:right;
    background:url(/images/h_search.gif) no-repeat right;
    text-align:left;
}
.h_search input {
    width:144px;
    height:18px;
    background:#fff;
    border:solid #e8e8e8 1px;
}
.foot {
    clear:both;
    width:100%;
    line-height:25px;
    float:left;
    padding:30px 0 25px;
    background:url(/images/foot.gif) no-repeat center top;
    text-align:center;
}
.foot a {
    padding:0 10px;
    background:url(/images/arrow1.gif) no-repeat 0 3px;
    text-decoration:none;
}
.image {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 20px;
    text-align:center;
}


.image2 {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 10px;
    text-align:center;
}
.image_left {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 10px;
}
.content {
    width:670px;
    float:left;
    padding:0 0 0 10px;
}

.content ul.text {
	margin-left: 50px;
}

.side {
    width:200px;
    float:right;
    padding:0 10px 0 0;
}
.p_side {
    width:100%;
    float:left;
    padding:0 0 20px;
}
.more {
    clear:both;
    width:100%;
    text-align:right;
}
.ti_sm {
    width:190px;
    line-height:24px;
    padding:0 0 0 10px;
    background:url(/images/ti_side.gif) no-repeat;
    color:#fff;
    font-size:120%;
    font-weight:bold;
}
.ti_sm a {
    color:#fff;
}
.bg_sm {
    list-style:none;
    width:190px;
    margin:0 0 20px;
    padding:5px;
    background:#fafafa;
}
.bg_sm li {
    width:170px;
    margin:0 0 5px;
    padding:5px 0 5px 20px;
    background:#fff url(/images/arrow2.gif) no-repeat 10px 11px;
}
.bg_sm a {
    color:#333;
}

/*** menu ***/

.menu {
    list-style:none;
    clear:both;
    width:100%;
    height:44px;
    padding:0 0 7px;
}
.menu li {
    height:44px;
    float:left;
}
.menu a {
    display:block;
    height:44px;
    float:left;
}
/*
.m_home {
    width:128px;
}
.m_why, .m_services, .m_level, .m_subject, .m_study, .m_why a, .m_services a, .m_level a, .m_subject a, .m_study a, .m_why_selected a, .m_services_selected a, .m_level_selected a, .m_subject_selected a, .m_study_selected a {
    width:130px;
}
.m_faq {
    width:122px;
}
.m_home a {
    width:128px;
    background:url(/images/menu.gif) no-repeat 0 0;
}
.m_home a:hover, .m_home_selected a {
    width:128px;
    background:url(/images/menu.gif) no-repeat 0 -44px;
}
.m_why a {
    background:url(/images/menu.gif) no-repeat -128px 0;
}
.m_why a:hover, .m_why_selected a {
    background:url(/images/menu.gif) no-repeat -128px -44px;
}
.m_services a {
    background:url(/images/menu.gif) no-repeat -258px 0;
}
.m_services a:hover, .m_services_selected a {
    background:url(/images/menu.gif) no-repeat -258px -44px;
}
.m_level a {
    background:url(/images/menu.gif) no-repeat -388px 0;
}
.m_level a:hover, .m_level_selected a {
    background:url(/images/menu.gif) no-repeat -388px -44px;
}
.m_subject a {
    background:url(/images/menu.gif) no-repeat -518px 0;
}
.m_subject a:hover, .m_subject_selected a {
    background:url(/images/menu.gif) no-repeat -518px -44px;
}
.m_study a {
    background:url(/images/menu.gif) no-repeat -648px 0;
}
.m_study a:hover, .m_study_selected a {
    background:url(/images/menu.gif) no-repeat -648px -44px;
}
.m_faq a {
    width:122px;
    background:url(/images/menu.gif) no-repeat -778px 0;
}
.m_faq a:hover, .m_faq_selected a {
    width:122px;
    background:url(/images/menu.gif) no-repeat -778px -44px;
}
*/

/*** home ***/
.h_col {
    width:327px;
    float:left;
}
.h_news_title {
    width:100%;
    height:37px;
    padding:0 0 10px;
    background:url(/images/h_news.gif) no-repeat;
    text-align:right;
}
.h_news_title img {
    float:right;
    margin:15px 0 0;
}
.h_news_wrap {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 20px;
}
.h_news {
    width:100%;
    float:left;
    margin:0 0 5px;
    padding:0 0 5px;
    background:url(/images/h_border.gif) no-repeat bottom;
}
.h_news a {
    color:#333;
    font-weight:bold;
}
.h_news span {
    color:#999;
}
.h_news span a {
    color:#039be7;
    font-weight:normal;
}
.h_li_level {
    list-style:none;
    width:100%;
    float:left;
    padding:0 0 20px;
}
.h_li_level li {
    padding:0 0 0 10px;
    background:url(/images/arrow2.gif) no-repeat 0 6px;
}
.h_li_level a {
    color:#333;
}
.h_li_subject {
    list-style:none;
    width:100%;
    float:left;
    padding:0 0 20px;
}
.h_li_subject li {
    width:153px;
    float:left;
    padding:0 0 0 10px;
    background:url(/images/arrow2.gif) no-repeat 0 6px;
}
.h_li_subject a {
    color:#333;
}
.c_banners {
    clear:both;
    width:100%;
    float:left;
    padding:20px 0;
    text-align:center;
}
.c_banners img {
    width:155px;
    float:left;
    margin:0 5px;
}
.c_links {
    list-style:none;
    clear:both;
    width:100%;
    float:left;
    padding:0 0 30px;
}
.c_links li {
    float:left;
    padding:0 10px;
}

/*** sub ***/
.ti_image{
  background:url(/images/ti_bg.gif) no-repeat;
  clear:both;
    width:670px;
    height:27px;
    float:left;
    margin:0 0 20px 0;
}
.ti_image h2{
  float:left;
    width:100%;
  margin-left:15px;
    font-size:16px;
    font-weight:bold;
    color:#555;
}
.bread {
    width:660px;
    line-height:24px;
    padding:0 0 10px 10px;
    background:url(/images/bread.gif) no-repeat;
}
.content h2 {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 10px;
}
.li_ins {
    list-style:none;
    width:100%;
    float:left;
    padding:0 0 30px;
}
.li_ins li {
    padding:0 0 0 20px;
    background:url(/images/arrow2.gif) no-repeat 10px 6px;
}
.li_ins a {
    color:#333;
}
.h2_visual {
    clear:both;
    width:100%;
    height:34px;
    padding:0 0 20px;
    background:url(/images/h2_visual.gif) no-repeat;
}
.h2_visual h2 {
    line-height:34px;
    padding:0 0 0 20px;
    font-size:140%;
    font-weight:bold;
}
.h3_wrap, .h2_wrap, .h1_wrap{
    clear:both;
    width:100%;
    height:27px;
    padding:0 0 20px;
    background:url(/images/ti_bg.gif) no-repeat;
}
.h3_wrap h3, .h2_wrap h2, .h1_wrap h1{
    line-height:27px;
    padding:0 0 0 10px;
    font-size:130%;
    font-weight:bold;
}

/*** institutions detail ***/
.school_detail {
    width:100%;
  float:left;
    margin:0 0 10px;
    padding:0 0 10px;
    background:url(/images/title_line.gif) no-repeat bottom;
}
.school_logo {
  width:50px;
    height:50px;
    float:left;
    padding:0 20px 0 0;
}
.school_name {
  width:600px;
    float:left;
}
.school_name h1 {
    clear:both;
  width:600px;
    font-size:160%;
    font-weight:bold;
    float:left;
}
.inst_contents {
    clear:both;
  width:100%;
    float:left;
    margin-bottom:20px;
}
.inst_contents h3 {
    clear:both;
    width:656px;
    margin:0 0 10px;
    padding:0 0 0 10px;
    font-size:140%;
    font-weight:bold;
    border-left:solid #009de4 4px;
}
.h3_inst {
    clear:both;
    width:670px;
    height:27px;
    float:left;
    margin:0 0 20px;
    background:#caebfa;
    border-left:solid #679fba 4px;
}
.h3_inst h3 {
    line-height:27px;
    padding:0 0 0 10px;
    font-size:120%;
    font-weight:bold;
}
.school_left_p{
  width:420px; float:left;
}
.school_map{
  width:225px; float:left; margin-left:15px;
}
.school_li li{
  list-style:url(/images/arrow2.gif);
    height:20px;
    padding-right:15px;
    margin-left:15px;
    float:left;
}
.school_li a{
  color:#666666;
    font-size:14px;
    font-weight:700;
}
.school_enq{
  text-align:center;
    float:left;
    width:100%;
    height:39px;
    margin-top:10px;
    margin-bottom:20px;
}
.ins_url {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 20px;
    color:#009de4;
    text-align:right;
}

/*** Events ***/
.events_left{
  float:left; width:420px;
}
.events_date{
  float:left; width:100%;font-size:14px; color:#999999; font-weight:500;
}
.events_title{
  float:left; width:100%; border-bottom:1px #999999 dashed;
}
.events_title h2{
  width:100%;font-size:18px; color:#666666; font-weight:800; 
}
.events_right{
  float:left; width:232px; height:193px; margin-left:18px; background:url(/images/event_bg.gif) no-repeat;
}
.events_right p{
  padding: 10px;
}
.event_buttom{
  text-align:center; float:left; width:100%; height:33px; margin:10px 0;
}
.pagenate{
  width:100%;
    text-align:left;
}
.form {
    clear:both;
    width:100%;
}

.table_form {
    width:100%;
    margin:0 0 10px;
    border-top:solid #eee 1px;
    border-left:solid #eee 1px;
}
.table_form th, .table_form td {
    padding:5px;
    border-right:solid #eee 1px;
    border-bottom:solid #eee 1px;
}
.table_form th {
    width:190px;
    background-color:#eee;
}
.li_news {
    list-style:none;
    width:100%;
    float:left;
    padding:0 0 30px;
}
.li_news li {
    padding:0 0 0 20px;
    background:url(/images/arrow2.gif) no-repeat 10px 6px;
    border-bottom:1px #eee dashed;
    margin-bottom:10px;
    padding-bottom:5px;
}
.li_news a {
    color:#00aae8;
}
.news_detail{
  float:left; height::76px; width:670px; margin-top:5px;
}
.news_name{
  width:600px; height:30px; float:left;
}
.news_name h1{
  width:600px; height:30px; font-size:24px; font-weight:bold; float:left; 
}

/*** services ***/
.serv_step {
    clear:both;
    width:100%;
    float:left;
}
.serv_step_thumb {
    width:185px;
    float:left;
}
.serv_step_right {
    width:475px;
    float:left;
    padding:0 0 0 10px;
}
.serv_step_title {
    width:455px;
    line-height:27px;
    margin:0 0 10px;
    padding:0 0 0 20px;
    background:url(/images/ti_services.gif) no-repeat;
    font-size:120%;
    font-weight:bold;
}
.h4_services {
    clear:both;
    width:100%;
    padding:0 0 5px;
}
.h4_services h4 {
    color:#009de9;
    font-size:120%;
    font-weight:bold;
}
.p_serv {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 20px;
}
.p_serv img {
    float:right;
    margin:0 0 10px 20px;
}

/*** subject ***/
.subject_row {
    clear:both;
    width:100%;
    float:left;
    margin:0 0 10px;
    padding:0 0 10px;
    border-bottom:dotted #ddd 1px;
}
.subject {
    width:209px;
    float:left;
    padding:0 0 0 10px;
    border-left:solid #d2d2d2 4px;
}
.subject span {
    font-size:130%;
    font-weight:bold;
}
.subject a {
    color:#666;
}
.alphabet {
    clear:both;
    width:100%;
    float:left;
    padding:0 0 10px;
}