body{
	margin:0px auto;
	text-align:left;
	color: #000;
	
}
img{
	border:0 none;	
	border-style: none;
}

img a{
	border:0 none;	
	border-style: none;
}

a{
	color: #9382d2;
	text-decoration: none;
}

a:hover{
	color: #a4bf37;
	text-decoration: none;
}

#container{
	text-align:left;
	width: 1000px;
	margin: 0px auto;
}

.clear { clear:both; }
.floatleft{ float:left; }
.pushright5{ margin-right:5px; }
/* ----- BODY ----- */

.center{
	text-align: center;
}

#header{

}

#banner{
	background-image: url(../images/Header3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height:194px;
	padding-top:7px;
}

#lang{
	position:absolute;
	margin-top:7px;
	margin-left:925px;
}

#topbar{
	background-image: url(../images/topbar_bg2.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 18px;
	padding-bottom: 10px;
}

#navi{
	padding-left: 10px;
	color: #4874af;
	font-size:14px
}
#navi a{
	color: #24b23b;
	text-decoration: none;
	font-weight: bold;
}
#navi a:hover{
	color: #4874af;
	text-decoration: underline;
	font-weight: bold;
}

#status{
	color: #4874af;
	padding-right: 10px;
	text-align: right;
	font-size:14px
}
#status a{
	color: #24b23b;
	text-decoration: none;
	font-weight: bold;
}

#footer{
	background-image: url(../images/footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 43px;
	margin-top:20px;
}
#footer a{
color: #ffffff;
}

/*------ CONTENT --------*/
#maincontainer{
	background-color: #f0f0f1;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
	margin-top: 0;
	margin-right: 230px;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#content2column{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#leftcolumn{
	float: left;
	width: 230px; /*Width of left column in pixel*/
	margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
	padding: 0px;
	background-image: url(../images/mainmenu/index_bg.gif);
	background-repeat: repeat;
	background-position: left top;
	vertical-align: top;
}

#rightcolumn{
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -215px; /*Set left margin to -(RightColumnWidth)*/
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/*------ BLOCK --------*/
.block_topic {font-size: 12px;color: #ffffff; font-weight: bold;margin:0px; }
#block{
	border: 2px solid #d0dcec;
	margin-bottom:10px;
	padding:5px;
	background:#FFFFFF;
}
#block h1{font-size: 12px;color: #ffffff; font-weight: bold;margin:0px;}

#sidecolumn #block h1{background-color: #FFFFFF;border: 1px solid #dbdbdb;font-size: 12px;color: #046598;padding: 5px;font-weight: bold;margin:0px; margin-bottom:5px}

#contentcolumn #block h1{background-color: #FFFFFF;border: 1px solid #dbdbdb;font-size: 12px;color: #046598;padding: 5px;font-weight: bold;margin:0px; margin-bottom:5px}

#contentcolumn #block_content{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px;}
#block_content p{ padding:0px; margin:0px}

#contentcolumn #block_course{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px;}

/*------ MENU --------*/
 #block ul{list-style-type: none;margin: 5px 0;padding: 0;}
 #block ul li a{color:#9382cb;font-weight:bold;	display: block;	width: auto;	padding: 3px 0;	padding-left: 20px;	text-decoration: none;	border-bottom: 0px solid #B5B5B5;	background-image: url(../images/ico/go.gif);background-repeat: no-repeat;background-position: 2px center;}
 #block ul li a:hover{color: #93bf37;}
/*------ END MENU --------*/

#block ul li{
color:#000000;font-weight:bold; 
}

#block ul li .clearmenu a{
	background-image: url(../images/spacer.gif);
	margin: 0px;
	padding: 0px;
}
#block ul li .clearmenu a{
	background-image: url(../images/spacer.gif);
	margin: 0px;
	padding: 0px;
}



#sidecolumn #block_content{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px; }

#sidecolumn #block_calendar{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px; }

#sidecolumn #block_admin{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px; }

#sidecolumn #block_menu{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px; }

/*------ LOGIN --------*/
#sidecolumn #block_login{ background-color: #f3f3f3;border: 1px solid #dcdcdc;padding: 5px;margin-bottom: 10px; }
#sidecolumn #block_login form{padding: 0px;margin-top: 5px;margin-bottom: 5px;}
#sidecolumn #block_login .text{width: 88px;background-color: #fafafa;border: 1px solid #dddddd;font-size: 14px;margin-bottom:5px; padding-left:3px}
#sidecolumn #block_login form label{ float: left;width: 85px; /*width of label (left column)*/margin-right: 5px; /*spacing with right column*/padding-top: 5px;font-weight: bold;padding-left: 5px;}
#sidecolumn #block_login form .signup{ float: left;width: 70px; margin-right: 5px; padding-top: 5px;font-weight: bold;padding-left: 20px;background-image: url(../images/ico/signin.png);background-repeat: no-repeat;background-position: left 5px;}
#sidecolumn #block_login .status{font-size: 12px;padding: 5px;font-weight: bold;}
/*------ END BLOCK --------*/

#home .topic{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.block_content h1{
	font-size: 36px;
}

/* start - table */
#tblContent {
	border-collapse: collapse;
	margin: 0px;
	width: 100%;	
}
#tblContent th strong {
	color: #fff;
}
#tblContent th {
	background: #64a3ac;
	height: 29px;
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	text-align: center;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
	font-weight: normal;
}
#tblContent tr {
	height: 30px;
}
#tblContent td {
	padding-left: 2px;
	padding-right: 2px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
#tblContent td a {
color:#b84f0b;
}
#tblContent td a:hover{
	color:#4366a9;
	text-decoration: underline;
}
#tblContent td.first,th.first {
	border-left: 0px;
}
#tblContent tr.row-a {
	background: #F8F8F8;
}
#tblContent tr.row-b {
	background: #a1d5d8;
}
/* end - table */

/* start - table */
#tblContentFix {
	border-collapse: collapse;
	margin: 0px;
}
#tblContentFix th strong {
	color: #fff;
}
#tblContentFix th {
	background: #64a3ac;
	height: 29px;
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;font-weight: normal;
}
#tblContentFix th a{
	color: #fff;
}
#tblContentFix tr {
	height: 30px;
}
#tblContentFix td {
	padding-left: 2px;
	padding-right: 2px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
#tblContentFix td a {
color:#8aa568;
}
#tblContentFix td a:hover{
	color:#4366a9;
	text-decoration: underline;
}
#tblContentFix td.first,th.first {
	border-left: 0px;
}
#tblContentFix tr.row-a {
	background: #F8F8F8;
}
#tblContentFix tr.row-b {
	background: #a1d5d8;
}
/* end - table */

input.button {
	margin: 0;
	
	padding: 2px 3px;
	color: #333;
	border: 1px solid #DADADA;
	background-color: #FFF;
	background-image: url(../images/gradientbg.jpg);
	background-repeat: repeat-x;
}

/*------ COURSE --------*/
.listcourse H2 {
	PADDING-RIGHT: 3px; MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana,"BitStream vera Sans"; margin:0px
}
.listcourse H2 A.title {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
.listcourse H2 A.title:hover {
	COLOR: #2970a6
}
.listcourse .infocourse {
	MARGIN: 5px
}
.listcourse .infocourse SPAN.first {
	MARGIN-LEFT: 0px
}
.listcourse .date {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .tags {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .author {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .categories {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .editpost {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .readingblinds {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .comments {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .addcomment {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .editlinks {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .views {
	DISPLAY: block; PADDING-LEFT: 14px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/views.gif) no-repeat; LINE-HEIGHT: 10px; HEIGHT: 16px
}
.listcourse .act {
	FLOAT: right; HEIGHT: 16px
}
.listcourse .act SPAN {
	FLOAT: left; MARGIN-LEFT: 15px
}
.listcourse .tags {
	BACKGROUND-POSITION: 0px -16px
}
.listcourse .categories {
	BACKGROUND-POSITION: 0px -32px
}
.listcourse .author {
	BACKGROUND-POSITION: 0px -176px
}
.listcourse .date {
	BACKGROUND-POSITION: 0px -48px; FLOAT: left
}
.listcourse .editpost {
	BACKGROUND-POSITION: 0px -64px
}
.listcourse .readingblinds {
	BACKGROUND-POSITION: 0px -80px
}
.listcourse .comments {
	BACKGROUND-POSITION: 0px -96px
}
.listcourse .addcomment {
	BACKGROUND-POSITION: 0px -112px
}
.listcourse .editlinks {
	BACKGROUND-POSITION: 0px -192px
}
.listcourse .content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 140%; PADDING-TOP: 0px
}
.listcourse .content P {
	MARGIN-BOTTOM: 20px
}
.listcourse .content .under {
	LINE-HEIGHT: 16px; HEIGHT: 16px
}
.listcourse .content .under SPAN {
	FLOAT: left; MARGIN-RIGHT: 15px
}
.listcourse .content H4 {
	MARGIN-BOTTOM: 10px; COLOR: #080
}
.listcourse .content IMG {
	MAX-WIDTH: 640px
}
.listcourse .content UL {
	PADDING-BOTTOM: 20px
}
.listcourse .content OL {
	PADDING-BOTTOM: 20px
}
.listcourse .content UL LI {
	PADDING-LEFT: 10px; LIST-STYLE-POSITION: inside
}
.listcourse .content OL LI {
	PADDING-LEFT: 10px; LIST-STYLE-POSITION: inside
}
.listcourse .content TABLE {
	BACKGROUND: #cccccc; MARGIN: -15px auto 5px
}
.listcourse .content TABLE TR TD {
	
}
.listcourse .content TABLE TR TH {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; background: #FBD068;
}
.listcourse .content .boxcaption {
	BACKGROUND-IMAGE: url(../images/ico/postbox.gif)
}
.listcourse .content .box {
	BACKGROUND-IMAGE: url(../images/ico/postbox.gif)
}
.thumb-article {
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; DISPLAY: block; MARGIN: 10px 10px 3px 0px; BORDER-LEFT: #ccc 0px solid; WIDTH: 190px; BORDER-BOTTOM: #ccc 0px solid; HEIGHT: 120px; TEXT-DECORATION: none! important
}
.thumb-entry {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(../images/ico/overlay.png); PADDING-BOTTOM: 0px; OVERFLOW: hidden; COLOR: #a7a7a7; PADDING-TOP: 0px; POSITION: relative; TOP: 98px; HEIGHT: 22px
}
.fixed {
	CLEAR: both
}

/*------ WEBBOARD --------*/
#pagenavi {
	PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 10px -5px 0px; PADDING-TOP: 0px
}

.post H2 {
	PADDING-RIGHT: 3px; MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 26px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; 
}
.post H2 A.title {
	COLOR: #4c4c4c; TEXT-DECORATION: none
}
.post H2 A.title:hover {
	COLOR: #2970a6
}
.post .infopost {
	MARGIN: 5px
}
.post .infopost SPAN.first {
	MARGIN-LEFT: 0px
}
.post .date {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 20px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .tags {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .author {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 20px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .categories {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .editpost {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .readingblinds {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .comments {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .addcomment {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .editlinks {
	DISPLAY: block; PADDING-LEFT: 22px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/icons.gif) no-repeat; LINE-HEIGHT: 16px; HEIGHT: 16px
}
.post .views {
	DISPLAY: block; PADDING-LEFT: 14px; FONT-SIZE: 11px; BACKGROUND: url(../images/ico/views.gif) no-repeat; LINE-HEIGHT: 10px; HEIGHT: 16px
}
.post .act {
	FLOAT: right; HEIGHT: 16px
}
.post .act SPAN {
	FLOAT: left; MARGIN-LEFT: 15px
}
.post .tags {
	BACKGROUND-POSITION: 0px -16px
}
.post .categories {
	BACKGROUND-POSITION: 0px -32px
}
.post .author {
	BACKGROUND-POSITION: 0px -176px
}
.post .date {
	BACKGROUND-POSITION: 0px -48px; FLOAT: left
}
.post .editpost {
	BACKGROUND-POSITION: 0px -64px
}
.post .readingblinds {
	BACKGROUND-POSITION: 0px -80px
}
.post .comments {
	BACKGROUND-POSITION: 0px -96px
}
.post .addcomment {
	BACKGROUND-POSITION: 0px -112px
}
.post .editlinks {
	BACKGROUND-POSITION: 0px -192px
}
.post .content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 140%; PADDING-TOP: 0px;
	padding-top: 25px;
}
.post .content P {
	MARGIN-BOTTOM: 20px
}
.post .content .under {
	LINE-HEIGHT: 16px; HEIGHT: 16px;
	margin-top: 10px;
}
.post .content .under SPAN {
	FLOAT: left; MARGIN-RIGHT: 15px
}
.post .content H4 {
	MARGIN-BOTTOM: 10px; COLOR: #080
}
.post .content IMG {
	MAX-WIDTH: 640px
}
.post .content UL {
	PADDING-BOTTOM: 20px
}
.post .content OL {
	PADDING-BOTTOM: 20px
}
.post .content UL LI {
	PADDING-LEFT: 10px; LIST-STYLE-POSITION: inside
}
.post .content OL LI {
	PADDING-LEFT: 10px; LIST-STYLE-POSITION: inside
}
.post .content TABLE {
	BACKGROUND: #cccccc; MARGIN: -15px auto 5px
}
.post .content TABLE TR TD {
	
}
.post .content TABLE TR TH {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; background: #FBD068
}

#commentlist {
	PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fcfcfc; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid
}
#commentlist OL {
	LIST-STYLE-TYPE: none
}
#commentlist LI {
	LIST-STYLE-TYPE: none
}
.comment .author {
	FLOAT: left; WIDTH: 81px; TEXT-ALIGN: center
}
.comment .pic {
	PADDING-RIGHT: 14px; MARGIN-TOP: 10px; BACKGROUND: url(../images/commentpoint.png) no-repeat 100% 33%
}
.comment .name {
	PADDING-RIGHT: 14px; FONT-WEIGHT: bolder; OVERFLOW: hidden; WIDTH: 67px
}
.comment .avatar {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid
}
.comment .infoboard {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../images/comment.gif) #edeff0 no-repeat 0px 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 514px; PADDING-TOP: 10px; margin-bottom:10px
}
.comment .date {
	FLOAT: left; margin-bottom: 10px;
}
.trackback .date {
	FONT-SIZE: 10px; FLOAT: left
}
.comment .act {
	FONT-SIZE: 10px; FLOAT: right
}
.trackback .act {
	FONT-SIZE: 10px; FLOAT: right
}
.comment .content {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../images/comment.gif) no-repeat 100% 100%; PADDING-BOTTOM: 10px; MARGIN: 0px -15px; LINE-HEIGHT: 145%; PADDING-TOP: 0px
}
.comment .content P {
	MARGIN-TOP: 10px
}
.comment .content BLOCKQUOTE P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
.messagebox {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 11px; BACKGROUND: url(img/messagebox.gif) #edeff0 no-repeat; PADDING-BOTTOM: 0px; LINE-HEIGHT: 27px; PADDING-TOP: 0px; HEIGHT: 27px
}
/*------ END WEBBOARD --------*/

.lesson {
	margin: 0;
	padding: 10px;
	border: 1px solid #dcdcdc;
	background-color: #FFF;
	background-image: url(../images/gradientbg.jpg);
	background-repeat: repeat-x;
	margin-bottom:10px
}
.lesson h1 {
	font-size: 16px;
	color: #65944A;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0dede;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.lesson .lesson-box {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin-top: 10px;
	font-size: 100%;
	margin-bottom: 0px;
}
.lesson .lesson-info {
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #dcdcdc;
	padding-top: 10px;
}
.lesson .lesson-box ul{
	padding: 0px;
	list-style-type: none;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.lesson .lesson-box ul li{
	padding: 3px;
	margin: 0px;
}

a .sort{

	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -1px;
	padding-right: 15px;
	background-repeat: no-repeat;
}
a:hover .sort{
	color:#FFFFFF;
	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -33px;
	background-repeat: no-repeat;
}

a .asc{
	color:#FFFFFF;
	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -33px;
	padding-right: 15px;
	background-repeat: no-repeat;
}
a:hover .asc{
	color:#FFFFFF;
	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -63px;
	background-repeat: no-repeat;
}

a .desc{
	color:#FFFFFF;
	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -63px;
	padding-right: 15px;
	background-repeat: no-repeat;
}
a:hover .desc{
	color:#FFFFFF;
	background-image: url(../images/ico/arrow_sort.gif);
	background-position: right -33px;
	background-repeat: no-repeat;
}

ul .submenu{
	margin: 0px;
	padding: 0px;
}

ul .submenu li{
	margin-left: 17px;
}


.clr{
	clear:both;
	height:0px;
	overflow:hidden;	
}
#news{
	padding: 5px;
	margin-bottom: 10px;
}
#news .news_left{
	width:49%;
	float:left;
	margin-right:10px;
}
#news .news_right{
	width:49%;
	float:right;
}
.news_topic{
	display:block;
	color:#FFF;
	background:#6b9afd;
	width:20px;
	text-align:center;
	font-size:30px;
	line-height:20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
	float:left;
	margin-right:10px;
}
.news_topic_name{
	padding-left:10px;
	color:#2e5b96;

	 font-weight:bold;
}
.news_line{
	border-bottom:3px solid #969595;
	padding-bottom:5px;
	margin-bottom:10px;
}

.news_show{
	margin-bottom:10px;	
}
.news_show .photo{
	border:2px solid #CCC;
	float:left;
	width:90px;
	height:90px;
	margin-right:10px;
}
.news_show .topic{
	float:left;
	color:#818688;
	font-size:13px;
	font-weight:bold;
	height:75px;
	width:200px;
}
.news_show .readmore{
	float:right;
}

.news_webmaster_topic{
	color:#585b60;
	font-size:18px;
	border-bottom:1px solid #ddf5fc;
	padding-bottom:5px;
	margin-bottom:10px;
}
.news_webmaster_list li{
	margin-bottom:5px;
	color:#666;	
}

.project_photo{
	text-align:center;
	margin-bottom:10px;	
}

.project_group1{
	background:#dbf7fc;	
}
.project_group1 .topic{
	background:#87bdd7;
	color:#000;
	font-size:18px;
	padding:7px;	
}
.project_group1 .detail{
	color:#000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.project_group2 .detail{
	color:#000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.project_group3 .detail{
	color:#000;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
.project_list ul{
	padding:0px;
}
.project_list li{
	list-style:none;
	font-size:14px;
	padding-bottom:5px;	
}


.project_group2{
	background:#f0fbce;	
}
.project_group2 .topic{
	background:#b9ca88;
	color:#000;
	font-size:18px;
	padding:7px;	
}

.project_group3{
	background:#fae8c9;	
}
.project_group3 .topic{
	background:#e1a487;
	color:#000;
	font-size:18px;
	padding:7px;	
}

.left-layout{
	width:317px;
}
.right-layout{
	width: 205px;
	padding-top: 10px;
}
.center-layout{
	width:683px;
	padding-top: 10px;
}

.menu_project{
	margin: 0px;
	padding-left:60px;
	padding-top:19px;
	padding-bottom:19px;
	padding-right:5px;
}
.menu_project li{
	color: #FFF;
	list-style-position: outside;
	list-style-image: url(../images/leftmenu_3.jpg);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.menu_project li a{
	color: #FFF;
	display:block;
}
.menu_project li a:hover{
	color: #f6c1df;
}
.menu_project li .active{
	color: #f6c1df;
}

.block_loginnew{
	width: 317px;
	padding-top: 102px;
	background-image: url(../images/b_login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.block_loginnew a{
	color:#FFF;	
}

.slider-home{
	background-image: url(../images/bg_slidehome1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 177px;
	width: 437px;
	padding-top:11px;
	padding-left:2px;
	margin-left:420px;
}
.block_news1 a{
	color:#000;
}
.block_news1 .block_news_show .topic{
	color:#000;
}
.block_news1 .block_news_show .desc{
	color:#000;
}
.block_news1 .news_other_list li a{
	color:#000;
}

.block_news{
	padding-left: 15px;
	padding-top: 45px;
}
.block_news_show{
	width:250px;
	float:left;
	margin-right:12px;
	margin-bottom:30px;
}
.block_news_show .photo{
	border:1px solid #9eb3c8;
	width:84px;
	float:left;
	margin-right:15px;
}
.block_news_show .topic{
	color:#ff7fcd;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.block_news_show .desc{
	color:#8d8d8d;
	font-size:11px;
}
.news_other_list{
	padding:0px;
	margin:0px;
	padding-left:35px;	
}
.news_other_list li{
	list-style-position: outside;
	list-style-image: url(../images/butnew2.gif);
	color:#8d8d8d;
}
.news_other_list li a{
	color:#8d8d8d;
}
.news_other_list li a:hover{
	color:#f491d2;
}

.block-other{
	width:503px;
	float:none;
	margin:0 auto;
	padding:0px;
}
.block-other .title{
	font-size: 15px;
	color: #ff9696;
	padding-bottom:11px;
	font-weight:bold;
	background-color:#f0f0f1;
}

.block_admin{
	padding:5px;	
}
.block_admin .title1
	background-color: #3b3f47;
	padding-top:7px;
	padding-bottom:7px;
	font-size:14px;
	 font-weight:bold;
	 color:#c0c0c0;
	 text-align:center
}
.block_admin .menu1 ul{
	padding:0px;
	margin:0px;
	padding-left:30px;
	padding-top:17px;
}
.block_admin .menu1 ul li{
	color: #8d8d8d;
	list-style-position: outside;
	list-style-image: url(../images/bull1.gif);
}
.block_admin .menu1 ul li a{
	color: #8d8d8d;
	list-style-position: outside;
	list-style-image: url(../images/bull1.gif);
	display:block;
	padding-top:3px;
	padding-bottom:3px;
}
.block_admin .menu1 ul li a:hover{
	color:#5f5e65;	
}
.block_admin .menu1 ul li ul{
	padding:0px;
	margin:0px;
}
.block_admin .menu1 ul li ul li{
	color:#8d8d8d;	
}
.block_admin .menu1 ul li ul li a{
	color:#8d8d8d;	
}
.block_admin .menu1 ul  li ul li a:hover{
	color:#5f5e65;	
}


#classRecoment{
	background:#fffda6;
	border-left:1px solid #b4ba5e;
	border-right:1px solid #b4ba5e;
	border-bottom:1px solid #b4ba5e;
	padding:5px;
	margin-bottom:15px;
}
#class11{
	background:#a1d5d8;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px;
	margin-bottom:15px;
}
#class11 th{
	background:#64a2ad;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 5px;
}
#class11 td{
	background:#a1d5d8;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size: 24px
}
#class22{
	background:#c0f4fe;
	border-left:1px solid #3fa4be;
	border-right:1px solid #3fa4be;
	border-bottom:1px solid #3fa4be;
	padding:5px;
	margin-bottom:15px;
}
#class33{
	background:#ebffa6;
	border-left:1px solid #80a62b;
	border-right:1px solid #80a62b;
	border-bottom:1px solid #80a62b;
	padding:5px;
	margin-bottom:15px;
}
#class4{
	background:#ebffa6;
	border-left:1px solid #6f9818;
	border-right:1px solid #6f9818;
	border-bottom:1px solid #6f9818;
	padding:5px;
	margin-bottom:15px;
}

.formtopbar{
	background-image: url(../images/bar_form_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	height:57px;
	margin-top:10px;
	padding-left:42px;
	margin-bottom:20px;
}
.formtopbar .formtopbar_bg{
	background-image: url(../images/bar_form_center.png);
	background-repeat: repeat-x;
	background-position: left top;
		height:57px;
		width:175px;
}
.formtopbar  .formtopbar_left{
	background-image: url(../images/bar_form_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 14px;	
		height:57px;
}
.formtopbar  .formtopbar_right{
	background-image: url(../images/bar_form_right.png);
	background-repeat: no-repeat;
	background-position: right top;
		height:57px;
		width:175px;
		text-align:center;
		color:#FFF;
		padding-top:17px;
		font-size:16px;
		padding-right:15px;
}
.formtopbar  .formtopbar_progress{
	position:absolute;
	margin-top:-53px;
	margin-left:485px;
	width:450px;
}
.formtopbar  .formtopbar_progress .formtopbar_progress_txt{
	float:left;
	width:100px;
	text-align:right;
	margin-right:5px;
}
.formtopbar  .formtopbar_progress .formtopbar_progress_bar{
	width:340px;
	background:url(../images/bg_progress.png) repeat-x left top;
	height:13px;
	border:1px solid #4e4c4d;
	float:left;
}
.formtopbar  .formtopbar_progress .formtopbar_progress_bar .formtopbar_progress_per{
	background:url(../images/bg_progress_bar.png) repeat-x left top;
	height:13px;
}

.form_reg {
	width:100%;
}
.form_reg .form_reg_layout{
	width:600px;
	float:none;
	margin:0 auto;
}
.form_reg ul{
	margin:0px;
	padding:0px;	
}
.form_reg ul li{
	list-style:none;
	font-size:14px;
	clear:both;
	margin-bottom:5px;
}
.form_reg ul li label{
	width:200px;
	text-align:right;
	padding-right:10px;
	display:block;
	float:left;
	padding-top:5px;
}
.form_reg ul li .inputbox { 
    background: transparent url(../images/input-text-8.png) repeat-x; 
    border: 1px solid #999; 
    outline:0; 
    height:25px; 
    width: 275px;
	font-size:14px;
	padding-left:3px;
  } 
  .form_reg ul li .selectbox { 
    background: transparent url(../images/input-text-8.png) repeat-x; 
    border: 1px solid #999; 
    outline:0; 
    height:25px; 
	font-size:14px;
	padding-left:3px;
  } 
    .form_reg ul li .textareabox { 
    background: transparent url(../images/input-text-8.png) repeat-x; 
    border: 1px solid #999; 
    outline:0; 
    height:80px; 
	font-size:14px;
	padding-left:3px;
  } 

  .form_button{
	  margin-top:50px;
	  text-align:right;
	  padding-right:20px;
	  margin-bottom:20px;
  }
  
  .myButton {
	background-color:#5a5655;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
}
.myButton:hover {
	background-color:#6c7c7c;

}
.myButton:active {
	position:relative;
	top:1px;
}

.myButtonDis {
	background-color:#cccccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #cccccc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	width:100px;
}
.myButtonDis:hover {
	background-color:#cccccc;
}

#ref_block .box_ref{
	float:left;
	width:250px;
	margin-bottom:7px;
}
#ref_block .thumb{
	background-image: url(../images/bg_thumb_ref.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 99px;
	padding-left:9px;
	padding-top:9px;
	float:left;
	margin-right:10px;
}
#ref_block .titleref{
	color:#9a9a9a;
	float:left;
	width:130px;
	padding-top:30px;
}
#ref_block .titleref a{
	color:#9a9a9a;
}

.btnRegles {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	
	font-size:17px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btnRegles:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btnRegles:active {
	position:relative;
	top:1px;
}
.btnStarles {
	-moz-box-shadow:inset 0px 1px 0px 0px #a5827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a5827e;
	box-shadow:inset 0px 1px 0px 0px #a5827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7e5d3c), color-stop(1, #644c30));
	background:-moz-linear-gradient(top, #7e5d3c 5%, #644c30 100%);
	background:-webkit-linear-gradient(top, #7e5d3c 5%, #644c30 100%);
	background:-o-linear-gradient(top, #7e5d3c 5%, #644c30 100%);
	background:-ms-linear-gradient(top, #7e5d3c 5%, #644c30 100%);
	background:linear-gradient(to bottom, #7e5d3c 5%, #644c30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e5d3c', endColorstr='#644c30',GradientType=0);
	background-color:#644c30;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	font-size:17px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.btnStarles:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
	background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
	background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
	background-color:#634b30;
}
.btnStarles:active {
	position:relative;
	top:1px;
}


.menu1 li{
	margin-left:20px;	
}