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

p,*, html {border:0px; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1, .componentheading { color:#178bb2; border-bottom:1px dotted #ccc; font-size:18px;}
h2, .contentheading ,span.minifp-introtitle { color:#178bb2; font-size:14px;  font-weight:bold; }
h3{ color:#c5c9cb; font-size:18px;  font-weight:bold; padding:0px 0 0 0px;}
p a {color:#178bb2;}
p a:visited, a:hover {color:#fcb03a;}


td.minifp {border-bottom:1px dotted #ccc;}
body { margin: 0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.jpg)repeat-x left bottom; color:#666; }
#fullspread { width:100%; text-align:center; background:#f0821f;}
#caps {margin: 0 auto; width:1090px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#wrapper {float:left; text-align:left; width:1090px; padding:10px 0px;}
#header {float:left; width:100%; background:#fff;}
#logo { float:left; width:400px;}
#top-banner {float:right; width:650px; text-align:right; padding:20px 0px 0px 0px;}
#socialmedia { vertical-align:middle; width:100%;}
#socialintro { width:470px; float:left; padding:20px 0px;}
#icons { width:180px; float:right;}

#top-links {clear:both; float:left; width:100%; margin:5px 0;}
#date {float:left; width:300px; color:#0180b3; font-weight:bold; margin:10px 0;}
#contactinfo {float:right; width:600px; text-align:right; margin:10px 0;}
#contactinfo ul{float:right;margin:3px 5px 0 0;text-align:right;width:423px; font-weight:bold; color:#0180b3;}
#contactinfo ul li{border-left:1px solid #CCD4DA;display:inline; padding:3px 2px 3px 5px; color:#333333;}
#contactinfo ul li a{text-decoration:none; font-weight:bold; color:#0180b3;}
#contactinfo ul li a:visited, ul#headerLinks li a:hover{text-decoration:none; font-weight:bold; color:#0180b3;}
#contactinfo ul li.firstItem{border:0;padding-left:0; font-weight:bold; color:#0180b3;}

#tops {clear:both; float:left; width:100%; background: bottom url(../images/grad-top.jpg) repeat-x;}
.item43 {
	background:#178bb2;}
#usermenu { float:left; width:600px; margin-top:5px;margin-left:5px; }
#usermenu {
	float:left;
	font-size:93%;
	line-height:25px;
	overflow:hidden;

	}

#usermenu ul {
	margin:0;
	padding:0px 10px 0 0px;
	list-style:none;
}

#usermenu li {
	display:inline;
	margin-right:2px;
	padding:0;
	}

#usermenu a {
	float:left;
	background:url(../images/left.png) no-repeat left top;
	margin-right:0px;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#usermenu a span {
	float:left;
	display:block;
	background:url(../images/right.png) no-repeat right top;
	padding:6px 10px 4px 6px;
	margin-right:0px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#usermenu a span {float:none;}

/* End IE5-Mac hack */
#usermenu a:hover span {
	}

#usermenu a:hover {
	background-position:0% -42px;
	}

#usermenu a:hover span {
	background-position:100% -42px;
	}

#search {float:right; width:377px; text-align:right;}

#container {float:left; margin-bottom:10px; padding:10px; width:1070px; border:1px solid #f1f4f7; border-top:none;margin-top:0px; background:#fff;}
#nsefeed {margin-bottom:10px; background:#f1f4f7;}
#left {float:left; width:177px; }
.heading { background:url(../images/rounded-blue.jpg) no-repeat; height:20px; padding:10px 10px 0px 10px; color:#fff; font-weight:bold;}


#mainmenu {border:1px solid #eaedf0; margin-bottom:10px;}

#mainmenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
text-transform:uppercase;
}

.separator{
list-style-type: none;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
text-transform:uppercase;
color: #017cad;
background: white url(../images/arrow-list.gif) no-repeat 2px center;
border-bottom: 1px solid #eaedf0;
}

.item106,.item104,.item105,.item163,.item164,.item178,.item107,.item146,.item108,.item145,.item103,.item111,.item150 {
padding-left:10px;
}

#mainmenu ul li a{
background: white url(../images/arrow-list.gif) no-repeat 2px center;
color: #017cad;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #eaedf0;
}


* html #mainmenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

#mainmenu ul li a:visited, .markermenu ul li a:active{
color: #017cad;
}

#mainmenu ul li a:hover{
color: #fcb03a;
background-color: #f1f4f7;
background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}



#mainmenu ul li a:active{
color: #FCB239;
}


.submenu {border: margin-bottom:10px;}
ul .submenu { list-style-type: none; margin: 5px 0; padding: 0; text-transform:uppercase;}
ul li .submenu a{color: #017cad; display: block; width: auto; padding: 3px 0; padding-left: 10px; text-decoration: none; border-bottom: 1px solid #eaedf0; }
* html .submenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 150px;}
ul .submenu li a:visited, .markermenu ul li a:active{color: #017cad;}
ul .submenu li a:hover{color: #fcb03a; background-color: #f1f4f7;  /*onMouseover image change. Remove if none*/}

#social-media {margin:10px 0px;}
#right {float:right; width:880px;}

#bannerinside {margin-bottom:10px;}
#breadcrumb {margin-bottom:10px;}
#articles {margin-bottom:10px;}
.contentpanopen {}
.buttonheading, .popups {}
.backbutton {}
.pagenav_prev {}
.pagenav_next {}

#cont-left { width:530px; float:left;}
#slideshow {margin-bottom:10px; height:auto; border:1px solid #eaedf0; padding:10px 10px 0px 10px;}
#slideshow img {margin-bottom:10px;}
#stories {margin-bottom:10px; list-style:none;}
#stories ul li{list-style:none; font-weight:bold;}
#stories ul li a{
background: white url(../images/pointer.jpg) no-repeat 2px center;
color: #017cad;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
line-height:17px;
text-decoration: none;
border-bottom: 1px solid #c5e6f3;
}


* html #stories ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

#stories ul li a:visited, .markermenu ul li a:active{
color: #017cad;
}

#stories ul li a:hover{
color: #fcb03a;
background-color: #fff;
background-image:url(../images/pointer.jpg); /*onMouseover image change. Remove if none*/
}


#tabs {margin-bottom:10px; width:100%; float:left; }
#jobs {margin-bottom:10px; width:200px; float:right; }
#jobs ul li { list-style-type:none;}
#jobs ul li a{
color: #00405c;
display: block;
width: auto;
padding: 3px 0;
line-height:17px;
text-decoration: none;
border-bottom: 1px dotted #00405c;
list-style:none;
}


* html #jobs ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
list-style:none;
}

#jobs ul li a:visited, .markermenu ul li a:active{
color: #00405c;
}

#jobs ul li a:hover{
color: #00405c;
}

#sports {clear:both; width:520px; margin-bottom:10px; border:1px solid #ccc; padding:5px;}

#related-stories ul li { list-style-type:none;}
#related-stories ul li a{
color: #017cad;
display: block;
width: auto;
padding: 3px 0;
line-height:17px;
text-decoration: none;
border-bottom: 1px solid #c5e6f3;
list-style:none;
}


* html #related-stories ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
list-style:none;
}

#related-stories ul li a:visited, .markermenu ul li a:active{
color: #017cad;
}

#related-stories ul li a:hover{
color: #fcb03a;
background-color: #fff;
}


#cont-right { width:335px; float:right;}
#links {background-image:url(../images/linksbg.jpg); background-repeat:no-repeat;  height:81px; width:335px; padding-top:30px;}
#leftarrow{ position:relative; height:81px; width:10px; float:left; z-index:+1;background-image:url(http://new.home.co.ke/images/stories/sections/leftarrow.jpg) }
#imglinks{ position:relative; height:81px; width:315px; float:left; background-color:#838383; overflow:hidden; }
#rightarrow { position:relative; height:81px; width:10px; float:right; background-image:url(http://new.home.co.ke/images/stories/sections/rightarrow.jpg) }


#impression {margin:10px 0px; overflow:hidden;}
#adleft {float:left; width:160px;}
#adright {float:right; width:160px; text-align:right;}
#buttonads {float:left; width:100%;}
#buttonads img { margin:0px 0px 10px 0px;}
#buttonadslevel2 {float:left; width:100%; margin:0px 0px 10px 0px;}
#adleftlevel2 {float:left; width:160px;}
#adrightlevel2 {float:right; width:160px; text-align:right;}

#btnAd {clear:both; margin:0px 0px 10px 0px;}
#btnAd img {margin-bottom:10px;}
#footer {clear:both; color:#c5c9cb;}
#f1 {width:545px; float:left;}
#f2 {width:545px; float:left;}
#footer1 {width:248px; float:left; margin:0px 10px;}
#footer1 ul li{list-style:none; }
#footer1 ul li a{ color: #fff; display: block; width: auto; padding: 3px 0; line-height:17px; text-decoration: none; border-bottom: 1px dotted #c5c9cb;}
* html #footer1 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 150px;}
#footer1 ul li a:visited, .markermenu ul li a:active{color: #c5c9cb;}
#footer1 ul li a:hover{color: #c5c9cb;}

#footer2 {width:228px; float:right; margin:0px 10px;}
#footer2 ul li{list-style:none; }
#footer2 ul li a{ color: #eaedf0; display: block; width: auto; padding: 3px 0; line-height:17px; text-decoration: none; border-bottom: 1px dotted #c5c9cb;}
* html #footer2 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 150px;}
#footer2 ul li a:visited, .markermenu ul li a:active{color: #c5c9cb;}
#footer2 ul li a:hover{color: #c5c9cb; }

#footer3 {width:228px; float:left; margin:0px 10px;}
#footer3 ul li{list-style:none; }
#footer3 ul li a{ color: #eaedf0; display: block; width: auto; padding: 3px 0; line-height:17px; text-decoration: none; border-bottom: 1px dotted #c5c9cb;}
* html #footer3 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 150px;}
#footer3 ul li a:visited, .markermenu ul li a:active{color: #c5c9cb;}
#footer3 ul li a:hover{color: #c5c9cb; }

#footer4 {width:248px; float:right; margin:0px 10px; line-height:20px;}

.aca_list_drop {margin:5px; border:1px solid #ccc; width:150px; color:#999; font-family:Arial, Helvetica, sans-serif;}
#wz_11.inputbox {border:1px solid #999; width:200px; padding: 3px; margin-bottom:5px; color:#999; font-family:Arial, Helvetica, sans-serif;}
#wz_12.inputbox { border:1px solid #999; width:200px; padding: 3px; margin-bottom:5px; color:#999; font-family:Arial, Helvetica, sans-serif;}
#aca_22.button { background:url(../images/btn.png) no-repeat; margin:2px; height:36px; width:124px; color:#fff; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif;}



#search .inputbox { background:url(../images/search.jpg) no-repeat; width:283px; height:43px; padding:0 0 0 20px;color:#999; font-weight:bold;}
input.button {background:url(../images/search_btn.jpg) no-repeat; width:95px; height:43px; padding:13px 0px; margin-left:-25px; color:#fff; }

.readmore-link, a.readmore-link {
background: url(../images/readon.jpg) no-repeat;
display:block;
width:535px;
height:27px;
margin:10px 0px;
}

.readmore-link {width:535px; border-bottom:1px solid #ccc; padding-top:10px;}
#leaderboard {clear:both; float:left; margin:10px 0px; text-align:center;}