@charset "UTF-8";

body {

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;

	color:black;

	line-height:1.5em;

}

/* ---------------> shared styles */

.left{float:left;}



.right{float:right}



.center{margin:10px auto;}



.clear{clear:both;}



.red{color:#bf2e1a;}



.green{color:#419639;}



.dark-green{color:#2e6b29}

.gray-bg{background-color:#f3f3f3;}



p.indent{margin:5px;}



p.indent10{margin-left:10px;}



p.top-bottom-10{padding:10px 0;}



p{

	margin:0 0 10px 0;

	padding:0;

}



h1{

	font-size:18px;

	margin:20px 0 10px 10px;

	line-height:1.2em;

}



h2, h2.indent{

	font-size:14px;	

	margin:0px;

}



h3, h3.indent{

	font-size:12px;

	margin:0;

}



h3.indent, h2.indent{margin:5px;}



h4.gray-header{

	background-color:#7f7f7f;

	color:white;

	padding:3px;

	width:276px;

	margin-bottom:0;

	font-size:11px;

}



#footer li.last, .line-item.last, .child-profile.last, .news-box li.last{

	border:none;

}



#footer li.first{

	padding-left:0;

}



/* ---------------> anchor tags */

a{

	color:#bf2e1a;

}



a img{

	border-width:0;	

}



.sign-up{

	background:url(../images/red-arrow.gif) top right no-repeat;

	padding-right:25px;

	font-size:16px;

	font-weight:bold;

	text-decoration:none;

	height:25px;

}



/* ---------------> shared divs */

#container{

	width:990px;

	margin:10px auto;

	border-bottom:1px solid #ececec;

	padding-bottom:50px;

}



#header{

	height:149px;

	background:url(../images/header-background.gif) repeat-x bottom left;

}



#logo{

	float:left;	

}



#newsletter{

	float:right;

	padding-top:100px;/*padding-top:20px; - the adjustment for raffle logo*/

	padding-bottom:10px;

}



#main-nav{

	height:34px;

	width:990px;

	background:url(../images/nav-background.gif) repeat-x;

	font-size:14px;

	font-weight:bold;

	color:white;

	opacity: 0.999999;

}



#main-nav ul{

	list-style: none;

	margin:0;

	padding: 0;

	display:inline;

}



#main-nav li{

	display:inline;

}



#main-nav li a{

	padding: 10px 13px 7px 13px;

	color: #fff;

	text-decoration: none;

	width:auto;

	display:block;

	float:left;

}



#main-nav li a.contact{

	padding-right:21px;

	float:right;

}



#main-nav ul li a:hover, #main-nav ul li a.selected{

	color:black;

	background-color:white;

}



#footer{

	width:990px;

	margin:10px auto;

	padding-bottom:50px;

	font-size:10px;

	color:#808080;

}



#footer ul{

	display:block;

	list-style:none;

	margin:10px 0 0 -10px;

	padding:0;

}



#footer li{

	padding:0 10px;

	border-right:1px solid #e8e8e8; 

	display:block;

	float:left;

	line-height:1.2em;

}



#footer ul li a.selected{

	color:#808080;

	text-decoration:none;

}



#follow-us{

	float:right;

	padding-right:10px;

	width:100px;

}



#follow-us img{

	margin-left:5px;

}



#main{

	height:385px;

	background:url(../images/main-background.gif) repeat-x bottom left;

}



#col-left{

	float:left;	

	width:660px;

}



#col-right{

	width:300px;

	float:right;	

}



#gray-box{

	float:left;

	background-color:#f3f3f3;

	padding:20px 50px 20px 30px;

	width:594px;

}



#line-items-box{

	margin-top:10px;

	padding-top:5px;

}



#line-items-box ul{

	padding:0;

	margin:0 0 10px 5px;

	list-style:none;

}



#line-items-box li{

	padding:0 10px 3px 10px;

	width:580px;

	vertical-align:middle;

	background:url(../images/bullet.gif) no-repeat top left;;

}



.line-item{

	width:620px;

	border-bottom:1px solid #ececec;

	margin-left:30px;

	padding:5px 0;

}



.image-holder{ /* used on home page for play soccer images */

	background:url(../images/play-image-bg.gif) top left;

	padding:14px;

	width:191px;

	height:141px;

}



#news{

	background-color:#f3f3f3;

	width:300px;

	margin:10px 0;

}



.news-item{

	width:271px;

	margin-left:10px;

	padding:10px 5px;

	border-bottom:1px solid white;

}



#news ul{

	margin:0 0 0 10px;

	padding:0;

}



/*#news ul li{

	width:251px;

	margin-left:10px;

	padding:0 5px;

	vertical-align:middle;

}*/



#news a.read-more{

    padding:5px;

	margin-right:15px;

}



#partner-logos{

	margin-top:20px

}



#partner-logos img{

	float:left;

}



#left-column-info-box{ /* this appears on pages without the main image area */

	margin-left:10px;

	width:630px;

}



/* ---------------> home page divs */

#play-for-fun-box{

	float:left;

	background-color:#f3f3f3;

	padding:12px 8px;

	width:660px;

}

.play{

	width:220px;

}



/* ---------------> countries page divs */



.country{

	width:620px;

	border-top:1px solid #ececec;

	padding:15px 0;

	margin-left:10px;

}

.country img{

	float:right;

	margin: 0 0 5px 5px;

}



.country h1{

	margin:5px 0 5px 0;

	padding:1px 0 11px 45px;

}

#map{

	margin:20px 0 10px 0;	

}



h1.cameroon{

	background:url(../images/cameroon.jpg) no-repeat top left;

}



h1.ghana{

	background:url(../images/ghana.jpg) no-repeat top left;

}



h1.malawi{

	background:url(../images/malawi.jpg) no-repeat top left;

}



h1.senegal{

	background:url(../images/senegal.jpg) no-repeat top left;

}

h1.south-africa{

	background:url(../images/south-africa.jpg) no-repeat top left;

}

h1.zambia{

	background:url(../images/zambia.jpg) no-repeat top left;

}



/* ---------------> people page divs */

h1.people{

	font-size:26px;

	margin-bottom:0;

}



.people-item{

	clear:both;

	width:600px;

	margin:10px 0 0 10px;

}



.people-item p{

	margin-top: 15px;	

}



.people-item img{

	margin:5px 10px 5px 5px;	

}



.people-profile{

	margin-left:10px;

}



.people-profile img{

	float:left;

	margin: 0 20px 15px 0;

}



#focus-box{

	padding:10px;

	background-color:#f3f3f3;

	width:280px;

}



#focus-box ul{

	margin:10px 0 0 20px;

	padding:0;

}



.child-profile{

	width:300px;

	border-bottom:1px solid #ececec;

	padding:10px 0;

}



.child-image{

	width:115px;

	float:left;

}



.child-quote{

	width:185px;

	float:left;

}



/* ---------------> global peace games page divs */

.download-button{

	margin-bottom:5px;

}



/* ---------------> partner page divs */



#partner-with-us{

	float:right;

	margin-left:20px;

	width:300px;

}



#partner-with-us img{

	margin-bottom:5px;

}



#col1, #col2{

	width:410px;

	float:left;

	margin-left:10px;

}



#col2{

	margin-left:70px;

}



#small-print{

	font-size:9px;

	margin:20px 0;

	color:#7f7f7f;

	line-height:1.2em;

}



/* ---------------> news page */

.table-row{

	border-bottom:1px solid #ececec;

	padding:5px;

}



.date{

	width:115px;

	float:left;

}



.location{

	width:110px;

	float:left;

}



.event{

	width:345px;

	float:left;

}



.news-box{

	margin-top:10px;

	padding:5px 0 5px 25px;

}



.news-box ul{

	padding:0;

	margin:0 0 10px 15px;

	list-style:none;

}



.news-box li img{

	margin:0 0 5px 15px;

}



h1.calendar{

	padding:10px 0 10px 60px;

	background:url(../images/calendar.gif) no-repeat left;

}



h1.partnerships{

	padding:10px 0 10px 70px;

	background:url(../images/partnerships.gif) no-repeat left;

}



h1.awards{

	padding:10px 0 10px 55px;

	background:url(../images/awards.gif) no-repeat left;

}



#news-sidebar{

	width:280px;

	padding:10px;

	margin-bottom:10px;

}



#news-sidebar h1{

	margin:0 0 5px 0;

}



.white-side-box{

	background-color:white;

	padding:5px;

	width:272px;

	margin:0 auto;

}



.white-side-box form{

	padding:0;

	margin:3px 0;

	width:280px;

}



.white-side-box input{

	width:175px;

}



.white-side-box .submit{

	width:68px;

	height:24px;

	border-width:0;

	padding:0;

}



.white-side-box ul{

	margin:5px 0 5px 5px;

	padding-left:10px;

}



.white-side-box .smallprint{

	font-size:10px;

	line-height:1.2em;

	color:#7f7f7f;

}



.ul-column{

	float:left;

	width:130px;

}



/* ---------------> contact page */

#contact-form{

	margin-left:10px;

	width:970px;

}



#contact-form img{

	margin-left: 20px;

}



.contact-details{

	clear:both;

	width:970px;

	margin-left:10px;

	border-top:1px solid #ececec;

	padding:10px 0;

}



.contact-grid{

	border-right:1px solid #ececec;

	width:458px;

	float:left;

	padding:15px 0 15px 3px;

}



.contact-grid-row{

	border-bottom:1px solid #ececec;

}



.no-right-border{

	border-right:none;

}



.left-border{

	border-left:1px solid #ececec;

}



.right-grid{

	padding-left:20px;

}



.no-bottom-border{

	border-bottom:none;

}



.detail{ /* tel/address boxes */

	float:left;

	width:178px;

	font-weight:bold;

	clear:both;

}



.info{ /* the info for tel/addresses */

	float:left;

}



label{

	font-weight:bold;

	width:100px;

	margin:3px 20px 0 60px;

	display:table-cell;

	float:left;

	height:21px;

	padding-top:3px;

	text-align:right;

}



input{ 

	border:1px solid #9a9a9a;

	width:200px;

	margin:3px;

	padding:0;

	height:24px;

}



textarea{

	width:296px;

	margin:3px;

	border:1px solid #9a9a9a;

	height:72px;

}



.submit{

	width:108px;

	height:24px;]

}