html,body{margin:0; padding:0; font:14px Arial; color:#1c1c1c; text-align:center; min-height:100%; height:100%;}

html{/* border-left: 1px solid transparent;*/}
body{background:url(../images/html.jpg) 50% 35px no-repeat #fff;  position:relative;}

html>body{height:auto;}

img{border:0;}

form,p{margin:0; padding:0;}

small{font-size:12px;}
big{font-size:16px;}

.left{float:left!important;}
.right{float:right!important;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

label{line-height:22px;}
label input{margin:4px 7px 0 0; padding:0; width:13px; height:13px; float:left; display:block; }

a{color:#806400; outline:none;}
a:hover,#context.fulltext a:hover h2,#context.fulltext h2 a:hover{text-decoration:none;}

.clearfix:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height:0px; font-size:0px;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear{clear:both; width:0; height:0; overflow:hidden;}

.btn{display:block; background:url(../images/btn_l.gif) 0 0 no-repeat; padding:0 0 0 3px; text-decoration:none;}
.btn b{display:block; background:url(../images/btn_r.gif) 100% 0 no-repeat; padding:0 3px 0 0;}
.btn b i{display:block; background:url(../images/btn_c.gif) repeat-x; font-style:normal; font:11px/16px Arial; color:#fff; padding:0 22px 1px 22px; text-shadow: 0px -1px 0px #000;}

.btn:hover,.btn.active,.btn.active:hover{background:url(../images/btn_l_hover.gif) 0 0 no-repeat;}
.btn:hover b,.btn.active b,.btn.active:hover b{background:url(../images/btn_r_hover.gif) 100% 0 no-repeat;}
.btn:hover b i,.btn.active b i,.btn.active:hover b i{background:url(../images/btn_c_hover.gif) repeat-x;}

form .submit{display:block; height:25px!important; /*overflow:hidden;*/ background:url(../images/button_span.gif) no-repeat; padding:0 0 0 4px;}
form .submit input{margin:0; line-height:20px!important; background:url(../images/button_input.gif) 100% 100% no-repeat; border:0!important; height:25px!important; padding:0 10px!important; color:#fff!important; text-shadow: 0px -1px 0px #000!important; cursor:pointer;}

form .submit:hover{background:url(../images/button_span_hover.gif) no-repeat;}
form .submit:hover input{background:url(../images/button_input_hover.gif) 100% 100% no-repeat;}

.inBorder{border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #e3e3e3; border-top:1px solid #717171; height:20px; padding:0 10px;}

#main{margin:0 auto; padding:47px 10px 80px 10px; width:990px; text-align:left; background:url(../images/body.jpg) 50% 235px no-repeat;}

#top{height:135px; padding:35px 0 41px 0; position:relative; overflow:hidden;}
#top.bg{background:url(../images/home.jpg) 50% 100% no-repeat!important;}
#top .language{position:absolute; top:10px; left:30px; font:12px Verdana;}
#top .language a{float:left;}
#top a.active{color:#000!important; text-decoration:none!important; cursor:default!important;}
#top .title{position:absolute; top:0px; left:45px;}
#top .loginform{position:absolute; right:30px; top:10px; z-index:10;}
#top .border{display:block; width:2px; height:15px; background:url(../images/border.gif) repeat-y; margin:0 10px; float:left;}
#top .text{color:#705c11; font-size:17px; line-height:18px; text-shadow: 1px 1px 1px #fff; position:absolute; /*top:65px;*/ top:35px;  left:655px; overflow:hidden; font-style:italic;}
#top .text b{display:block; color:#e6a100;}
#top .head-text{height:120px; position:relative;}

#enterform{width:230px; height:108px; padding:29px 29px 0 29px; background:url(../images/form.png) no-repeat; position:absolute; right:100%; top:100%; margin:-10px -10px 0 0; display:none;}
#enterform table input{width:160px; margin:0 0 0 5px; padding:0 5px;}
#enterform table td{padding:0 0 10px 0;}
#enterform .submit input{padding:0 20px;}

#content{text-align:center;}


#lside,#rside,#context{text-align:left;}
#lside{width:220px; float:left;}
#lside #navigation{margin:0; padding:0; list-style-type:none;}
#lside #navigation li{text-transform:uppercase;}
#lside #navigation li a{display:block; background:url(../images/a_nav.jpg) repeat-x; font-size:12px; color:#806400; text-decoration:none; padding:1px 20px 0 20px; line-height:29px;}
#lside #navigation li a:hover{background:url(../images/a_nav_hover.jpg);}
#lside #navigation li a.active,#lside #navigation li a.active:hover{cursor:default; color:#fff; background:#e6a100;}

#lside #lsideForm{height:135px; background:url(../images/lside_form.jpg) repeat-x; overflow:hidden; padding:13px 20px 12px 20px; margin:0 0 20px 0;}
#lside #lsideForm .formTitle{font:14px Arial; color:#e6a100; text-shadow: 0px 1px 0px #fff; display:block; margin:5px 0 10px 0;}
#lside #lsideForm form{margin:0; padding:0;}
#lside #lsideForm form input{display:block; width:100%; margin:0 0 5px 0; width:160px; color:#818181;}
#lside #lsideForm  label input{width:13px; height:13px; float:left!important; margin:3px 5px 0 0;}
#lside #lsideForm  label{font-size:11px; margin:0 0 5px 0; display:block; float:left; color:#745f2e; min-width:80px;}

#lside form .submit input{width:176px!important;}

#lside .banners img, #lside .banners a,#lside .banners .banner{display:block; margin:0 0 10px 0;}
#lside .banners a img{display:block; margin:0;}

#rside{width:130px; float:right; font-size:13px; padding:0 20px 0 0;}
#rside .box .title,#rside .titleSide{font-size:16px; line-height:17px; font-weight:bold; display:block;}
#rside .titleSide{color:#e6a100; border-bottom:1px solid #806400; margin:0 0 20px 0; padding:0 0 3px 0;}
#rside .box .title{color:#000; margin:0 0 5px 0;}
#rside .box{border-bottom:1px solid #806400; padding:0 0 5px 0; margin:0 0 20px 0;}

a.image{display:block; position:relative;}
a.image .play{display:block; background:url(../images/play.png) no-repeat; width:67px; height:67px; position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px;}

img.image{margin:0 10px 10px 0; display:block;}

#context{width:530px; float:left; margin:0 45px; line-height:18px;}
#context.fulltext{width:700px; margin:0 0 0 45px;}
#context.fulltext h1{font:30px/30px Arial; color:#d9a300; margin:0 0 15px 0;}
#context.fulltext a h2,#context.fulltext h2 a{font-size:16px; text-decoration:underline; margin:0 0 10px 0;}
#context.fulltext a.black,#context.fulltext a.black h2,#context.fulltext h2 a.black{color:#000; text-decoration:none!important;}
#context.fulltext hr{border:0; border-top:1px solid #d9a300;}
#context.fulltext .addon{margin:15px 0 0 0;}
#context.fulltext .addon .color{color:#dbdbdb;}

#context.fulltext.register .inBorder{width:360px; padding:0 5px;}
#context.fulltext.register .inBorder.code{width:100px;}
#context.fulltext.register img#code{display:block; float:left; margin:0 10px 0 0;}
#context.fulltext.register td{padding:0 0 10px 0; vertical-align:top;}

#context.fulltext.contacts input.inBorder, #context.fulltext .addon input.inBorder {width:232px; color:#818181;}
#context.fulltext.contacts textarea.inBorder,#context.fulltext .addon textarea.inBorder{height:50px; width:510px; padding:10px;}
#context.fulltext.contacts form td, #context.fulltext .addon form td{padding:0 0 10px 0;}
#context.fulltext.seminar .angle{font-size:14px;}
#context.fulltext.audio big{display:block;}
#context.fulltext .reviewTitle{width:350px; display:block;}
#context.fulltext .reviewTitle.right{padding:0 0 0 20px; width:330px;}

.review{width:350px; border-right:1px solid #d9d9d9; margin:15px 0 0 0;}
.review .reviewR{width:330px; margin:0 -350px 0 350px; padding:0 0 0 20px;}
.review .reviewL{width:330px; float:left; padding:0 20px 0 0;}
.review p{margin:5px 0 0 0;}
.reviewR div.right{width:330px;}

.audioList{width:530px; margin:0 0 10px 0;}
.audioList .player{margin:5px 0 20px 0;}

.iconBook{display:block; background:url(../images/icon_book.gif) no-repeat; padding:0 0 0 30px;}
.iconBook h2{margin:0 0 7px 0; line-height:23px;}

.letter{font-size:40px; line-height:30px; display:block; float:left; color:#e6a100; /*margin:10px 0 0 0; padding:0 5px 0 0;*/ position:relative; top:2px; /*left:5px;*/}

.videoItem{margin:0 0 10px 0;}
.videoItem .image{margin:0 10px 10px 0; width:130px; overflow:hidden; text-align:center;}
.videoItem .image img{margin:0 auto; display:block;}
.videoItem big{display:block; margin:0 0 5px 0; text-decoration:none; color:#000;}

.pages{font-size:13px;}
.pages b{color:#d9d9d9; font-weight:normal;}
.pages .active{color:#d9a300; text-decoration:none; font-weight:bold; cursor:default;}

.angle{
font-size:16px;
font-style:italic;
padding:20px;
border:1px solid #806400;
background:#fffade;
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fffade');*/
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffade));
background:-moz-linear-gradient(top,  #ffffff,  #fffade);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
behavior: url(/css/PIE.htc); zoom:1;
}

#popMaterial{background:#fafafa; border:1px solid #d9a300; position:absolute; display:none;}
#popMaterial ul{display:block; margin:0; padding:0; list-style-type:none; border:1px solid #fff; padding:10px 10px 5px 10px;}
#popMaterial ul li{padding:0 0 5px 0;}
#popMaterial ul li a{display:block; margin:0 20px 0 0; font-weight:bold; background:url(../images/arrow.gif) 0 50% no-repeat; padding:0 0 0 10px;}

#circle{background:url(../images/circle.png) 50% 0 no-repeat; position:relative; height:85px; margin:0 0 10px 0; padding:90px 0 0 0; text-align:center;}
#circle a{color:#332a00; text-decoration:underline; display:block; width:175px; text-align:center; margin:0 auto;}
#circle a:hover{text-decoration:none;}

.player{margin:0 0 30px 0;}

#bottom{position:absolute; left:50%; bottom:0; width:990px; margin:0 0 0 -495px; padding:10px 0 7px 0; background:url(../images/bottom.gif) 0 0 repeat-x; text-align:center; font:10px/20px Verdana;}
#bottom span{border-bottom:1px solid #bfb47f; font-size:12px; line-height:15px; padding:0 10px;}
#bottom span b{color:#806a00; font-weight:normal;}

.empty{border-left:1px #ffacac solid!important; 
		border-top:1px #ff3131 solid!important; 
		border-right:1px #ffacac solid!important; 
		border-bottom:1px #ffbaba solid!important; 
		background:#fff5f5!important;
	}
	
#notice{font-size:16px; color:#8e6201; display:block; margin:0 0 15px 0; font-weight:bold;}

#OpenArchive{display:none; background:#fafafa; border:1px solid #d9a300; margin:10px 0 0 0;  padding:5px 10px; float:left;}
#OpenArchive table td{padding:5px 0;}
#OpenArchive a{display:block; font-weight:bold; background:url(../images/arrow.gif) 0 50% no-repeat; margin:0 20px 0 0;; padding:0 0 0 10px;}
	
center font{font-size:20px; line-height:24px;}

.title{display:block; font-size:16px; font-weight:bold; margin:35px 0 15px 0;}
.sub-title{display:block; line-height:25px; width:200px; float:left;}

.category{margin:0 0 20px 0;}
.category-list{width:420px; float:left;}
.category-list a{display:block; width:120px; padding:0 20px 10px 0; float:left;}
.category-list select{width:340px; *width:320px; height:25px; float:left;}
.category-list .submit{float:right;}

.print{display:block; width:67px; height:67px; background:url(../images/print.png) 0 0 no-repeat;}
.print:hover{background-position:0 -67px;}