﻿@charset "utf-8";

.cut1Top { background:url(../images/cut1Top.gif) no-repeat; height:13px; font-size:1px; overflow:hidden}
.cut1Bg { background:url(../images/cut1Bg.gif) repeat-y}
.cut1Bot { background:url(../images/cut1Bot.gif) no-repeat; height:10px; font-size:1px; overflow:hidden}
/*ABOUT*/
.aboutBox { width:740px; margin:0 auto; padding:23px 0}
.aboutText { margin:0 13px}
.aboutText p { line-height:15px}
.aboutBox1 ul, .aboutBox1 li { list-style:none; padding:0; margin:0; border:0}
.aboutBox1 li{ width:360px; float:left; margin:19px 5px 0; display:inline; position:relative;}
.aboutBg { background:url(../images/bg1.gif) no-repeat; width:360px; height:80px; position:absolute;left:0; top:0; z-index:10; cursor:pointer}
.aboutH3 { height:22px; background:#c7d9f0; position:absolute; left:0; top:58px; z-index:5; width:360px;filter:alpha(opacity=80); opacity:0.8}
.aboutH3Over {height:22px; background:#112d57; position:absolute; left:0; top:58px; z-index:5; width:360px}
.aboutH3Text { position:absolute; left:0; top:58px; line-height:22px; z-index:7;padding:0 15px; font-size:16px; font-weight:bold; font-family:Times New Roman}
.aboutH3TextOver {color:#c7d9f0;position:absolute; left:0; top:58px; line-height:22px; z-index:7;padding:0 15px; font-size:16px; font-weight:bold; font-family:Times New Roman }



.familBox { width:880px; margin:0 auto;padding:23px 0}
.familBox1 { width:430px;}
.familBox1 h2 { font-weight:bold; line-height:21px;}
.familBox1 h3 { font-weight:bold; line-height:18px}
.familBox p { line-height:20px}
.familBox1PT_l { width:106px; float:left}
.familBox1PT_r { width:320px; float:left}




/*HOME*/
.iconBox { padding-top:60px; width:10px}
.homeBox_l { width:624px; float:left}
.homeBox_r { width:316px; float: right; background:url(../images/indexBg.jpg) no-repeat; height::220px}
.homeBox1 { width:278px; margin:0 auto; padding:8px 0}
.homeBox1 h2 { font-size:14px; font-family:Times New Roman; font-weight:bold}
.homeBox1 p { line-height:16px; font-size:10px}
.homeBox1 .more { margin-top:10px}
.homeSpace { background:url(../images/bg2.gif) no-repeat; height:11px; width:940px; font-size:1px; overflow:hidden}

.indexBg { background:url(../images/cut2Bg.gif) repeat-y}
.indexBg1 { background:url(../images/cut3Bg.gif) repeat-y;}
.indexTop { background:url(../images/cut2Top.gif) no-repeat; width:920px; height:30px; padding:0 20px; }
.indexTop h2 { font-size:14px; font-family:Times New Roman; font-weight:bold; line-height:30px}
.indexBot { background:url(../images/cut2Bot.gif) no-repeat; height:12px; font-size:1px; overflow:hidden}
.indexBoxl { width:313px; float:left;background:url(../images/bg18.gif) repeat-y left #c7d9f0;height:150px}
.indexBoxl_over { width:313px; float:left; background:url(../images/bg19.gif) repeat-y left #a7c2e3;height:150px}
.indexBoxc { width:309px; float:left; background:url(../images/bg18.gif) repeat-y;height:150px}
.indexBoxc_over { width:309px; float:left; background:url(../images/bg19.gif) repeat-y;height:150px}
.indexBoxr { width:315px; float:left; background:url(../images/bg20.gif) repeat-y;height:150px}
.indexBoxr_over { width:315px; float:left; background:url(../images/bg21.gif) repeat-y left;height:150px}

.indexBoxOver { width:940px; overflow:hidden; position:relative}
.indexBoxlOverFlow { width:9999px; height:150px; overflow:hidden; position:relative}




.indexBoxlBox { width:286px; margin:0 auto; height:110px}
.indexBoxlBoxH { height:120px}
.mtb8 {margin:8px auto}
.indexBoxlBox h2 { height:27px; line-height:27px;font-family:Times New Roman; font-size:14px; font-weight:bold }
.indexBoxlBox_lTop { padding-top:22px;}
.indexBoxlBox_l { width:80px; float:left;}
.indexBoxlBox_l1 { width:98px; float:left;}
.indexBoxlBox_r { width:196px; float:right}
.indexBoxlBox_r1 { width:178px; float:right}
.indexBoxlBox_l1Top { padding-top:3px;}
.indexBoxlBox h3 { font-size:14px; font-weight:bold; font-family:Times New Roman; line-height:16px; padding:1px 0 2px}
.indexBoxlBox p { line-height:19px}

.indexBoxlBoxMore { padding-top:5px; width:286px; margin:0 auto; text-align:right}
.indexBoxlBoxMore a, .indexBoxlBoxMore a:hover { text-decoration:underline}


.indexCut3_l { width:583px; float:left; background:url(../images/cut4Bg.gif) repeat-y}
.indexCut3_r { width:375px; float: right}
.indexBox { width:563px; margin:0 auto}
.indexBoxTitle { background:url(../images/bg3.gif) no-repeat; width:543px; height:30px; line-height:30px; padding:0 10px; text-align:right; font-size:11px;; font-family:Times New Roman}
.indexBoxTitle a, .indexBoxTitle a:hover { text-decoration:underline}
.indexBoxTitleS { font-size:14px; font-weight:bold; float:left}
.indexTable td {font-size:11px; padding:5px 0;}
.indexTable .td1 { width:80px; text-align:center}
.indexTable .td2 { padding-left:14px}
.indexTable .trBg1 { background:#9fbadf}
/*====myself======*/

.RindexCut3_l { width:583px; float:left; background:url(../images/cut4Bg.gif) repeat-y}
.RindexCut3_r { width:356px; float:left; }
.RindexBox { width:400px; margin:0 auto}
.RindexBoxTitle { background:url(../images/bg3.gif) no-repeat; width:400px; height:30px; line-height:30px; padding:0 10px; text-align:right; font-size:11px;; font-family:Times New Roman}
.RindexBoxTitle a, .RindexBoxTitle a:hover { text-decoration:underline}
.RindexBoxTitleS { font-size:14px; font-weight:bold; float:left}
.RindexTable td {font-size:11px; padding:5px 0;}
.RindexTable .td1 { width:80px; text-align:center}
.RindexTable .td2 { padding-left:14px}
.RindexTable .trBg1 { background:#9fbadf}


.indexTopbyrobin { background:url(../images/3e3.gif) no-repeat; height:30px; padding:0 10px;}
.indexTopbyrobin h2 { font-size:14px; font-family:Times New Roman; font-weight:bold; line-height:30px}


.aboutBgrobin { background:#112d57;color:#c7d9f0;height:22px;font-size:16px; font-weight:bold; font-family:Times New Roman;padding-left:5px;}

.indexCut3_rH3robin {padding:0 12px; height:20px; line-height:20px; font-size:14px; font-family:Times New Roman}
.indexBoxTitlebyrobin { background:url(../images/cut2Top.gif) no-repeat; width:278px; height:30px; line-height:30px; padding:0 10px; text-align:left; font-size:11px;; font-family:Times New Roman}
.indexBoxTitlebyrobin h2 { font-size:14px; font-family:Times New Roman; font-weight:bold; line-height:30px}





.indexCut3_rBox { width:356px; margin:0 auto}
.indexCut3_rBox1 { background:#7e9ccf; width:320px; padding:0 18px}
.indexCut3_rBox1 ul, .indexCut3_rBox1 li { list-style:none; padding:0; margin:0; border:0}
.indexCut3_rBox1 li { margin-top:20px;color:#fff;}
.indexCut3_rBox1_l { width:95px; float:left; margin-right:5px; text-align:right; font-weight:bold}
.indexCut3_rBox1_r { width:220px; float: right}
.indexCut3_rBox1_r .white a, .indexCut3_rBox1_r .white a:hover { text-decoration:underline}
.indexCut3_rBox1_r .input { border:1px solid #c3c3c3; height:16px;}
.indexCut3_rH3 { background:url(../images/bg4.gif) no-repeat; padding:0 12px; height:33px; line-height:33px; font-size:16px; color:#fff; font-family:Times New Roman}
.indexCut3_rH3 a, .indexCut3_rH3 a:hover { color:#fff; text-decoration:underline}
.indexCut3_rBoxLine { background:url(../images/bg5.gif) no-repeat; width:356px; height:11px; font-size:11px; overflow:hidden}

.indexCut3_rH3robin {padding:0 12px; height:20px; line-height:20px; font-size:14px; font-family:Times New Roman}
.indexCut3_rBox1_robin  {margin-right:5px; text-align:left; font-weight:bold; text-decoration:underline; color:#fff;}
.indexCut3_rBox1_lrobin { width:315px; float:left; margin-right:5px; text-align:left; font-weight:bold}


.select130 { width:130px; position:relative}
.selectBg { background:url(../images/bg6.gif); height:20px; line-height:20px; width:91px; padding:3px 10px 0; font-size:11px; float:left;color:#393939}
.selectBtn { background:url(../images/bg7.gif) no-repeat; width:19px; height:23px; float:left;cursor:pointer}
.selectBox { border-left:1px solid #b4b4b5; border-top:1px solid #b4b4b5; border-right:1px solid #ffffff; border-bottom:1px solid #090a0c; width:124px; background:#fff; position:absolute; left:2px; top:23px}
.selectBox a { height:14px; line-height:14px; display:block; padding:0 10px; position:relative;color:#393939}
.selectBox a:hover { text-decoration:none; background:#417bd9;color:#fff}

/*HarrowFamilyHead*/
.hFamilyHead { background:url(../images/headBg1.jpg) repeat-y left #c7d9f0; width:360px; padding-left:13px; height:220px; float:left}
.hFamilyHeadBox { margin:8px 0 0 14px;}
.hFamilyHeadBox ul, .hFamilyHeadBox li { list-style:none; padding:0; margin:0; border:0}
.hFamilyHeadBox li { font-family:Times New Roman; font-size:14px; line-height:24px;padding-left:14px; clear:both}
.hFamilyHeadBox li.active {background:url(../images/bg8.gif) no-repeat left;padding-left:14px; font-weight:bold; height:24px}
.hFamilyHeadBox1 li { line-height:23px;padding-left:14px;}
.hFamilyHeadBox1 li.active {background:url(../images/bg8.gif) no-repeat left;padding-left:14px; font-weight:bold; height:23px}
.hFamilyHeadBox1 .tsBox { line-height:20px}

/*Press*/
.pressBox { width:520px;}
.pressBox h2 { font-size:14px; font-weight:bold;}
.pressBox li { padding:2px 0; line-height:17px; }
.pressBoxUL ul ,.pressBoxUL li {padding:0; margin:0;list-style:none; float:left}
.pressBoxUL li { background:url(../images/icon2.gif) no-repeat left; line-height:31px; padding-left:29px}

/*Curriculum*/
.currTable { width:480px;}
.currTable td { line-height:21px}
.currBox { width:737px;margin:0 auto; }
.currBox1 { width:640px; margin-left:15px}
.currBox2 { width:540px; margin-left:15px}
.currTable1 { background:#122d58}
.currTable1 th { background:#f4f7fc; height:60px; text-align:center}
.currTable1 th.td1 { text-align:left; padding:0 10px}
.currTable1 td { background:#f4f7fc; height:27px; text-align:center}
.currTable1 td.td1 { text-align:left; padding:0 10px}
.currTable1 td.td2 { background:#dee2eb}
.currTable1 .bg1 { background:#fff}
.currTable1 .bg2 { background:#ced5dd}
.currTable1 .bg3 { background:#ffe0cc}
.currTable1 .bg4 { background:#122d58; height:17px}
.currTable2 th, .currTable2 td{ background:#e3edf9; height:27px}
.col614 { width:614px; margin:0 auto}

/*CONTACT US*/
.contactUsBox { width:887px; margin:0 auto; padding:23px 0}
.contactUs { width:433px;}
.contactUsBg { background:#e0ecfa}
.contactUsH2 { background:url(../images/bg9.gif) no-repeat; width:417px; height:29px; padding:8px 8px 0; font-weight:bold}
.contactUsBot { background:url(../images/bg10.gif) no-repeat; height:2px; font-size:1px; overflow:hidden}
.contactUs1 { width:397px; margin:0 auto}
.contactUs1_l { width:31px; float:left}
.contactUs1_r { width:360px; float:right}
.contactUs2 { background:url(../images/bg11.gif) no-repeat; width:369px; height:30px; line-height:30px; padding:0 0 0 63px;}

/*newsEvent*/
.newsEventTitle dd { background:url(../images/bg13.gif) no-repeat; width:293px; height:30px; line-height:30px; float:left; padding:0 10px;font-size:14px; font-family:Times New Roman; font-weight:bold; cursor:pointer}
.newsEventTitle dd.active { background:url(../images/bg12.gif) no-repeat; width:294px; cursor:auto}
.newsEvent { margin:20px auto}
.newsEvent1 { margin:5px auto}
.newsEvent_l { width:60px; float:left; margin-right:10px}
.newsEvent_lBox { background:url(../images/bg14.gif) no-repeat; width:48px; margin:0 auto; height:40px; padding-top:10px; text-align:center; font-weight:bold;font-family:Times New Roman; font-size:16px}
.newsEvent_r { width:540px; float:left}
.newsEvent_r h2 { font-size:14px; font-weight:bold; line-height:24px;}
.newsEvent_r p { line-height:21px}
.newsEventBox { width:920px; margin:0 auto}
.newsEventBox_l { width:610px; float:left}
.newsEventBox_r { width:255px; float:right}
.newsEventBox_rBg { background:url(../images/bg15.gif) repeat-y; width:255px; margin-top:5px}
.newsEventBox_rTop { background:url(../images/bg16.gif) no-repeat; height:8px; font-size:1px; overflow:hidden}
.newsEventBox_rBot { background:url(../images/bg17.gif) no-repeat; height:8px; font-size:1px; overflow:hidden}
.newsEventBox_rBox { width:230px; margin:0 auto}
.newsEventBox_rBox dl { width:210px; margin:10px auto; line-height:24px; font-family:"Times New Roman"}
.newsEventBox2 { width:550px; margin-left:10px}
.newsEventBox2 p { padding:10px 0}

/* newEvent Robin*/
.RnewsEvent { margin:5px auto}
.RnewsEvent1 { margin:5px auto}
.RnewsEvent_l { width:60px; float:left; margin-right:10px}
.RnewsEvent_lBox { background:url(../images/bg14.gif) no-repeat; width:48px; margin:0 auto; height:40px; padding-top:10px; text-align:center; font-weight:bold;font-family:Times New Roman; font-size:16px}
.RnewsEvent_r { width:450px; float:left}
.RnewsEvent_r h2 { font-size:13px; font-weight:bold; line-height:24px;}
.RnewsEvent_r p { line-height:14px}


.RfamilBox { width:550px; margin:0 auto;padding:10px 0}
.Rcut1Top { background:url(../images/Rcut1Top.gif) no-repeat; height:9px; font-size:1px; overflow:hidden}
.Rcut1Bg { background:url(../images/Rcut1Bg.gif) repeat-y}

.pressBoxUL_R ul ,.pressBoxUL_R li {padding:0; margin:0;list-style:none}
.pressBoxUL_R li { background:url(../images/icon2.gif) no-repeat left; line-height:30px; padding-left:29px}
.pressBoxUL_R li a {font-weight:bold; text-transform:uppercase;}


/*robin gridview

 .mycss table tr td span 
 {
        BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
 }*/
        .mycss table tr td 
        {
         PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; 
         MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN:left;
        }
        .mycss  table tr td a
        {
         BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
        }
        .mycss table tr td A:hover {
         BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
        }
        .mycss table tr td A:active {
         BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
        }
 /*=============*/
 
 .gv
{
    border: 1px solid #D7D7D7;
    font-size:12px;
    text-align:center;
}
.gvHeader
{
    color: #3F6293;
    background-color: #F7F7F7;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    font-variant: normal;
}
.gvHeader th
{
    font-weight: normal;
    font-variant: normal;
}
.gvRow, .gvAlternatingRow, .gvEditRow
{
    line-height: 20px;
    text-align: center;
    padding: 2px;
    height: 20px;
}
.gvAlternatingRow
{
    background-color: #F5FBFF;
}
.gvEditRow
{
    background-color: #FAF9DD;
}
.gvEditRow input
{
    background-color: #FFFFFF;
    width: 80px;
}
.gvEditRow .gvOrderId input, .gvEditRow .gvOrderId
{
    width: 30px;
}
.gvEditRow .checkBox input, .gvEditRow .checkBox
{
    width: auto;
}
.gvCommandField
{
    text-align: center;
    width: 130px;
}

.gvLeftField
{
    text-align: left;
    padding-left: 10px;
}
.gvBtAField
{
    text-align: center;
    width: 130px;
}
.gvCommandField input
{
    background-image: url(../Images/gvCommandFieldABg.jpg);
    background-repeat: no-repeat;
    line-height: 23px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 50px;
    height: 23px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 10px;
}
.gvPage
{
    padding-left: 15px;
    font-size: 18px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
}
.gvPage a
{
    display: block;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    border: 0px solid #000099;
    float: left;
    font-size: 12px;
    font-weight: normal;
}
.gvPage a:hover
{
    display: block;
    text-decoration: none;
    border: 1px solid #000099;
}

