/* CSS Document */

* {margin:0;padding:0}

/* mac hide \*/
html,body{height:100%;}
/* end hide*/

body { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
	background-color: #DAE2E8;
	color:#000;
	text-align: center;
	line-height: 140%;
}


p{
	margin: 0;
	padding: 3px 0 3px 0;
	line-height: 140%;
	font-size: 100%;
	color:#000;
}
h1 {
	background-color:#839CB1;
	margin-top: 0px;
	padding: 5px 15px 5px 15px;
	font-size: 120%;
	color: #FFF;
	border-top: 1px solid #FFF;

}


#left h2 {
    color: #FFF;
    font-size: 120%;
    background-color:#527491;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid #FFF;

}

#right h2 {
    color: #FFF;
    font-size: 120%;
    background-color:#527491;
    padding: 5px 15px 5px 15px;
    border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;


}



h3, h4 {
	color: #073862;
	padding: 3px 0 0 0;
	font-weight: bold;
	font-size: 100%;
}

ul li{
 list-style-type: none;
}



/*********************************Links*******************************/
a {
	text-decoration: none;
}
a:link {
	color: #999900;
	text-decoration: underline;
}
a:hover {
    color: #073862;
	text-decoration: underline;
}
a:visited {
	color:#527491;
	text-decoration: underline;

}

a.bkground:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.bkground:hover {
    color: #EEF3D4;
	text-decoration: underline;
}
a.bkground:visited {
	color: #FFFFFF;
	text-decoration: underline;

}

 a img {
 border: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrap{
	background-image: url(images/background2.jpg);
	margin: 0 auto 0 auto;
	width: 800px;

}



#outer{
	min-height:100%;
	width:740px;
	margin: 0 auto 0 auto;
	text-align:left;
	position:relative;
	border: 1px solid #FFF;
}

* html #outer {
	w\idth:740px;
	height:100%;
}


#header{
    background: #073862;
	height: 110px;
}


#header img {
    cursor: pointer;
	margin: 20px;
	float: left;
}


.headernav{
   	text-align:right;
	height: 110px;
	margin-top: 0;
}


.headernav p{
	color: #FFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 15px 20px 15px 0;
}


/************************CONTAINER FOR BANNERS ON HOME PAGE***********************/
#containerbanner {
	width: 740px;
	background-color:#FFFFFF;
	white-space: nowrap;
}

#containerbanner_left{
	float: left;
	height: 100px;
	width: 159px;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;


}

#containerbanner_middle{
	float: left;
	height: 100px;
	width: 420px;
	border-top: 1px solid #FFFFFF;


}

#containerbanner_right{
	float: left;
	height: 100px;
	width: 159px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;

}



/************************HOME PAGE 3 COLUMN LAYOUT***********************/


#containerhome {
	width: 740px;
	background: url(images/background_3col.gif) repeat-y top left;
	float:left;
	position: relative;

}


#left {
	float:left;
	width:159px;
	border-right: 1px solid #FFF;

}

#middlehome{
	width:420px; 
	float: left;


}

#right {
	float:left;
	width:160px;



}

#clearone {
	clear: both;
	height: 1px;
}





/************************MAIN HARP PAGE LAYOUTS***********************/

#middle{
	float: right;
	margin: 0;
	width: 580px;
}



/************* #Top Navigation styles **************/

#nav {
	width: 740px;
}

#nav ul{
	padding-left: 0;
	margin-left: 0;
	color: #fff;
	float: left;
	width: 740px;
	text-align: center;
	font-weight: bold;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	width: 102px;
	background-color: #A8C225;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #D4E192;
	height: 17px;
	padding: 10px 0 3px 0;
}

#nav ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #999900;
}

#nav ul li a.last {
	width: 102px;
	background-color: #A8C225;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #A8C225;
	height: 17px;
	padding: 10px 0 3px 0;
}

#nav ul li a:hover.last {
	color: #FFF;
	text-decoration: none;
	background: #999900;
	border-right: 1px solid #999900;

}

#nav ul li a.funders {
	width: 121px;
	background-color: #A8C225;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #D4E192;
	height: 17px;
	padding: 10px 0 3px 0;
}

#nav ul li a:hover.funders {
	color: #FFF;
	text-decoration: none;
	background: #999900;

}


/************************CONTAINER FOR RH SIDEMENUS***********************/

.sidemenu {
	float: right;
	width: 140px;
	background-color: #EEF3D4;
	margin: 0 0 15px 15px;
	padding: 10px;
	display:inline;
	
}

/************** Left Navigation ***************/


.leftnav {
		margin: 0px;

}

.leftnav p {
		margin: 0px 10px 2px 15px;

}


.leftnav a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.leftnav a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;

}

.leftnav .yasp {
	background-color: #E3A445;
	margin: 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}

.leftnav .ngage {
	background-color: #B5C4D0;
	padding: 5px 15px 5px 15px;
	margin: 1px 0px 1px;
	font-size: 110%;
}

.leftnav .cafe {
	background-color: #B894B8;
	margin: 1px 0px 1px 0px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}

.leftnav .advice {
	background-color: #C28585;
	margin: 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}

.leftnav .partnerships {
	background-color: #669966;
	margin: 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}
.leftnav .bite {
	background-color: #999999;
	margin: 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}
 .leftnav #p7TMnav .mfha {
	background-color: #85C2E1;
	margin: 1px 0px 1px;
	padding: 5px 15px 5px 15px;
	font-size: 110%;
}
/************** Additional Tree menu Styles ***************/
#p7TMnav .yasp div, #p7TMnav .ngage div, #p7TMnav .cafe div, #p7TMnav .advice div, #p7TMnav .partnerships div, #p7TMnav .bite div, #p7TMnav .mfha div {
	padding-left: 10px;
	font-size: 90%;
}
#p7TMnav .yasp div a, #p7TMnav .ngage div a, #p7TMnav .cafe div a, #p7TMnav .advice div a, #p7TMnav .partnerships div a, #p7TMnav .bite div a, .leftnav #p7TMnav .mfha div a{
	font-weight: normal;
	color:#FFFFFF;

}

#p7TMnav a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

/************** Main content styles ***************/

.content{
	margin: 15px;
}


.content h2{

        color:#073862;
        font-size:100%;
}
        
head+body .content h2 {
	padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background:#DDE7A9;
	border-bottom:1px solid #A8C225;
}
        
* html .r {
	float: right;
	padding: 5px 8px 5px 8px;
	display: inline;
	background: #DDE7A9;
	border-bottom: 1px solid #A8C225;
	margin-right:15px;
}
* html .contactr {
	float: right;
	padding: 5px 8px 5px 8px;
	display: inline;
	background: #DDE7A9;
	border-bottom: 1px solid #A8C225;
	margin-right:15px;
}
/************** 
Workarounds for Vacancies and Contact pages to override the 100% width stipulated above to create a margin around the right navigation
***************/
.content .r h2{
	width: 355px;
}	
.content .contactr h2{
	width: 355px;
}	
.content h3{
        color: #073862;
        font-size: 100%;
        margin: 3px 0 0 0;
}
/*********WORKAROUND ENDS  **********/
.floatright {
	 float: right;
	 margin: 0 0 5px 15px;
	 clear: right;
}

/************** Feature styles ***************/

.content .feature{
	padding: 0 0 15px 0;
}

.content .feature img{
     float: right;
	 margin: 10px 0 5px 15px;
	 clear: right;
}
#middle .content .feature h2.yasp{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#F4DBB5;
	border-bottom-style:solid;
	border-bottom-color:#E3A445;
	border-bottom-width:1px;
}
#middle .content .feature h2.ngage{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E2E8EC;
	border-bottom-style:solid;
	border-bottom-color:#B5C4D0;
	border-bottom-width:1px;
}
#middle .content .feature h2.advice{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E7CFCF;	
	border-bottom-style:solid;
	border-bottom-color:#C28585;
	border-bottom-width:1px;
}
#middle .content .feature h2.cafe{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E3D5E3;
	border-bottom-style:solid;
	border-bottom-color:#B894B8;
	border-bottom-width:1px;
	}
	#middle .content .feature h2.partnerships{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
   background-color:#DBE7DB;
border-bottom:1px solid #669966;
	}
	#middle .content .feature h2.bite{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E1E1E1;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-bottom-width:1px;
}#middle .content .feature h2.mhfa{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#D5EAF4;
	border-bottom-style:solid;
	border-bottom-color:#85C2E1;
	border-bottom-width:1px;
	}
/************** #contentleft Feature styles ***************/

#contentleft.feature{
	padding: 0 0 15px 0;
}

#contentleft .feature img{
     float: right;
	 margin: 10px 0 5px 15px;
	 clear: right;

}


#contentleft .feature h2.yasp{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#F4DBB5;
	border-bottom:1px solid #E3A445;

}

#contentleft .feature h2.ngage{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E2E8EC;
	border-bottom:1px solid #B5C4D0;
}

#contentleft .feature h2.advice{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E7CFCF;
	border-bottom:1px solid #B894B8;

}

#contentleft .feature h2 .cafe{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E3D5E3;
	border-bottom:1px solid #C28585;

}
#contentleft .feature h2.bite{
    padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#E1E1E1;
	border-bottom:1px solid #99999;
}#contentleft .feature h2.mhfa{
	padding:5px 8px 5px 8px;
	margin: 0 0 5px 0;
	background-color:#D5EAF4;
	border-bottom:1px solid #85C2E1;
}
/************** Right column content styles ***************/

.content_right{
	padding: 15px;
}


.content_right p{
	padding: 0;
}

.content_right h3{
	padding: 5px 0 0 0;
}


.content_right img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/**************************************Nav Lists****************************/



.navlist{
	vertical-align: top;
	width: 140px;
	float: right;
	background-color: #EEF3D4;
	margin: 0px;

}
.navlist ul a:link, .navlist ul a:visited {
	display: block;
}
.navlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.navlist li {
	padding: 4px 4px 4px 15px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-left: 6px;
	margin-right: 6px;	
}

/* fix for browsers that don't need the hack */
html>body #navlist li {}
.navlist li ul li {
	background-image: none;
}
.navlist li ul{
	background-image: none;
	border-bottom-style: solid;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}
.navlist img {
	margin-top: 15px;
	background-color: #FFFFFF;
}



/************** Job styles ***************/



.jobs{
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #D4E192;
}

.jobs h3{
	 color: #073862;
     font-size: 100%;
     margin: 3px 0 0 0;
}





/************Home page Time for Change banner ********/


div.changebanner {
	height: 90px;
	width: 728px;
	margin: 0 0 5px 5px;
	background-color: #E7ECF0;
}





/************FOOTER********/



#outer #middle #contentleft .feature .title img {
	float: none;
}
#p7TMnav div a {
	color: #FFFFFF;
	text-decoration: none;
}


/************* #footer styles sets footer properties***************/



#footer{

	clear: both;

	font-size: 9px;

	color: #FFFFFF;

	padding: 10px 0px 10px 20px;

	margin-top: 0px;

	background-color: #073862;

	font-weight: normal;

	bottom: 0px;

	width: 720px;


}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

   the bottom border of the navBar in cases where they "touch" */



#footer a {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {
    color: #DDE7A9;
	text-decoration: underline;
}

#footer a:visited {
	color: #FFF;
	text-decoration: underline;
}


#footer p {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 9px;
	color: #FFF;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer li {
    border-right: 1px solid #FFF;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}

#footer li.last {
    border: none;
    margin: 0;
    padding: 0;
}


/*Floats copyright within footer*/

#copyright {

	float: right;

}
.brclear {
	height: 1px;
	margin: 0;
	padding: 0;
}