﻿html {font-size:62.5%;}


body {
  background:#fff;
  margin:0 auto;

  padding:20px;
padding-top:0px;
  font-family:"verdana";
  color:#464646;
  font-size:1.3em;
  text-align:left
  }

.clear {clear:both}

strong {font-weight:bold;color:#748E0F
}  

a {
  color:#576620;
  text-decoration:none;
  }
  
  a:hover{text-decoration:none;color:#95B32B}

.mainheader {float:left;padding:0 15px 0px 0; width:869px;height:200px;background-image:url('http://www.childrenofneed.co.uk/about%20us/rad/people_top.jpg')}

#mainContainer {
	margin: 0 auto;
	width: 880px;
	border-bottom: none;
	margin-left:25px;
	padding: 18px 0;
}



#logo {border-style: none;
border-color: inherit;
border-width: medium;
float:left; margin-right:10px;margin-bottom:10px; background-image:url('Images/logo1.jpg');
width:162px;height:67px; padding-bottom:5px

}


	


#header {float:left;padding:0 15px 0px 0; width:869px;height:200px; background-image:url('walkers_heads_border.JPG')}
#header1 {float:left;
text-align:right;padding:0px;width:880px; height: 67px; margin-top:-24px}
}
#headerplain {float:left;width:869px;height:220px; }

}

#headersis {float:left;
text-align:right;padding:0px;width:880px; height: 67px; margin-top:-24px}
}


#mainContent {float:left;width:725px;padding-top:5px; }
#mainContent1 {float:left;width:700px;
padding-top:5px; }
#mainContenthome {float:left;padding-top:5px;height:400px; width:880px }


#navleft {float:left;width:138px;margin-right:20px;clear:left;margin-top:0px; text-align:left; margin-left:3px;	font-size:.8em;border-bottom: 1px #fff solid; display: block;font-family:arial;  }
#navleft li {padding-left:0;margin-left:0;list-style-type:none;background-color:white; border-bottom: 1px #fff solid;display: block; }
#navleft ul {padding-left:0;margin-left:0;list-style-type:none;border-bottom: 1px #fff solid; display: block;}
#navleft ul {margin-top:0;margin-bottom:0;border-bottom:1px dotted #ccc;padding-bottom:10px}
#navleft li {font-size:1.2em;text-transform:lowercase; }
#navleft a {color: #464646}
#navleft a:hover {text-decoration:none;color:#576620;display:block; border-right-width:2 px;border-right-style: solid;border-right-color:white;text-decoration:underline }

h1 {

	color: white;
	font-size:.8em;
	margin-left:3px;
	padding-left:3px;
	background-color:#576620;
	padding-bottom:1px;
	margin-top: 0px;
	width: 878px;
}

h2 {font-size: 13px; font-weight: bold; color: #cd5028; margin: 0px 0px 2px; padding: 0px;}

#navleft h3 {
	text-align: left;
	font-family: "Trebuchet MS";
	text-transform: lowercase;
	margin-bottom: 0;
	margin-top:5px;
	color: #748B21;
		font-weight:bold;
}
#textleft {
	text-align:left;
        float:left;
        width: 300px;
margin-top:5px;
margin-left: 3px
}
h3 {text-align: left;
	font-family: "Trebuchet MS";
	text-transform: lowercase;
	margin-top:5px;
	color:#576620;
	font-size:1.5em;
	font-weight:normal}

h4	{text-align: left;
font-family: "Trebuchet MS";
text-transform: lowercase;
margin-bottom: 10px;
margin-top:15px;
color: #464646;
font-size:1.4em;
font-weight:normal
}





h5 {font-size:1.1em}

h6 {font-size:1.5em;color:white;font-family:Arial, Helvetica, sans-serif;float:left; padding:15px 0 0 15px}


.giant(width:900px)

.indexcontainer {
	width:700px;
	height:500px;
	margin-left:50px;
	margin-top:50px;
	border:1px dotted; 
	float:left;
	text-align:center
	
					}
.otherImage {float:right;margin-right:-15px;margin-top:0px;
}
}				
.Image {float:right;margin-right:-40px;margin-top:0px;
}

.mainImage {float:right;margin:5px 0px 20px 40px}

.kidImage {float:right;margin:40px 0 0 10px}

.churchImage {float:right;margin:-20px 5px 0px 15px}

.leftImage{float:left;margin:-30px 5px 0 0px}

.realleftImage {float:left;margin:0 25px 5px 0}
.womentitle {float:left;margin:20px 20px 0 0}
	
}

.realrightImage {float:right;margin:0 0 5px 10px }

 #mainContent2 {float:left;width:350px;padding-top:5px; }

.subImage{
	float:right;margin:-50px 10px 0 20px}
	
.text {margin-top:-155px; margin-left:175px;
	height: 14px;
}	
.plain {border:none}
.line {border-bottom:0px}
}
.rightImage {float:right;margin:0 0px 5px 10px}
.bottom {
	margin-top:450
}

#base {float:left; text-align:center; font-family:Arial,font-size:small;color:white; width: 880px;background-color:#BDB09C; margin-top:15px
	}

.cdphead {float:left; height:57px;padding-left:20px; width:500px}
	
}

table {margin-top:0px;width:94%
}

tr td {text-align:left;padding:3px 5px 5px 5px}

tr th {text-align:left;padding:3px 5px 5px 5px}

tr th {background-color:#576620;color:#fff;font-weight:bold}

tr td {border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF }

tr td.center {text-align:center}

.row1 {background-color:#EEEEEE;}

.row2 {background-color:#DCE3FF}

.rowtring {background-color:#526117;color:#526117}

table#leaguetable tr td {text-align:center}

table#leaguetable tr th {text-align:center}

table#leaguetable tr td.teamname {text-align:left}

table#leaguetable tr th.teamname {text-align:left}

tr td.playerlist {padding:8px 0;font-weight:bold}


	
#iton {
font-family: 'Trebuchet MS';
float:left;
text-align: right;
text-align:left;
padding-left:5px;
margin-top:20px
}

#iton ul {
list-style: none;
margin-left: 30px;
padding: 0;
border: none;


}

#iton li {
height:26px;
}

#iton li a {
display: block;
width: 100%;
color:black;
background-image:url('http://www.childrenofpotential.co.uk/bard.JPG');
padding-top:4px


}
#iton li a:hover {
background-image:url('http://www.childrenofpotential.co.uk/bars.jpg');
color:#748E0F;
text-decoration:none
}

#iton li a:active {
background-image:url('http://www.childrenofpotential.co.uk/hover.JPG');
color:black;}


#sponsor {position: absolute; width: 141px; height: 143px; z-index: 12; left: 242px; top: 399px;background-image :url('http://www.uk.fhi.net/sponsor.JPG')}
#sponsor a {position: absolute; width: 141px; height: 143px; z-index: 12; left: 242px; top: 399px;background-image :url('http://www.uk.fhi.net/sponsor.JPG')}
#sponsor a: hover {position: absolute; width: 141px; height: 143px; z-index: 12; left: 242px; top: 399px;background-image :url('http://www.uk.fhi.net/sponsor1.JPG')}





# bar {background-image:url('http://www.childrenofpotential.co.uk/bars.JPG')
}

#bard {background-image:url('http://www.childrenofpotential.co.uk/img/bard.JPG')}

#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px}

#righter {float:left; line-height:1.4em; margin:0 0 5px 27px; padding:0; width:140px}


#new {margin-left:160px;width: 700px}
	
}

.no_bullet{
list-style-type: none;}


#swing ul {
list-style: none;
margin-left: 10px;
padding: 0;
border: none;


}



#swing li a {
display: block;
width: 100%;
color:black;
padding-top:2px


}
#swing li a:hover {
text-decoration:underline
}

#swing li a:active {
color:black;}

#bread {margin-top:5px
	

}


div#set_of_links {
	position:relative;
	padding:9px;
	border:white;
	background-color:#fff;
	margin-bottom:20px
}
div#set_of_links a {
	display:inline;
	padding:0px 9px 0px 9px;
	text-decoration:none;
	color:white
}
div#set_of_links a:hover {background:transparent}
div#set_of_links a span {display:none}
div#set_of_links a:hover span {
	display:inline;
	position:absolute;
}
.site_1 {background:url('http://www.uk.fhi.net/sponsor1.JPG) no-repeat top left}


