/* Simple Layout reset */

* {margin:0; padding:0; border:0}

/* How To Clear Floats */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix { display: inline; }

/* Layout */

html {height:100%; overflow-y:scroll;} 
body {height:100%; background-color:#f4f4f4;}
#wrapper, #header, #content, #footer {overflow: visible;}
#wrapper {
    height:auto !important;
    height:100%;
    margin:0 auto -100px;
	width:990px;
	background:#f4f4f4;}
#header {
	height:130px;
	position:relative;
	background:#f4f4f4 url(../images/newlife_mex.jpg);}
#footer {
	height:100px;
	position:relative;
	background:#f4f4f4 url(../images/footer.jpg);}	
	
#content p { clear:none; font:12px Calibri,Arial,Verdana,sans-serif; line-height:16px; margin:0px 60px 10px 60px; color:black; }
#content p strong { font-weight:bold; color:#FF0000; }
#content p a { font-weight:bold; color:#009900; text-decoration: none; }
#content p a:hover { text-decoration:underline; }
#footer p {
	text-align: center;
	color:black;
	font-family: Calibri, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
}
#footer p a { color:black; line-height: 13px; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/** Main Menu **/

#mainmenu{
	width:170px;
	height:352px;
	position:fixed;
	left:0px;
	top:154px;
	padding:0;
	margin:0;
	overflow:hidden;}
/* IE6 hack */
* html #mainmenu{
	position:absolute !important;}
.block ul {
	padding:0px !important;}
#mainmenu ul {
	padding:0px !important;}
#mainmenu li {
	list-style-image:none !important;
	list-style:none;
	margin:0;
	padding:0;}
#mainmenu li a{
	display:block;
	width:170px;
	height:32px;
	text-decoration:none;
	cursor:pointer;}
#mainmenu li span,
#mainmenu li a span {visibility:hidden;}

#mainmenu li a.home{background-image:url('../images/home.png');}
#mainmenu li a.home:hover{background-image:url('../images/home_over.png');}
#mainmenu li.home_x{background-image:url('../images/home_over.png');height:32px;}

#mainmenu li a.programmes{background-image:url('../images/programmes.png');}
#mainmenu li a.programmes:hover{background-image:url('../images/programmes_over.png');}
#mainmenu li.programmes_x{background-image:url('../images/programmes_over.png');height:32px;}

#mainmenu li a.streetkids{background-image:url('../images/streetkids.png');}
#mainmenu li a.streetkids:hover{background-image:url('../images/streetkids_over.png');}
#mainmenu li.streetkids_x{background-image:url('../images/streetkids_over.png');height:32px;}

#mainmenu li a.location{background-image:url('../images/location.png');}
#mainmenu li a.location:hover{background-image:url('../images/location_over.png');}
#mainmenu li.location_x{background-image:url('../images/location_over.png');height:32px;}

#mainmenu li a.history{background-image:url('../images/history.png');}
#mainmenu li a.history:hover{background-image:url('../images/history_over.png');}
#mainmenu li.history_x{background-image:url('../images/history_over.png');height:32px;}

#mainmenu li a.trustees{background-image:url('../images/trustees.png');}
#mainmenu li a.trustees:hover{background-image:url('../images/trustees_over.png');}
#mainmenu li.trustees_x{background-image:url('../images/trustees_over.png');height:32px;}

#mainmenu li a.schools{background-image:url('../images/schools.png');}
#mainmenu li a.schools:hover{background-image:url('../images/schools_over.png');}
#mainmenu li.schools_x{background-image:url('../images/schools_over.png');height:32px;}

#mainmenu li a.donation{background-image:url('../images/donation.png');}
#mainmenu li a.donation:hover{background-image:url('../images/donation_over.png');}
#mainmenu li.donation_x{background-image:url('../images/donation_over.png');height:32px;}

#mainmenu li a.contact{background-image:url('../images/contact.png');}
#mainmenu li a.contact:hover{background-image:url('../images/contact_over.png');}
#mainmenu li.contact_x{background-image:url('../images/contact_over.png');height:32px;}

#mainmenu li a.acknowledgements{background-image:url('../images/acknowledgements.png');}
#mainmenu li a.acknowledgements:hover{background-image:url('../images/acknowledgements_over.png');}
#mainmenu li.acknowledgements_x{background-image:url('../images/acknowledgements_over.png');height:32px;}

#mainmenu li a.xmas{background-image:url('../images/xmas.png');}
#mainmenu li a.xmas:hover{background-image:url('../images/xmas_over.png');}
#mainmenu li.xmas_x{background-image:url('../images/xmas_over.png');height:32px;}