BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 30px; 
	PADDING-TOP: 0px; 
	MARGIN: 0px; 
	BACKGROUND-COLOR: #FFFFFF; 
	TEXT-ALIGN: center;
	FONT-SIZE: 12px;
	FONT-FAMILY: "����", "Arial", "Helvetica", "sans-serif";
}
BODY DIV {
	FONT-SIZE: 12px;
	FONT-FAMILY: "����", "Arial", "Helvetica", "sans-serif";
	text-align:left;
}
TD {
	FONT-SIZE: 12px;
	FONT-FAMILY: "����", "Arial", "Helvetica", "sans-serif";
    line-height: 200%;
}
TH {
	FONT-SIZE: 12px;
	FONT-WEIGHT: BOLD;
	FONT-FAMILY: "����", "Arial", "Helvetica", "sans-serif";
    line-height: 200%;
}

input, select, textarea {
	border: 1px solid #7A8A99;
	background-color: #F4F4F9;
	text-decoration: none;

	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	
	FONT-SIZE: 12px;
	FONT-FAMILY: "����", "Arial", "Helvetica", "sans-serif";
}
A:link {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #000000; 
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
ul
{
    margin: 0px;
    padding-left: 15px;
    list-style: none;
    list-style-image: url(../images/arrow-right.gif);
}
li {
    line-height: 200%;
}


.mainframe {
	width: 950px;
	margin: auto;
	padding: 0px;
}
.headerbar {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	height: 200px;
	background: #4299ee url(../images/head-top-bg.gif) left top repeat-x;
	font-size: 0px;
}
.headerbar .left {
	float: left;
	width: 268px;
	text-align: center;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 12px;
}
.headerbar .right {
	float: right;
	width: 682px; 
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.headerbar .right A:link {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
.headerbar .right A:visited {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
.headerbar .right A:hover {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
.headerbar .right A:active {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
.headerbar .right .menubar {
	height: 117px;
	background: #033059 url(../images/menubar-bg.gif) top left repeat-x;
}

.headerbar .right .menuhomeicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-home-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menufreeicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-freevideo-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menuvideoicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-video-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menucourseicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-course-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menustudenticon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-student-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menuteachericon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-teacher-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menuforumicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-forum-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menuenterpriseicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-enterprise-icon.gif) no-repeat;
	text-align: center;
}
.headerbar .right .menufaqicon {
	width: 72px;
	margin-right: 2px;
	height: 42px;
	padding-top: 75px;
	float: left;
	background: url(../images/menu-faq-icon.gif) no-repeat;
	text-align: center;
}

.mainadbar {
	margin: 0px;
	padding: 0px;
	background-color: #4299EE;
}
.mainadbar .left {
	float: left;
	width: 238px;
	height: 116px;
	margin-top: 24px;
	padding-left: 30px;
	text-align: center;
	color: #FFFFFF;
	background-color: #033059;
	font-size: 12px;
}
.mainadbar .left .imblock {
	height: 116px;
	background: url(../images/im-block-bg.gif) repeat-x left top;
}
.mainadbar .right {
	float: right;
	width: 668px;
	height: 130px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #6DE0FC;
	color: #FFFFFF;
}
.mainadbar .bottom {
	clear: both;
	font-size: 0px;
	height: 30px;
	background-color: #033059;
}

.homecontent {
	background: url(../images/index-content-bg.gif) top left repeat-y;
}

.homecontent .left {
	float: left;
	width: 230px;
	padding-left: 14px;
	padding-right: 8px;
}
.homecontent .left .block1 {
	margin-top: 10px;
	background-color: #F2F2F2;
}
.homecontent .left .block1 .top {
	height: 7px;
	background: url(../images/homecontent-block-top1.gif) left top no-repeat;
}
.homecontent .left .block1 .title {
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #00396F;
	line-height: 200%;
}
.homecontent .left .block1 .content {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}
.homecontent .left .block1 .bottom {
	height: 7px;
	background: url(../images/homecontent-block-bottom1.gif) left top no-repeat;
}

.homecontent .left .block2 {
	margin-top: 10px;
	background-color: #A8D5F2;
}
.homecontent .left .block2 .top {
	height: 7px;
	background: url(../images/homecontent-block-top2.gif) left top no-repeat;
}
.homecontent .left .block2 .title {
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 200%;
}
.homecontent .left .block2 .content {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}
.homecontent .left .block2 .bottom {
	height: 7px;
	background: url(../images/homecontent-block-bottom2.gif) left top no-repeat;
}


.homecontent .right {
	float: right;
	width: 681px;
	padding-left: 6px;
	padding-right: 11px;
}

.homecontent .right .block {
	margin-top: 10px;
	background:url(../images/homecontent-block-bg3.gif) top left repeat-y;
}
.homecontent .right .block .top {
	height: 9px;
	background: url(../images/homecontent-block-top3.gif) left top no-repeat;
}
.homecontent .right .block .title {
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 200%;
}
.homecontent .right .block .content {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}
.homecontent .right .block .bottom {
	height: 15px;
	background: url(../images/homecontent-block-bottom3.gif) left top no-repeat;
}

.homecontent .bottom {
	clear: both;
}

.childcontenttop {
	height: 9px;
	margin-top: 10px;
	font-size: 0px;
	background: url(../images/child-content-top.gif) left top no-repeat;
}
.childcontentcenter {
	margin: 0px;
	background: url(../images/child-content-center.gif) left top repeat-y;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}
.childcontentcenter .block1 {
	float: left;
	width: 200px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
}
.childcontentcenter .block2 {
	float: left;
	width: 500px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0px;
}
.childcontentcenter .block2 .title {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #020062;
	line-height: 200%;
	border-bottom: #B8B8B8 dotted 1px;
}
.childcontentcenter .block2 .content {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}
.childcontentcenter .block3 {
	float: right;
	width: 190px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0px;
}

.childcontentbottom {
	height: 14px;
	margin-bottom: 10px;
	font-size: 0px;
	background: url(../images/child-content-bottom.gif) left top no-repeat;
}

.hotbutton1 {   float: left;    
    height: 21px;
    width: 120px;
    background: url(../images/hotcourse-button-bg1.gif) left top no-repeat;
    padding-left: 7px;  margin-top: 3px; margin-bottom: 3px;    
}
.hotbutton2 {
    height: 21px;
    background: url(../images/hotcourse-button-bg3.gif) right top no-repeat;
    padding-right: 7px;
}
.hotbutton3 {
    height: 21px;
    background: url(../images/hotcourse-button-bg2.gif) left top repeat-x;
    text-align: center;

}
.button {
        margin: 0px;
        padding: 0px 7px 0px 7px;
        border-top: 1px solid #BACDD9;
        border-left: 1px solid #BACDD9;
        border-right: 1px solid #304C60;
        border-bottom: 1px solid #304C60;
        height: 22px;
        background: url(../images/button-bg.gif) top left;
        font-size: 12px;
        color: #FFFFFF;
}

.lightitem1 {
    height: 28px;
    background: url(../images/light-item-bg1.gif) left top no-repeat;
    padding-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.lightitem2 {
    height: 28px;
    background: url(../images/light-item-bg2.gif) left top repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 28px;
    vertical-align: middle;
}
.module {
    
}
.module .title {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #020062;
	line-height: 200%;
	border-bottom: #B8B8B8 dotted 1px;
}
.module .content {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 200%;
}

.module2 {
	padding: 0px;
	marging: 0px;
	border: #CCCCCC 1px solid;
}
.module2 .subject {
	height: 17px;
	padding-top: 4px;
	background: url(../images/module2-title-bg.gif) top left repeat-x;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	vertical-align: middle;
	padding-left: 7px;
}
.module2 .subject A:link {
	FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none;
}
.module2 .subject A:visited {
	FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none;
}
.module2 .subject A:hover {
	FONT-SIZE: 12px; COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.module2 .subject A:active {
	FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none;
}
.module2 .content {
	padding: 5px 7px 5px 7px;
	color: #666666;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}
.module2 .content2 {
	border-top: #CCCCCC 1px dotted;
	padding: 5px 7px 5px 7px;
	color: #666666;
	font-size: 12px;
	line-height: 180%;
	text-align: left;
}
.module2 .content2 A:link {
	FONT-SIZE: 12px; COLOR: #5A82A5; TEXT-DECORATION: none;
}
.module2 .content2 A:visited {
	FONT-SIZE: 12px; COLOR: #5A82A5; TEXT-DECORATION: none;
}
.module2 .content2 A:hover {
	FONT-SIZE: 12px; COLOR: #5A82A5; TEXT-DECORATION: underline;
}
.module2 .content2 A:active {
	FONT-SIZE: 12px; COLOR: #5A82A5; TEXT-DECORATION: none;
}

.bar11{
	margin-top: 10px;
	margin-bottom: 10px;
    padding-left: 5px;
    height: 22px;
background: url(../images/bar11.gif) left top no-repeat;    
}
.bar12{
    padding-right: 5px;
    height: 22px;
background: url(../images/bar13.gif) right top no-repeat;    
}
.bar13{
    padding-left: 5px;
    height: 22px;
background: url(../images/bar12.gif) left top repeat-x;    
font-weight: bold;
color: #000000;
}
.Item1 {
        padding-top:10px;
        padding-bottom:10px;
        line-height: 180%;
        background-color: #EEEEEE;
}
.Item2 {
        padding-top:10px;
        padding-bottom:10px;
        line-height: 180%;
        background-color: #FFFFFF;
}
.outlinebg1 {
        background-color: #F4EA88;
        font-size:12px;
}
.outlineitem1 {
        border-bottom: 1px #EDE167 solid;
        padding: 5px 3px 5px 3px;
        font-size:12px;
}
.outlinebg2 {
        background-color: #C0D1DB;
}
.outlineitem2 {
        border-bottom: 1px #70899D solid;
        padding: 5px 3px 5px 3px;
        font-size:12px;
}
.outlineitem {
        padding: 5px 3px 5px 3px;
        font-size:12px;
}
.TextBold12 {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 180%; FONT-FAMILY: "ËÎÌå", "Arial", "Helvetica", "sans-serif"; font-weight:bold
}
.TextH180 {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 180%; FONT-FAMILY: "ËÎÌå", "Arial", "Helvetica", "sans-serif"
}
.TextH200 {
	FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: 180%; FONT-FAMILY: "ËÎÌå", "Arial", "Helvetica", "sans-serif"; font-weight:bold
}
.boldtext12 {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.normaltext {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.RedFontTip {
    color: #FF0000;
}

.submenu {
    font-size: 12px;
    line-height: 200%;
}
.submenu .title {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #020062;
    font-weight: bold;
    line-height: 200%;
}
.submenu .content {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 100%;
}
.submenu .content ul
{
    margin: 0px;
    margin-left: 20px;
    padding: 0px;
    list-style: none;
    list-style-image: url('../images/coursemenuitem-icon.gif');
}
.submenu .content li {
    line-height: 200%;
}
.submenu .content .menuitem {
	border-top: 1px solid #366f79;
	background: #366f89 center repeat-y url('../images/submenuitembg.gif');
	padding: 8px;
	text-align: center;
}
.submenu .content .menuitembottom {
	border-top: 1px solid #366f79;
	height: 0px;
	font-size: 0px;
}

.hightlight {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

.foot {
    margin-top: 20px;
    border-top: 1px #E7E7E7 solid;
    text-align: center;
    line-height: 200%;
}
.foot .menu {
	text-align: center;
}
.foot .menu A:link {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
.foot .menu A:visited {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
.foot .menu A:hover {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
.foot .menu A:active {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
.foot .menu ul {
	padding:0;margin:0;
}
.foot .menu li {
	display:inline;padding:0 10px;
}