@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; border-collapse: collapse; outline: none; }

body { background-color: #ffe8a3; font-family: Arial;  }
.clear { clear: both; }

#head { width: 1000px; margin: 0 auto; overflow: hidden; }
	#head .heads { width: 540px; float: left; }
	#head h3 { margin-top: 15px; color: #578d00; font-size: 25pt; text-align: center; font-weight: normal; font-family: Calibri; }
	#head ul { text-align: center; font-size: 12pt; margin-top: 10px;  }
		#head ul li { font-family: Calibri; font-weight: bold; color: #c91a11; display: inline; list-style-type: disc; }
		#head ul li.spacer { padding: 0 5px; }
	#head .trust_panel { width: 454px; height: 89px; margin-top: 10px; float: left; background: url(img/trust_panel.jpg) no-repeat; }
	
#video-and-responder { width: 100%; height: 565px; margin-top: 20px; background: url(img/green-squares-back.png); }
	#video-and-responder .entry { width: 1000px; margin: 0 auto; overflow: hidden; }
		#video-and-responder .entry ul { float: left;  padding-top: 20px; overflow: hidden; width: 845px; margin-left: 4px; }
			#video-and-responder .entry ul li { list-style-type: none; height: 45px; float: left; margin-right: 10px; }
				#video-and-responder .entry ul li .left { width: 6px; height: 45px; float: left; background: url(img/menu-back-left.png); }
				#video-and-responder .entry ul li .center { text-align: center; min-width: 80px; padding: 0 4px; height: 45px; float: left; background: url(img/menu-back-center.png); }
					#video-and-responder .entry ul li .center a { font-family: Arial; font-size: 12pt; line-height: 45px; color: #fff0c3; text-decoration: none; }
				#video-and-responder .entry ul li .right { height: 45px; width: 6px; float: left; background: url(img/menu-back-right.png); }
				
				#video-and-responder .entry ul li.active .left { background: url(img/menu-back-left-active.png); }
				#video-and-responder .entry ul li.active .center { background: url(img/menu-back-center-active.png); }
					#video-and-responder .entry ul li.active .center a { color: #235300; }
				#video-and-responder .entry ul li.active .right { background: url(img/menu-back-right-active.png); }
		
		#video-and-responder .entry ul.our-team {  text-align: right; float: left; padding-top: 20px; overflow: hidden; width: 147px; }
			#video-and-responder .entry ul.our-team li { margin-right: 0;  width: 147px; }

#main-block ol { list-style-type: none; margin-left: 15px; }
	#main-block ol li { clear: both; color: #343434; font-size: 12pt; padding-left: 15px; background: url(img/li-responder-description.png) left no-repeat; }
			
#main-block { width: 1000px; float: left; margin-top: 20px; }
	#main-block .left { width: 14px; height: 461px; background: url(img/main-block-left.png); float: left; }
	#main-block .center { padding: 15px; width: 942px; height: 431px; background: url(img/main-block-center.png); float: left; }
	#main-block .right { width: 14px; height: 461px; background: url(img/main-block-right.png); float: left; }
	
	#main-block .left-mini { width: 14px; height: 294px; background: url(img/main-block-left-mini.png); float: left; }
	#main-block .center-mini { padding: 15px; width: 942px; height: 264px; background: url(img/main-block-center-mini.png); float: left; }
	#main-block .right-mini { width: 14px; height: 294px; background: url(img/main-block-right-mini.png); float: left; }
	
		#main-block .center .small-img { float: left; }
		#main-block .center h3.title { float: left; margin-left: 10px; font-family: Arial; font-size: 16pt; color: #c91a11; font-weight: normal; }
		#main-block .center object { margin-top: 10px; float: left; }
		#main-block .center h4 { margin-left: 30px; float: left; color: #559100; font-family: Arial; font-size: 20pt; font-weight: normal; }
		#main-block .center p.description-h4 { float: left; color: #343434; margin: 10px 0 0 33px; font-family: Arial; font-size: 11pt; }
		
		#main-block .center form { float: left; margin-left: 47px; margin-top: 15px; }
			#main-block .center form input { background-color: #fff0c3; width: 276px; padding: 4px 4px 4px 10px; color: #827a61; border: 1px solid #ddd1ad; margin-top: 15px;  }
			#main-block .center form #Submit2 { background-color: #fff; border: none; padding-left: 5px; width: 286px; }
		
			#main-block .center .comix { background: url(img/comix-gray-block.png);  margin: 10px 0 0 12px; padding: 5px 3px 3px 35px; width: 304px; height: 51px; float: left; font-size: 13px; color: #343434; }

#responder-description { height: 209px; border-bottom: 1px solid #d9b39a; width: 100%; font-family: Arial; }		
	#responder-description .text { width: 1000px; margin: 0 auto; }
		#responder-description .text h3 { color: #559100; font-size: 16pt; font-weight: normal;  margin-top: 20px; }
		#responder-description .text ul { margin-top: 20px; }
			#responder-description .text ul li { margin: 5px 0; width: 485px; float: left; color: #343434; font-size: 11pt; padding-left: 15px; background: url(img/li-responder-description.png) left top no-repeat; list-style-type: none; }
			#responder-description .text .important { width: 1000px; clear: both; }
			#responder-description .text .important img { width: 32px; height: 32px; margin: 10px 10px 0 0px; float: left; }
			#responder-description .text .important h3 { color: #a3785b; font-size: 14pt; font-weight: normal; padding: 15px 0 0 0px; }
			
#instruction { border-bottom: 1px solid #d9b39a; width: 100%; font-family: Arial; background-color: #fff; padding: 15px 0; overflow: hidden; }
	#instruction .text-left-image { width: 1000px; margin: 0 auto; }
		#instruction .text-left-image h3 { color: #559100; font-size: 17.6pt; font-weight: normal; }
		#instruction .text-left-image img { margin: 35px 0 0 0; float: left; width: 178px; height: 168px; }
		#instruction .text-left-image div { float: left; width: 757px; margin: 20px 0 0 30px; color: #343434; }
		#instruction .text-left-image ul { margin: 5px 10px 5px 20px; list-style-type: disc;  }
			#instruction .text-left-image ul li { color: #9f0101; font-weight: bold; }

#lesson { border-bottom: 1px solid #d9b39a; width: 100%; font-family: Arial; background-color: #fff; padding: 20px 0; overflow: hidden; }			
	#lesson .text-right-image { width: 1000px; margin: 0 auto; }
		#lesson .text-right-image h4{ color: #343434; font-size: 14pt; font-weight: normal; }
		#lesson .text-right-image img { margin: 25px 0 0 0; float: left; }
		#lesson .text-right-image div { float: left; color: #343434; }
		#lesson .text-right-image ul { margin: 5px 10px 5px 20px; list-style-type: disc;  }
			#lesson .text-right-image ul li { color: #9f0101; font-weight: bold; }
		#lesson .text-right-image div img { width: 28px; height: 29px; margin-top: 5px; float: left;  }
		#lesson .text-right-image div h5 { color: #4c7db7; font-weight: bold; float: left; font-size: 13pt; padding: 9px 0 0 7px; }
			#lesson .text-right-image div h5 a { text-decoration: underline; color: #a04102; }

		#lesson form { margin: 15px 0; }
			#lesson form input { background-color: #fff0c3; width: 276px; padding: 4px 4px 4px 10px; color: #827a61; border: 1px solid #ddd1ad; margin-top: 15px;  }
			#lesson form #Submit2 { background-color: #fff; border: none; padding-left: 5px; width: 286px; }
			
#lesson { border-bottom: 1px solid #d9b39a; width: 100%; font-family: Arial; background-color: #fff; padding: 20px 0; overflow: hidden; }			
	#lesson ul.cool-ul-lesson li { font-weight: normal; margin: 5px 0; width: 485px; float: left; color: #343434; font-size: 11pt; padding-left: 15px; background: url(img/li-responder-description.png) left top no-repeat; list-style-type: none; }
	#lesson .text-left-image { width: 1000px; margin: 0 auto; }
		#lesson .text-left-image h4{ color: #343434; font-size: 14pt; font-weight: normal; }
		#lesson .text-left-image img { margin: 25px 0 0 0; float: right; }
		#lesson .text-left-image div { float: left; color: #343434; }
		#lesson .text-left-image ul { margin: 5px 10px 5px 20px; list-style-type: disc;  }
			#lesson .text-left-image ul li { color: #9f0101; font-weight: bold; }
		#lesson .text-left-image ol { margin: 5px 10px 5px 20px; list-style-type: disc;  }
			#lesson .text-left-image ol li { color: #357700; }
		#lesson .text-left-image div img { width: 28px; height: 29px; margin-top: 5px; float: left;  }
		#lesson .text-left-image div h5 { color: #4c7db7; font-weight: bold; float: left; font-size: 13pt; padding: 9px 0 0 7px; }
			#lesson .text-left-image div h5 a { text-decoration: underline; color: #a04102; }		
		
#footer { height: 300px; width: 100%; background-color: #ffe492; padding-bottom: 40px; }
	#footer .text { width: 1000px; margin: 0 auto; }
	#footer .block-1 { width: 200px; float: left; }
		#footer .block-1 h3 { padding-top: 30px; color: #8e3716; font-family: Calibri; font-size: 24pt; font-weight: normal; }
		#footer .block-1 p { width: 100%; }
	#footer .block-2 { width: 150px; float: left; padding-left: 30px; }
		#footer .block-2 h3 { color: #343434; padding-top: 42px; font-weight: normal; font-family: Arial; }
			#footer .block-2 ul { margin: 10px 0 0 0; list-style-type: none; }
			#footer .block-2 ul li { line-height: 22px; }
				#footer .block-2 ul li a { color: #a04102; text-decoration: underline; font-size: 13pt; }
	#footer .block-3 { width: 520px; float: left; padding-left: 30px; }
		#footer .block-3 h3 { color: #343434; padding-top: 42px; font-weight: normal; font-family: Arial; }
			#footer .block-3 ul { margin: 10px 0 0 0; list-style-type: none; }
			#footer .block-3 ul li { line-height: 22px; }
				#footer .block-3 ul li a { color: #a04102; text-decoration: underline; font-size: 13pt; }