
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-color:#F0F0F0; 
  font-family:tahoma;
 background-image:url(images/kk_025_2.jpg); 
  background-repeat:repeat;
  
  scrollbar-track-color: #EDECBA;
  scrollbar-face-color: #98CA98;
  scrollbar-shadow-color: #DADDA6;
  scrollbar-darkshadow-color: #A5D3E2;
  scrollbar-highlight-color: #F0F0F0;
  scrollbar-3dlight-color: #98CA98;
  scrollbar-arrow-color: #EDECBA;

} 
 
#pagewidth{ 
 width:770px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 text-align:right;  
 position:relative; 
 height:50px; 
 width:100%;
} 

#leftcol{
 width:100px; 
 float:left; 
 position:relative; 
 height:500px; 
 }


#twocols{
 width:665px; 
 float:right; 
 position:relative; 
  }

#rightcol{
 width:460px; 
 float:right; 
 position:relative; 
	overflow: hidden;
	background-image: none;
/* background-color:#98CA98;*/
 height:500px; 
  	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95; 

 }

#rightcol :hover{
  	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35; 
 }

#maincol{
background-color: #EDECBA;  
 float: left; 
 display:inline; 
 position: relative; 
 width:188px; 
 height:500px; 
	overflow: hidden;
 }

/*
#maincol :hover{
  	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25; 
	}
*/

#footer{
 text-align:left;  
 height:50px; 

 clear:both;
 } 

h2 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	font-size: 16px;
	margin: 10px 10px 10px 10px;
	padding: 5px;
	color: #108810;
	float: left;
	}
	
p {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN";
	font-size: 13px;
	line-height: 1.6em;
	margin:15px;
	}

.ttl {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}


.ttl :hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}


.textBox {	
	float: left;
	height: 500px;
	padding-top: 500px;
	overflow: hidden;
	background-image: none;
}
.textBox :hover {
	height: 500px;
	padding-top: 0px;
	background-image: url(images/boxBg.png);
	}

/* 
  background-color:#A5D3E2; 
*/
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
*/ 

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

