* {margin:0;padding:0}
/* mac hide \*/
body{height:100%;width:100%;	
font-family:  'Ubuntu';
}
/* end hide */
.blue-section{
 
	background: #005597;
	color:#fff;
}
/*FF red pixel href img strictness*/
a:focus, a:hover, a:active, a:link, a:visited {   }

a:link, a:visited{
	color:#555555;
	text-decoration: none;
}

a:hover{
	color:#000000;
	text-decoration: none;
}
.b7{
	font-family: 'Ubuntu';
	font-size: 15px;
	color: #005597;
	font-weight: 300;
	text-align: right;
}
.b8{
	font-family: 'Ubuntu';
	font-size: 15px;
	color: Maroon;
	font-weight: 300;
	text-align: right;
}
.b9{
	font-family: 'Ubuntu';
	font-size: 13px;
	color: black;
	font-weight: 300;  
}
.b10{
	font-family: 'Ubuntu';
	font-size: 9px;
	color: black;
	font-weight: 300;  
}
img{ 
	border:0px none #000000;
}
h1{
	font-family: 'Ubuntu';
	font-size: 15px;
	color: White;
	background: #933430; 
	line-height: 25px;
	text-align: center; 
}
body { 
	font-family: 'Ubuntu';
	font-size: 15px;	
	font-weight: normal;	
	line-height:1.4; 
	background-color:#E5E5E5;
	color:#333333;
	 
}


#divMain{
	position:relative;
	margin: 0 auto;
	margin-top: 20px;
	width: 925px;
	height: auto;
	background-color:#FFFF00;
}
 
	
#divMenu{
	position: relative;
	left: 0px;
	top: 0px;
	width: 175px;
	height: 420px;
	text-align: left; 	
			background-color:#0C0C80;
}
	 

	#divMenuLessons{
		position: relative;
		left: 10px;
		top: 0px;
		width: 175px; 
		color:#ffffff;
	}

 
	
#divBody{
	position: relative;
	left: 200px;
	top: -400px; 	
	width: 700px; 
	 
}


	
	#divTitle{
		position: relative;
		left: 0px;
		top: 0px;
		width: 0px;
		height: 20px;
		font-size:16px;
		font-weight: bold;
	}
	#divIntro{
		position: absolute;
		left: 0px;
		top: 115px;
		width: 470px;
		height: auto;
	}
	#divContent{
		position:absolute; 
		left:0px; 
		top:205px; 
		width:478px;
		height: auto;
	}
		#divNoScript{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			font-size:14px;
			font-weight:bold;
			color:#bb0000;
			background-color:#ffffff;
		}
	#divKBLessons{
		position:absolute; 
		overflow:hidden;
		left:0px; 
		top:208px; 
		width:478px;
		height:160px;
		font-size:13px; 
	}
		.cK{
			position: absolute; 
			overflow:hidden;
			height: 30px;
			width: 30px;	
			background-image: url(key_normal.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		.cP{
			position: absolute; 
			overflow:hidden;	
			text-align: center; 
			top: 2px;
			left: 2px;
			width: 21px;
			height: 19px;
			padding-top:2px;
			background-color:#f3f3f3;
		}
	#divStart{
		position: relative;
		left: 0px;
		top: 50px;
		width: 750px;
		text-align:center;
		height: 20px;
			
	}
		
	#divMatchBox{
		position: relative;
		
		
		
	}			
		#divMatch{
			position: relative;
			left: 20px;
			top: 8px;
			width: 700px;
			text-align:left; 
			font-size: 19px;	
			color:#000000;
		}
			wbr{
			  width: 0px;
			  display: inline-block;
			  overflow: hidden;
			}
			#spCurrMatchChar{
				font-weight: bold;	
				color: #000000;
				/*border-bottom: 1px solid #000000;*/
				text-decoration: underline;
			}
			#spCurrMatchCharWrong{
				font-weight: bold;	
				color: #d03030;
				/*border-bottom: 1px solid #CC0000;*/
				text-decoration: underline;
			}
			#spCursor{
				font-weight: bold;	
				color:#000000;	
			}


			
			
	.cFingerPos{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 230px;
		height: 30px;
	}
	.cFingerLableLeft{
		position: absolute;
		left: 30px;
		top: 10px;
		width: 180px;
		height: 20px;
		text-align:left;
	}
	.cFingerLableRight{
		position: absolute;
		left: 15px;
		top: 10px;
		width: 180px;
		height: 20px;
		text-align:right;
	}
	
	#divResults{
		position: absolute;
		left: 100px;
		top: 400px;
		width: 480px;
		height: 20px; 
	}
	
	 

#divCpmBox{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 20px;
	text-align: left;
}

#divCpm{
	position: absolute;
	left: 113px;
	top: 0px;
	width: 25px;
	height: 20px;
	text-align: right;
}

#divCpmImg{
	position: absolute;
	left: 142px;
	top: 0px;
	width: 20px;
	height: 20px;
}


#divErrorsBox{
	position: absolute;
	left: 190px;
	top: 0px;
	width: 150px;
	height: 20px;
	text-align: left;
}

#divErrors{
	position: absolute;
	left: 113px;
	top: 0px;
	width: 25px;
	height: 20px;
	text-align: right;
}

#divErrorsImg{
	position: absolute;
	left: 142px;
	top: 0px;
	width: 20px;
	height: 20px;
}
.onder{
 
    background:#C3BDBD; 
 height: 100px;
    width:100%;
    bottom:0;

}
.midden{
 width:900px;
	 height: 1000px;
	position: relative;
	margin: 0 auto;

}
 #nifty, #nifty1 {
  position: relative;
  

}
div#nifty{width:600px; margin: 0 auto; background: #933430; float: left;}
b.rtop, b.rbottom{display:block; background: #E5E5E5}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #933430}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
div#inside{ margin: 0 5px;background: #FFFFFF} 
h2,p{margin: 0 5px}
p{padding-bottom:1em} 

 div#nifty1{width:200px; margin: 0 auto; background: #933430;  float: right;}
b.qtop, b.qbottom{display:block; background: #E5E5E5}
b.qtop b, b.qbottom b{display:block;height: 1px; overflow: hidden; background: #933430}
b.q1{margin: 0 5px}
b.q2{margin: 0 3px}
b.q3{margin: 0 2px}
b.qtop b.q4, b.qbottom b.q4{margin: 0 1px;height: 2px}
div#inside1{ margin: 0 5px;background: #FFFFFF} 
h2,p{margin: 0 5px}
p{padding-bottom:1em} 
 
label {
  float:left;
  width:100px;
  display: block;
}