/* 
========================
  GRIDINATOR CSS v0.3
  http://gridinator.com/
  
  GRIDINATOR CSS is a very basic framework to create
  grid-based layouts. The content of this file is 
  provided as-is, without support.
  
  If you would like to contact GRIDINATOR to suggest
  improvements, to ask for help or to file a bug report, 
  please feel free to email: gridinator@steff.me
  
  Your grid settings:
  	columns: 12
  	column width: 60px
  	column margin: 20px
  	container margin: 10px
    
=========================
*/
* { /* quick reset */
	margin: 0;	
}

body { 
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
	font-size: 16px;
	font-family: verdana, geneva, Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
	background-color: #005CDB;
    background: -webkit-linear-gradient( left,#F8F8F8, #005CDB);
    background: -moz-linear-gradient(left,#F8F8F8, #005CDB);
	/* IE 10 */ 
	background: -ms-linear-gradient(left,#F8F8F8, #005CDB);
	 /* Opera 11.10+ */
	 background: -o-linear-gradient(left,#F8F8F8, #005CDB); 
    background: linear-gradient(left,#F8F8F8, #005CDB);
}
@font-face{
	font-family:ChopinScript;
	src: url('fonts/ChopinScript.ttf');
}
h1{
	font-family:ChopinScript;
	font-size:350%;
}
h2{
	border-bottom: 1px solid #ded8d9;
}
three-col,ul{
	 margin: 0;
	 list-style-type: none;
	 overflow: visible;
}
three-col, ul, li{
	 margin:0;
	
}
three-col, ul, li, a{
	text-decoration:none;
	color: gray;
}
.pdf {
    background: url(images/pdf.gif) left center no-repeat;
    padding: 5px 40px;
    font-size: 1.6em;
    font-family: georgia;
}
.eight-col,.last_paragraph{
	margin-bottom:15px;
}
.three-col,#chibizphoto{
	border:1px solid;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

.wrapper {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	max-width: 960px;
}

.inner-wrapper {
	background: url(gridinator.png) repeat-y 0 0; /* The file gridinator.png is a grid background; delete this line to remove it. If you 					      did not generate a background image, you can still do so by going to http://gridinator.com/ and entering the details found at the    top of this CSS file. You will then be given a grid image to match your original grid.  */
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 10px 0 10px;
	position: relative;
	max-width: 940px;
}


* html .wrapper {
	height: 1%;
	overflow: hidden;
	display: block;
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : 	      document.body.clientWidth) > 962 ? "960px" :  "auto");
}

* html .inner-wrapper { /* Clearing nicely for IE6. */
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 942 ? "940px" :  "auto");
}



.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
	/*background:#ffb5f3;*/
	/*color: #b57fac;*/
	clear: none;
	display: inline;
	float: left;
	margin-bottom: 10px;
	margin-right:13.3px;
	overflow:hidden;
	padding: 0;
	position: relative;
}
 .one-col {
	width: 6.38297%;
}
.two-col {
	width: 14.89361%;
	/*background-image:url(images/kenyaflag_1.jpeg);*/
	 
}
.three-col {
	width: 22.40425%;
}
.four-col {
	width: 31.91489%;
}
.five-col {
	width: 40.42553%;
}
.six-col {
	width: 48.93617%;
}
.seven-col {
	width: 57.4468%;
}
.eight-col {
	width: 65.95744%;
}
.nine-col {
	width: 74.46808%;
}
.ten-col {
	width: 82.97872%;
}
.eleven-col {
	width: 91.48936%;
}
.twelve-col {
	width: 100%;
	margin-right: 0;
	margin-top:25px;
	/*background: black;*/
	color: #3366FF;
	/*border-top: 2px solid #e3dedb;
	border-radius:25px;
	-moz-border-radius:25px; */
}
.four {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;	
	
}
.two_eight_two{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
.nine_three{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
.menu{
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:20px;
	border-radius:50px;
	-moz-border-radius:50px;/*Mozilla*/
	-webkit-border-radius:50px;/*chrome and safari*/
	-khtml-border-radius:50px;/*Internet Explorer*/
	font-size:20px;
	color:#fff;
	line-height:100px;
	text-decoration:none;
	text-align:center;
	background:#000;
	opacity:0.6;
}
.menu:hover{
	color:#000;
	text-decoration:none;
	background:#fff;
	
}
/*.menu,ul,li{
	margin:0;
    padding:0;
	display: inline-block;
	text-align: center;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-khtml-border-radius:50px;
	color:#fff;
	background:#000;
}
.menu,ul,li,a{
	
}*/
 
.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}