body {
	color: #ECDBC2;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background-color: #3c3525;
	owerflow: auto;
}

.clr {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

.img {
	border-collapse: collapse;
	border: none;
}

.txt {
	color: #ECDBC2;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}

	
a {color: #554229;  font-weight: bold;text-decoration: none;font-family: Arial, Tahoma, Verdana, sans-serif;  font-size: 12px;}
a:hover {color: #AE9E84; }

a.coll:link {color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;}
a.coll:hover {color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;}
a.coll:visited {color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;}

.icons {
	padding: 10px;
}

/*table {
	display: table; 
	border-spacing: 2px;
	border-collapse: separate;
	-moz-box-sizing: border-box;

}*/
/*.tableA {
	display: table; 
	border-spacing: 2px;
	border-collapse: separate;
	-moz-box-sizing: border-box;
}*/
.unit_img{
	padding: 15px;
	margin: 15px;
}
.unit_img img{border: 1px solid #554229;}
.mainout{
	float:left;
	padding-top:20px;
}
.contentMain {
	width: 732px; padding: 20px;
	font-size: 12px; 
	color: #ECDBC2;
	background-image: url(images/background_content.jpg);
	background-repeat: repeat;
}
.navigation {

}

.navigation a {
	display: block;
	width: 150px;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	cursor: pointer;
	background: #AE9E84;
}

.navigation a:hover {
    background: #554229;
}
.navigation a.current { color: #ECDBC2;}


.maincontent {
	color:#000000;
	font-size: 14px;
	
}
.mC {width:100px; margin:5px; float:left;}
.mH {cursor:pointer;  font-weight:bold;}
.mL {display:none; margin-bottom:10px;}
.mO {margin-left:10px; display:block;}

.maincontenttable {
	width: 788px;
	color:#FFFFFF;
	font-size: 14px;
	background-style: transparent;
}    
.header2 {
    height: 18px; 
    font-size: 12px; 
    font-weight: bold;
    text-align: center;
    padding: 3px 0px 2px 0px; 
    margin-top: 15px;
	margin-bottom: 15px;
    background-color: #AE9E84;
    color: #554229; 
    border: 1px solid #554229;
}
.content1 {
	font-size: 12px;
	color: #ECDBC2;
	margin: 8px;
}
.content2 {
	font-size: 12px;
	color: #ECDBC2;
	display:none;border: 1px solid #ECDBC2; margin-top: 5px;
}
/* ========================================== */
TABLE.ramka       { border-collapse: collapse;
                   border: 1px solid #4B3F38; 
                   font-weight:bold;}

.ramka2       { border-collapse: collapse;
                   border: 1px solid #554229; 
                   font-weight:bold;}
.ramka3       { border-collapse: collapse;
                   border: 2px solid #554229; 
                   font-weight:bold;}
.noborder       { border-collapse: collapse;
                   border: 0px solid #ff0000; 
                   }
                   
TABLE.tip1       { border-collapse: collapse;
     				border: 1px solid #4B3F38;
				   font-weight:bold;
				   

 }
 td.tip1 {border: 1px solid #4B3F38;
 			font-weight:bold;
 			}
 td.tip5 {border: 1px solid #4B3F38;
 			font-weight:bold;
 			}
 			
 td.tip2 {font-family: "Arial";    
    	  font-size: 12px;
   		  font-weight:bold;
    	  border: 1px solid #4B3F38;
 		  }
 		  
 td.tip3 {font-family: "Arial";    
    	  font-size: 12px;
   		  font-weight:bold;
          border: 1px solid #4B3F38;
 		  }  	
 td.tip4 {font-family: "Arial";    
    	  font-size: 12px;
   		  font-weight:normal;
          border: 1px solid #4B3F38;
 		  text-decoration: none 
 		  }  	
 		  
a.tip1{font-size:115%; color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;} 		  
a.tip2{color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;} 		  
a.tip3{font-size:200%;color: #ECDBC2;font-weight: none;text-decoration: underline; font-size: 12px;} 		  
 		  


.error
{
  color: #FF0000;
}

.scrollwindow{
  border:0px  solid; 
  width:99%; 
  height:99%; 
  overflow:auto;
  max-height: 460px;
}

.book_scroll{
  overflow:hidden;
  width:245; 
  height:374; 
}


div#hold { 
  position:relative; overflow:hidden;
	width:255px; height:365px; z-index:100
	left:0px; top:0px; 
	}

div.content	{ 
	position:relative; 
	left:0px; top:0px; 
	width:240px; height:2365px; 
	z-index:1; 
	}
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:245px; height:364px; 
	clip:rect(0px, 245px, 365px, 0px); 
	overflow:hidden;	
	z-index:2; 
	}


div#controls2 { 
  position:absolute; left:235px; top:0;
  width:14px; height:365px; z-index:4;
  }
div#up { position:absolute; left:10; top:0; z-index:1; }  
div#down { position:absolute; left:10; bottom:0; z-index:2; }  

/* hold div contains both scrolling content areas in this example */
.bottom {position: relative; bottom: 0;}
.helpflags img {
	padding:2px;

}