
<meta name="ROBOTS" content="INDEX, FOLLOW">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="HandheldFriendly" content="true">
<meta property="fb:app_id" content="188693417815572">
<meta property="og:image" content="http://www.teachyourselfhausa.com/images/teachyourselfhausa.gif">
<meta property="og:site_name" content="TeachYourselfHausa">
<meta property="og:title" content="TeachYourselfHausa">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.teachyourselfhausa.com/">
<link rel="canonical" href="http://www.TeachYourselfHausa.com/">
<noscript><link rel="author" href="https://plus.google.com/110176431902522251108/posts" /></noscript>
    <!--[if lt IE 9]>
	<![endif]-->

<style data-jiis="cc" id="gstyle">


/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==================== */

html,body{
height:100%;
margin:0
padding: 20px;
color: #000;
background: #fff;
font: 100%/1.4 helvetica, arial, sans-serif;
	}
#viewport{min-height:100%;position:relative;width:100%}
.content{padding-bottom:35px}
.gac_m td{line-height:17px}
body,td,a,p,.h{font-family:Verdana, Tahoma, Helvetica, Arial;}
.h{color:#12c;font-size:20px}
.q{color:#00c}
.ts td{padding:0}
.ts{border-collapse:collapse}
em{font-weight:bold;font-style:normal}
.ds{display:inline-block;}
span.ds{margin:0px 0 4px;
margin-left:4px}
.ctr-p{margin:0 auto;min-width:900px}
a.gb1,a.gb2,a.gb3,a.gb4{color:#ff0 !important}
body{background:#fff;color:#222;background:no-repeat center 0;}
a{color:#12c;text-decoration:none}
a:hover,a:active{text-decoration:underline}
.fl a{color:#12c}
a:visited{color:#609}
a.gb1,a.gb4{text-decoration:underline}
a.gb3:hover{text-decoration:none}
#ghead a.gb2:hover{color:#fff !important}
.sblc{padding-top:5px}
.sblc a{display:block;margin:2px 0;margin-left:13px;font-size:11px}
.lsbb{height:30px;
display:block}
.ftl,#footer a{color:#666;margin:2px 10px 0}
#footer a:active{color:#dd4b39}
.lsb{border:none;
color:#000;
cursor:pointer;
height:30px;
margin:0;
outline:0;
font:15px arial,sans-serif;vertical-align:top}
.lst:focus{outline:none}
body,html{font-size:medium;}
h1,ol,ul,li{margin:0;padding:0}
.nojsv{visibility:hidden}
.hp #logocont
.nojsv{display:none}
#body,#footer{display:block}
.igehp{display:none}
#flci{float:left;margin-left:0;
text-align:left;width:0}
#fll{float:right;text-align:right;width:100%}
#epbar{text-align:left;
clear:both;line-height:25px;padding-bottom:5px}
#epbar #epb-notice{color:#666;
display:inline-block;
margin:3px 5px 0 0;
margin-left:30px}
#ftby{padding-left:0}
#ftby>div,#fll>div,#footer a{display:inline-block}
@media only screen and (min-width:600px)
{#ftby{margin:0 44px}}
.nojsb{display:none}
.nbcl{background:url(/images/nav_logo195.png) no-repeat -140px -230px;
height:11px;width:11px}</style>

<style>
.text {
    font-size: 9pt;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    text-decoration: none;
    }

.texttitle, h1{
    color: #CC0000;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    font-size: 100%;
    font-weight: bold;
    }
.menutitle {
    color: #FFFFFF;
    font-size: 100%;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    font-weight: bold;
    }
.menulink {
    font-size: 100%;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    }
h1{
	font-family: "Verdana,Tahoma,Helvetica,Arial";
	color: #CC0000;
	font-size: xx-large;
}
ul{margin:10px 0 0}ul li{list-style-position:inside;list-style-type:disc;margin:0 1.5em 0}
lh{margin:10px 1.5em 0;font-weight:bold;color:#036;display:inline-block}li.indent{margin-left:3em}ol{margin:10px 0}ol 
li{list-style-position:inside;
list-style-type:decimal;
font-size: x-small;
margin:10px 8px 0;
}
.linum{color:#2779aa;font-size:1.3em;font-weight:bold}
.litext{color:#000;font-size:.8em;font-weight:normal;line-height:150%;margin-top:0}
.darkbluebutton{-moz-border-radius:10px;background:#39c;border-radius:10px;font-size:9pt;font-weight:bold;padding:5px 15px 5px 15px}
table
{
	margin: 0;
	border-collapse: collapse;
    
}
table.padded-table td{border-spacing:1px;padding:3px}
table.table_grid{background-color:white;border-collapse:separate;border-color:#ccc;border-style:solid;border-width:1px}
table.table_grid th{-moz-border-radius:4px;background-color:#eee;border-color:#ccc;border-style:solid;border-width:1px;font-size:1.1em;padding:5px}

/* 
td, th
{
	padding: .5em 1em;
	border: 1px solid #999;
}
*/


* -----------------------------------
Table styles
----------------------------------- */

</style>

<style> </style> 

<style>
.kpbb,.kprb,.kpgb,.kpgrb{-moz-border-radius:0px;border-radius:px;color:#fff}
.kpbb:hover,.kprb:hover,.kpgb:hover,.kpgrb:hover{-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
box-shadow:0 0px 0px rgba(0,0,0,0.0);color:#fff}.kpbb:active,.kprb:active,.kpgb:active,.kpgrb:active{-moz-box-shadow:inset 0 0px 0px rgba(0,0,0,0.0);box-shadow:inset 0 0px 0px rgba(0,0,0,0.0)}.kpbb{background-color:#ffffff;background-image:-moz-linear-gradient(top,#ffffff,#ffffff);background-image:linear-gradient(top,#ffffff,#ffffff);border:0px solid #ffffff}.kpbb:hover{background-color:#ffffff;background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border:0px solid #2f5bb7}a.kpbb:link,a.kpbb:visited{color:#fff}.kprb{background-color:#dd4b39;background-image:-moz-linear-gradient(top,#dd4b39,#d14836);background-image:linear-gradient(top,#dd4b39,#d14836);border:0px solid #dd4b39}.kprb:hover{background-color:#ff0000;background-image:-moz-linear-gradient(top,#ff0000,#ff0000);background-image:linear-gradient(top,#dd4b39,#c53727);border:0px solid #ff0000;border-bottom-color:#ff0000}.kprb:active{background-color:#ff0000;
background-image:-moz-linear-gradient(top,#dd4b39,#b0281a);
background-image:linear-gradient(top,#dd4b39,#b0281a)}
.kpgb{background-color:#3d9400;
background-image:-moz-linear-gradient(top,#3d9400,#398a00);
background-image:linear-gradient(top,#3d9400,#398a00);
border:0px solid #29691d}
.kpgb:hover{background-color:#368200;background-image:-moz-linear-gradient(top,#3d9400,#368200);
background-image:linear-gradient(top,#3d9400,#368200);
border:0px solid #2d6200}
.kpgrb{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
border:0px solid #dcdcdc;color:#555}
.kpgrb:hover{background-color:#f8f8f8;
background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
border:0px solid #ff0000;color:#333}
a.kpgrb:link,a.kpgrb:visited{color:#555}
.lst-t{width:100%}
color:#000;
font-size:10pt;
margin:0;
padding:5px 7px 0}
.gl{white-space:nowrap}
.big .tsf-p{padding-left:126px;
padding-right:352px}
.tsf-p{padding-left:126px;
padding-right:46px}

/*
Retrofit.css
*/
/* -----------------------------------
Basic rules
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	color: #000;
	background: #ffff;
	font: 100%/1 helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 .2em; }
h1 { font-size: 30px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

h1 {
  font-size: 32px;
  font-size: 2rem;
}

h2 {
  font-size: 28px;
  font-size: 1.75rem;
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
}

h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

h5 {
  font-size: 16px;
  font-size: 1rem;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
}
p
{
	margin: 0 0 1em;
	line-height: 1.4;
}

p {
  margin-bottom: 1.5em;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}
img
{
	max-width: 100%;
	border: 0;
	vertical-align: middle;
}

.figure
{
	margin: 0 0 1em;
	padding: 1;
}

.standard {
   FONT-SIZE: 13pt; 
   FONT-FAMILY: 'Georgia, Times New Roman, Times, serif';
   FONT-FAMILY: 'Courier New';
}

#blk_menu_div { display: none; } 
a.blk_menu_lnk, 
a.blk_menu_lnk:active, 
a.blk_menu_lnk:focus { background: #DBDBFF; border-radius: 3px; color: #000099; display: block; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 20px; margin: 1px 0; padding: 0 6px; text-align: left; text-decoration: bold; width: calc(100% - 12px); } 
a.blk_menu_lnk:hover { background: skyblue; text-decoration: none; }

#blk_menu_news_div { display: none; } 
a.blk_menu_lnk_news, 
a.blk_menu_lnk_news:active, 
a.blk_menu_lnk_news:focus { background: #FFF; border-radius: 3px; color: #000099; display: block; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 20px; margin: 1px 0; padding: 0 6px; text-align: left; text-decoration: bold; width: calc(100% - 12px); } 
a.blk_menu_lnk_news:hover { background: skyblue; text-decoration: none; }

/* -----------------------------------
Table styles
----------------------------------- */
table
{
	margin: 0;
	border-collapse: collapse;
}

.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em; 
}

.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0,0,0,.3);
}

.table-container-outer { position: relative; }

.table-container-fade
{
	position: absolute;
	right: 0;
	width: 30px;
	height: 100%;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,.5),#fff);
	background-image: linear-gradient(90deg,rgba(255,255,255,.5),#fff);
}
/* -----------------------------------
narrow
----------------------------------- */

.row-padding { padding: 20px; }
.row-padding-menu { padding: 10px; }

.main-left,.main,.aside,.feature-col,.cols3
{
	float: none;
	display: block;
	width: 100%;
	margin: 0 0 1em;
}

/* -----------------------------------
Navigation
----------------------------------- */
#nav a
{
	float: none;
	display: block;
	width: 100%;
	padding: .8em 0;
	border-bottom: 1px solid #fff;
	color: #0033CC;
	background-color: #DBDBFF;
	text-align: left;
	text-indent: 20px;
	text-decoration: bold;
	font-size: 100%;
}

#nav ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: block;
	line-height: 1;
}

#nav li { display: inline; }

.footer
{
	border-top: 5px solid #FFFFFF;
	color: #fff;
	background: #FFF;
}


/* -----------------------------------
Layout
----------------------------------- */
.toc
	{
		border-top: 5px solid #000099;
		width: 100%;
		margin: 0 0 0 0;
		clear: left;
		overflow: hidden;
		zoom: 1;
	}
.row-toc
	{
		overflow: hidden;
		zoom: 1;
		color: #fff;
		background-color: #000099;
		float:right;
		text-align:right;
		width:100%
	}	
.toc-news
	{
		border-top: 5px solid #336699;
		width: 100%;
		margin: 0 0 0 0;
		clear: left;
		overflow: hidden;
		zoom: 1;
	}
.row-toc-news
	{
		overflow: hidden;
		zoom: 1;
		color: #fff;
		background-color: #336699;
		float:right;
		text-align:right;
		width:100%
	}			
.row-purple
	{
		border-top: 5px solid #6666CC;
		width: 100%;
		margin: 0 0 0 0;
		clear: left;
		overflow: hidden;
		zoom: 1;
	}	
	
.row-navy
	{
		border-top: 10px solid #000099;
		width: 100%;
		margin: 0 0 0 0;
		clear: left;
		overflow: hidden;
		zoom: 1;
	}	
.CL_HEADER_BG
	{
		border-top: 10px solid #DBDBFF;
		width: 100%;
		margin: 0 0 0 0;
		clear: center;
		overflow: hidden;
		zoom: 1;
	}		
.CL_HEADER2_BG
	{
		border-top: 10px solid #6666CC;
		width: 100%;
		margin: 0 0 0 0;
		clear: center;
		overflow: hidden;
		zoom: 1;
	}		
.CL_HEADER3_BG
	{
		border-top: 10px solid #000099;
		width: 100%;
		margin: 0 0 0 0;
		clear: center;
		overflow: hidden;
		zoom: 1;
	}			
.row-date
	{
		overflow: hidden;
		zoom: 1;
		color: #fff;
		background-color: #6666CC;
		float:right;
		text-align:right;
		width:100%
	}	
/*	
@media (min-width:38em)
*/
@media (min-width: 38em)
{
	.container
	{
		
		min-width:900px;
		margin: 0 auto;
		margin:0 auto;
		
	}


	.row2
	{
		clear: left;
		overflow: hidden;
		zoom: 1;
		background-color: #DBDBFF;
	}
	.row3
	{
		clear: left;
		overflow: hidden;
		zoom: 1;
		margin: 0 3.33333% 0 0;
		text-color: #3333ff;
		background-color: #FFF;
	}
	
	.row
	{
		clear: left;
		overflow: hidden;
		zoom: 1;
		background-color: #FFF;
	}
	.row-padding { padding: 30px 3.125%;}

	
	.main
	{
		float: center;
		width: 50%;
		margin: 0 5.66038% 0 0;
	}
	.main-left-last { margin-right: 0; }
	
	.aside
	{
		float: right;
		width: 25%;
	}

.aside-right
	{
		float: right;
		width: 26.66667%;
		margin: 0 3.33333% 0 0;
		background: #FFF;
	}
	.aside-right-last { margin-right: 0; }
		
	.aside-middle
	{
		float: left;
		width: 47.66667%;
		margin: 0 3.33333% 0 1%;
	}
	.aside-middle-last { margin-right: 0; }
	
	
	.aside-left
	{
		float: left;
		width: 16.66667%;
		margin: 0 3.33333% 0 0;
		background: #DBDBFF;
	}
	.aside-left-last { margin-right: 0; }
	
	
	
	/* -----------------------------------
	feature
	----------------------------------- */
	
	.feature
	{
		background: #9999FF;
		padding: 30px 5%;
	}
	
	.feature-col
	{
		float: left;
		width: 30%;
		margin: 0 5.66038% 0 0;
	}
	
	.feature-col-last { margin-right: 0; }
	
	/* -----------------------------------
	Cols3
	----------------------------------- */
	.cols-all
	{
		float: center;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	.cols-all-last { margin-center: 0; }
	
	.cols-menu
	{
		float: center;
		width: 100%;
		margin: 0 3.33333% 0 0;
	}
	.cols3
	{
		float: left;
		width: 31.11111%;
		margin: 0 3.33333% 0 0;
	}
	
	.cols3-last { margin-right: 0; }
	
	/* -----------------------------------
	nav
	----------------------------------- */
	
	#nav a
	{
		float: left;
		width: 16.66667%;
		padding: .8em 0;
		color: #0033CC;
		text-decoration: none;
		text-align: center;
		background: #DBDBFF;	
		border-bottom: 1px solid #fff;	
	}
}

/* 
Responsive-nav 
*/
#nav-toggle
{
	display: block;
	padding: .8em .8em .8em 40px;
	color: #0033CC;
	background-color: #960000;
	background-image: url(<?php print SERVER_URL;?>/images/responsive-nav.png);
	background-repeat: no-repeat;
	background-position: 20px 100%;
	border-bottom: 1px solid #fff;
	text-decoration: ;
}
#nav a:focus,#nav-toggle:focus { background-color: black; }
#nav a:hover,#nav-toggle:hover { background-color: #6666CC; }
#nav a:active,#nav-toggle:active { background-color: red; }

/* -----------------------------------
Predefined
----------------------------------- */

.js #nav
{
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}

#nav.opened { max-height: 9999px; }

/* -----------------------------------
Navigation wide screen
@media (min-width: 38em)
----------------------------------- */


@media (min-width: 38em)
{
	.js #nav { position: relative; }
	.js #nav.closed { max-height: none; }
	#nav-toggle { display: none; }
	
	#nav
	{
		overflow: hidden;
		zoom: 1;
		background-color: #DBDBFF;
	}

	#nav a
	{
		float: left;
		padding: .5em 1em;
		border-bottom: 0;
		border-right: 1px solid #fff;
	}	
}

</style>


