body 	{
	background-image:url(klm4.jpg);background-size:cover;
	}

h3 	{
	font-size: 40px;
	}

.co  {
	background:maroon;height:20%;width:85%;margin:5px 2px 10px 105px;color:white;font-size:40px;
	padding:0.57%;text-align:center;border-top-right-radius:8px;border-top-left-radius:8px;font-family:verdana;
	}

.menu {
	background:#ffa;height:20%;width:82%;margin:10px 2px 10px 130px;color:white;
	padding:0px;text-align:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px;
	}

.menu li   {
	display:inline;list-style-type:none;margin:5px 2px 10px 5px;background:darkgreen;padding:10px;font-family:verdana;align:center;
	border-radius:8px;color:white;text-transform:uppercase;
	}

.menu ul li:hover {
	cursor:pointer;background:lightpink;padding:8px;font-family:sans-serif, verdana;font-size:18px;text-transform:uppercase;border-radius:3px;color:#000000;
	}
.course2 {
	background:#000;background-size:cover;height:500px;width:23%;margin:-500px 2px 2px 1056px;color:white;
	padding:5px;border-bottom-left-radius:8px;border-top-left-radius:8px;overflow:scroll;
	}
.course2 h4{
	text-align:center;
}
.course {
	background:#000;background-size:cover;height:500px;width:23%;margin:5px 2px 1px 140px;
	padding:1%;border-bottom-right-radius:8px;border-top-right-radius:8px;text-align:center;
	}
	
.course p 	{
	background:white;color:darkblue;padding:5px;font-family:times;font-size:20px;font-weight:bold;border-top-right-radius:10px;border-bottom-left-radius:10px;
	width:100%;margin:5px 5px 3px -5px;
	}
	
.course li   {
	display:block;list-style-type:none;margin:10px 25px 0px -15px;background:white;padding:10px;font-family:verdana;align:center;
	border-radius:5px;color:maroon;text-transform:uppercase;
	}
	
.course li, a   {
	text-decoration:none;
}	

.course ul li:hover {
	cursor:pointer;background:darkblue;padding:10px;font-family:sans-serif;font-size:18px;text-transform:uppercase;border-radius:20px;color:#ffffff;
	}

.utangulizi {
	background-image:url(chitan.jpg);background-size:cover;height:515px;width:380px;margin:-520px 2px 1px 1013px;color:white;
	padding:1%;text-align:center;border-bottom-left-radius:8px;border-top-left-radius:8px;
	}

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* My displayer container */
.dspy{
  width: 547px;
  height: 500px;
  position:absolute;
  margin:-503px 30px 50px 505px;
  background-image:url(twigaaa.jpg);background-size:cover;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin:-200px 0px 0px 2px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 2}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.kijamii {
	background:#ffa;height:8%;width:82%;margin:5px 2px 10px 130px;position:absolute;border-top-left-radius:8px;border-top-right-radius:8px;
}

/*This is notification to viewers*/
.kijamii p{ 
	font-family: audiowide-regular-webfont;font-size:22px;text-align:center;color:teal;
}

/* Font families */
@font-face {
	font-family: 'audiowide-regular-webfont';
	src: url('fonts/audiowide-regular-webfont.eot');
	src: url('fonts/audiowide-regular-webfont.woff') format('woff'), url('fonts/audiowide-regular-webfont.ttf') format('truetype'), url('fonts/audiowide-regular-webfont.svg') format('svg');
}

@keyframes mymove {
  from {left: 0px;}
  to {left: 800px;}
}

.foot {
	background:maroon;height:15%;width:85%;margin:75px 2px 2px 105px;color:white;position:relative;
	padding:0%;text-align:center;border-bottom-right-radius:8px;border-bottom-left-radius:8px;
	}

.emoji {
	font-size:3em;
	}
	
.kusikilizahatua {
	background-color:lightpink;width:350px;height:550px;margin:10px 2px 2px 141px;
	}
	
.kusikilizahatua li p{
	background:white;color:darkblue;padding:7px;font-family:verdana;border-top-right-radius:10px;border-top-left-radius:10px;
	width:auto;margin:5px 10px 10px 3px;display:inline-block;
	}
	
.kusikilizahatua li p:hover{
	cursor:pointer;background:black;color:white;
	}

.kioneshi	{
	background-image:url(kusikiliza.jpg);background-size:100%;width:890px; height:550px;margin:-552px 2px 2px 502px;border-bottom-left-radius:5px;border-top-left-radius:5px;
	}
	
.kusikiliza	audio{
	width:756px; height:60px;padding:10px;border-top-left-radius:5px;margin-left:5px;
	}
	
/* From here starts all linked pages*/	
.contactmenu {
	background:#ffa;height:10%;width:82%;margin:-5px 2px 10px 130px;color:white;
	padding:0px;text-align:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px;
	}

.contactmenu li   {
	display:inline;list-style-type:none;margin:5px 2px 10px 5px;background:darkgreen;padding:10px;font-family:verdana;align:center;border-radius:8px;color:white;text-transform:uppercase;
	}

.contactmenu ul li:hover {
	cursor:pointer;background:lightpink;padding:8px;font-family:sans-serif, verdana;font-size:18px;text-transform:uppercase;border-radius:3px;color:#000000;
	}
	
.contact h2{
	color: #A3A3A3;
	display: block;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 auto;
	padding: 8px 0 62px;
	text-align: center;
	text-transform: uppercase;
	width: 500px;
}
.contactdspy div form {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 461px;
}
.contactdspy div form input {
	background-color: #fec;
	border: medium none;
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 43px;
	line-height: 43px;
	margin: 0 0 29px;
	padding: 0 0 0 20px;
	text-align: left;
	text-transform: uppercase;
	width: 441px;
}
.contactdspy div form textarea {
	background-color: #fec;
	border: medium none;
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 98px;
	line-height: 24px;
	margin: 0 0 31px;
	overflow: auto;
	padding: 15px 0 0 20px;
	resize: none;
	text-align: left;
	text-transform: uppercase;
	width: 441px;
}

.contactdspy div h1 {
	color: #FFFFFF;
	display: block;
	float: center;
	font-family: audiowide-regular-webfont;
	font-size: 40px;
	font-weight: normal;
	line-height: 20px;
	margin: 7px 0 27px;
	padding: 15 25px 0 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 0;
}
.contactdspy div h2 {
	color: #FFFFFF;
	display: block;
	float: center;
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 36px;
	padding: 0 16px 0 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 0;
}

.contactdspy div form input#submit {
	background-color: #3c0f38;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 25px;
	font-weight: normal;
	height: 45px;
	line-height: 20px;
	margin-top: -20;
	margin-left:110px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 220px;
}
.contactdspy div form input#submit:hover {
	background-color: #620031;font-size: 30px;
}

.contactdspy {
	width: 547px;
	height: 500px;
	position:relative;
	margin:20px 30px 50px 505px;
	background-color:#000;
}

.contactfoot {
	background:maroon;height:9%;width:85%;margin:-35px 2px 2px 105px;color:white;position:absolute;
	padding:0%;text-align:center;border-bottom-right-radius:8px;border-bottom-left-radius:8px;
}