body	{
background: #CBE6EE url(http://www.truecolourstrust.org.uk/images/blue_men.jpg) repeat y;
/*background: #CBE6EE url(../images/blue_men.jpg) repeat y;*/

		font-family: verdana, sans-serif;
		
		
				}

#content
	{
	font-size: 0.8em; 
	text-align: left;
	width: 525px;
	float: right; 
	padding: 5px 0px 3px 8px; 
	margin-top: 2px;
	line-height: 1.5em;
	color: #000;
	min-height: 360px;
	height: auto;
	}
	
/*styles for about pages and others which have the content stretching across whole width*/	
#content_altindex{
	font-size: 0.8em; 
	text-align: left;
	width: 700px;
	float: right; 
	padding: 5px 10px 3px 8px; 
	margin-top: 2px;
	float: right;
	line-height: 1.5em;
	color: #000;
	min-height: 360px;
	height: auto;
	}
	
#content_altindex h1 {text-align: center}

.bold {font-weight: bold;}

.indent {margin-left: 25px;}
	
	
#back	{
		text-align: center; 
		padding: 5px;
		padding-bottom: 1em;
		}

#wrap	{
		background: white;
		text-align: center;
		width: 745px;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-right: 2px solid #2F4F4F;
		border-bottom: 2px solid #2F4F4F;
		/*background: url(../images/border_test.gif) repeat y no-repeat x;*/
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 10px;
		
		}

		
/* for Internet Explorer */
/*\*/
* html #content {
height: 400px;
width: 558px;
}
/**/


/*positioning the polaroid pics*/
#content_altindex IMG.right	{
	float: right;
	margin: 5px;
	}
	
	#content IMG.right	{
	float: right;
	margin: 5px;
	}
	
	#content_altindex IMG.left	{
	float: left;
	margin: 5px;
	}


	#content IMG.left	{
	float: left;
	margin: 5px;
	}


#footer	{
	
	margin: 0;
	clear: both;
	vertical-align: baseline;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #fff;
	padding-left: 7px;
	padding-right: 7px;
	
	}
	
	
/* for Internet Explorer */
/*\*/
* html #footer {
height: 40px;
width: 740px;
}
/**/
	
	
#header	{
	margin-top: 0;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 0;
	text-decoration: none;
	text-align: center;
	}
#header a {text-decoration: none;}

#header img {border: none;}

#image_map img {border: none;}

/* general content formatting */


H1	{
	font-size: 1.8em;
	margin: 8px;
	line-height: 1.5em;

	
	}

H2	{
	font-size: 1.1em;
	}
	
H4	{
	font-size: 1em;
	}



P	{
	padding-top:0;
	padding-bottom:0;
	}


/*styles for left hand menu on category pages*/
			
#left		{
			width: 150px;
			text-align: left;
			float: left;
			background-color: #fff;
			font-size: 0.9em;
			text-decoration: none;
			font-weight: bold;
			padding-left: 4px;
			padding-top:50px;
			margin-left: 0;
			
			}
			
#left ul {margin:0px;padding:0px;}

a.leftmenu:visited
{
	
	
	margin-top:2px;  
	text-decoration:none; 
	font-size:0.75em; 
	line-height:2.3em; 
	overflow:hidden;
	}
			
a.leftmenu:link
{
	
	
	margin-top:2px;  
	text-decoration:none; 
	font-size:0.75em; 
	line-height:2.3em; 
	overflow:hidden;
	}
			
a.leftmenu
{
	
	
	margin-top:2px;  
	text-decoration:none; 
	font-size:0.75em; 
	line-height:2.3em; 
	overflow:hidden;
	}
	
#left ul
{
	margin-left: 15px;
	
}




			

			
/*styles the links for the top menu with the appropriate colours*/	
li.blue a:active{
	background: #00a0db url(../images/halfmoontab.gif) top right no-repeat;
	

}


li.blue a{
	background: #00a0db url(../images/halfmoontab.gif) top right no-repeat;
	
	

}


li.yellow a{
	background: #f8d649 url(../images/halfmoontab.gif) top right no-repeat;
	

}

li.green a{
	background: #75c169 url(../images/halfmoontab.gif) top right no-repeat;
}

li.pink a{
	background: #e5429d url(../images/halfmoontab.gif) top right no-repeat;
	
	
	
	}
	
li.pink a:active {
	background: #e5429d url(../images/halfmoontab.gif) top right no-repeat;
	}



li.orange a{
	background: #ff602e url(../images/halfmoontab.gif) top right no-repeat;
}

/*aligns top menu in the centre*/

#menu {
	
	text-align: center;
	
}

#menu a:hover
{
	color: #000;
}


/*styles to set the link and heading colors for the different category pages*/

.home	{border-color: #0B0BC1;
		color: #0B0BC1;}

.home h1 {
	color: #0B0BC1;
}

.home h2 {
color: #0B0BC1;}

.home a	{color: #0B0BC1;}

.home a:hover {color: #00a0db;
text-decoration: underline;}

.scrollbar
{
	color: #0B0BC1;
	font-size: 0.8em;
}

.scrollbar a	{color: #0B0BC1;}

.scrollbar a:hover {color: #00a0db;}

.scriptoff
{
	color: #0B0BC1;
	font-size: 0.8em;
}

.scriptoff a	{color: #0B0BC1;}

.scriptoff a:hover {color: #00a0db;}




.pall	{border-color: #275620;
		color: #275620;}

.pall h1 {
	color: #275620;
}

.pall h2 {
color: #275620;}

.pall h4 {
	color: #275620;
}


.pall a	{color: #275620;}

.pall a:hover {color: #75c169;}




.disability	{border-color: #f6c42b;
		color: #E5AE04;}

.disability h1 {
	color: #E5AE04;
	font-size: 1.6em;
}

.disability h2 {
color: #E5AE04;}

.disability a	{color: #E5AE04;}

.disability a:hover {color: #f6c42b;}


.small_grants	{border-color: #D23200;
		color: #D23200;}

.small_grants h1 {
	color: #D23200;
}

.small_grants h2 {
color: #D23200;}

.small_grants a	{color: #D23200;}

.small_grants a:hover {color: #FF602E;}

.africa	{border-color: #CB0779;
		color: #CB0779;}

.africa h1 {
	color: #CB0779;
}

.africa h2 {
color: #CB0779;}

.africa a	{color: #CB0779;}

.africa a:hover {color: #E1449F;}

/*styling for cut-away paragraphs */

#what_is_pall_care
{
			display:none;
			background: #C1DEBC;
			padding-left: 1em;
			padding-right: 0.5em;
			padding-top: 0.1em;
			padding-bottom: 0.1em;

}


#what_is_pall_care_africa
{
			display:none;
			background: #EDC9DC;
			padding-left: 1em;
			padding-right: 0.5em;
			padding-top: 0.1em;
			padding-bottom: 0.1em;

}	

	

#clearer1, #clearer2, #clearer3 {
	clear:both;
}

.indent {
	margin-left:25px;
	margin-right:25px;

}

.PreviousFunding
{
	font-size: 0.5em;
}

.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}


.nobullets {
	list-style-type:none;
	padding-left:0;
	margin:0;
}

#scroll {
display:inline;
width:700px;
height:30px;
}

.forminput {font-family: verdana, sans-serif;
			font-size:1em;}

	



</style>

<script type="text/javascript">

var gradientshadow={}
gradientshadow.depth=6 //Depth of shadow in pixels
gradientshadow.containers=[]

gradientshadow.create=function(){
var a = document.all ? document.all : document.getElementsByTagName('*')
for (var i = 0;i < a.length;i++) {
	if (a[i].className == "shadow") {
		for (var x=0; x<gradientshadow.depth; x++){
			var newSd = document.createElement("DIV")
			newSd.className = "shadow_inner"
			newSd.id="shadow"+gradientshadow.containers.length+"_"+x //Each shadow DIV has an id of "shadowL_X" (L=index of target element, X=index of shadow (depth) 
			if (a[i].getAttribute("rel"))
				newSd.style.background = a[i].getAttribute("rel")
			else
				newSd.style.background = "black" //default shadow color if none specified
			document.body.appendChild(newSd)
		}
	gradientshadow.containers[gradientshadow.containers.length]=a[i]
	}
}
gradientshadow.position()
window.onresize=function(){
	gradientshadow.position()
}
}

gradientshadow.position=function(){
if (gradientshadow.containers.length>0){
	for (var i=0; i<gradientshadow.containers.length; i++){
		for (var x=0; x<gradientshadow.depth; x++){
  		var shadowdiv=document.getElementById("shadow"+i+"_"+x)
			shadowdiv.style.width = gradientshadow.containers[i].offsetWidth + "px"
			shadowdiv.style.height = gradientshadow.containers[i].offsetHeight + "px"
			shadowdiv.style.left = gradientshadow.containers[i].offsetLeft + x + "px"
			shadowdiv.style.top = gradientshadow.containers[i].offsetTop + x + "px"
		}
	}
}
}

if (window.addEventListener)
window.addEventListener("load", gradientshadow.create, false)
else if (window.attachEvent)
window.attachEvent("onload", gradientshadow.create)
else if (document.getElementById)
window.onload=gradientshadow.create

</script>