/*********************** Index of Styles.css ***********************/
/* 
This file is divided up into 4 sections - please find them below:
	-> Tag Reset : Resets defaults.
	-> Global Text Styles : Styles used globally, like a's, p's etc.
	-> Main Content Areas : Styles used globally, broken up into 
	   separate content areas.
	-> Page-Per-Page : Differing sub-page styles
*/
/*******************************************************************/

/* ------------------------------------------------ */
/*	TAG RESET										*/

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
	
	fieldset, form, label, legend, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
	
/* ------------------------------------------------ */
/*	GLOBAL	TEXT STYLES								*/

	html, 
	body, 
	div, 
	p { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color: #333333; line-height: 17px; }
	a { color: #573E97; text-decoration: none; }
	a:hover { color: #86A94A; text-decoration: underline; }
	.purple { color: #583F99; }
	.grey { color: #333333; }
	.red { color: #E80505; }

/* ------------------------------------------------ */
/*	MAIN CONTENT AREAS TEXT STYLES					*/

	/* Header */
	.mh_top p a { font-size: 11px; color: #ffffff; }
	.mh_top p a:hover { font-size: 11px; color: #ffffff; }
	.mh_top p.mh_intro { width: 680px; float: left; font-size: 11px; color: #ffffff; line-height: 32px; padding: 0px 0px 0px 30px; background: url('../images/mh_top-home.gif') 11px 9px no-repeat; }
	.mh_top p.mh_intro a { color: #D2A4FC; font-weight: bold; }
	.mh_top p.mh_sitemap { width: 58px; float: left; font-size: 11px; color: #ffffff; line-height: 32px; padding: 0px 0px 0px 30px; background: url('../images/mh_top-sitemap.gif') 11px 12px no-repeat; }
	.mh_top p.mh_quick { width: 188px; float: left; }
	.mh_top p.mh_quick select { width: 186px; border: 1px solid #D7D7D7; background: #ffffff!important; margin: 6px 0px 0px 0px; font-size: 11px; padding: 1px; }
	.mh_logo a { width: 261px; height: 141px; float: left; padding: 0px 0px 0px 363px; display: block; overflow: hidden; background: url('../images/logo.jpg') top right no-repeat; }
	.mh_logo a:hover { background-position: bottom right; }

	/* Nav */
	.mh_nav ul { list-style-type: none; margin: 0px 0px 0px 21px; display: inline; }
	.mh_nav ul li { height: 44px; float: left; text-transform: uppercase; line-height: 46px; text-align: center; }
	.mh_nav ul li a { display: block; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
	.mh_nav ul li.divider { width: 2px; background: url('../images/nav/divider.jpg') no-repeat; }
	.mh_nav ul li.about { width: 91px; background: url('../images/nav/about.jpg') no-repeat; }
	.mh_nav ul li.trust { width: 94px; background: url('../images/nav/trust.jpg') no-repeat; }
	.mh_nav ul li.desmond { width: 172px; background: url('../images/nav/desmond.jpg') no-repeat; }
	.mh_nav ul li.building { width: 113px; background: url('../images/nav/building.jpg') no-repeat; }
	.mh_nav ul li.programmes { width: 118px; background: url('../images/nav/programmes.jpg') no-repeat; }
	.mh_nav ul li.news { width: 64px; background: url('../images/nav/news.jpg') no-repeat; }
	.mh_nav ul li.publications { width: 117px; background: url('../images/nav/publications.jpg') no-repeat; }
	.mh_nav ul li.donate { width: 78px; background: url('../images/nav/donate.jpg') no-repeat; }
	.mh_nav ul li.contact { width: 89px; background: url('../images/nav/contact.jpg') no-repeat; }
	.mh_nav ul li:hover { background-position: 0px -44px; }
	.mh_nav ul li:hover a { color: #ffffff; }
	.mh_nav ul li.on { background-position: 0px -88px; display: block; }
	.mh_nav ul li.on,
	.mh_nav ul li.on a { color: #ffffff; font-weight: bold; }
	
	/* Dropdown */
	#nav {
	height: 44px; 
	float: left; 
	list-style-type:none;
	}
	#nav ul {
	float: left; 
	list-style-type:none;
	}
		/* General */
		#nav li { position:relative; }
		#nav ul { width:196px; top: 44px; left: 0px; position: absolute; display: none; padding: 0px; margin: 0px; z-index: 1001; border: 4px solid #ffffff; }
		#nav li ul li { width:160px; height: 23px; float:left; background: url('../images/nav/bg-dropdown.jpg') repeat-x; border-bottom: 1px solid #E9E6EF; padding: 0px; margin: 0px; text-align: left; text-transform: none; padding: 0px 18px; overflow: hidden; }
		#nav li ul li a:hover { color: #598D2E; }
		#nav li ul a { width:160px; float:left; font-size: 12px; font-weight: bold; color: #000000; line-height: 23px; }
		#nav ul ul { top:auto; left: 0px; position: absolute;  }	
		#nav li ul ul { top: 0px; left:0px; position: absolute;  }
		#nav li a:hover ul ul, 
		#nav li a:hover ul ul ul, 
		#nav li a:hover ul ul ul ul { display:none; }
		#nav li:hover ul,
		#nav li a:hover ul, 
		#nav li li a:hover ul, 
		#nav li li li a:hover ul, 
		#nav li li li li a:hover ul { display:block; }
	
	/* Slider */
	.panel p.pan_blurb { width: 439px; height: 107px; position: absolute; padding: 10px 231px 0px 17px; top: 220px; left: 0px; color: #ffffff; font-size: 12px; z-index: 950; background: url('../images/promo/tray.png') no-repeat;  }
	.panel p.pan_blurb span.heading { font-size: 18px; color: #ffffff; line-height: 31px; }
	.panel p.pan_blurb a { color: #A591D6; }
	
	/* Donate */
	.mbp_donate ul { width: 225px; float: left; margin: 0px 0px 0px 4px; list-style-type: none; }
	.mbp_donate ul li { width: 225px; float: left; text-align: center; overflow: hidden;  }
	.mbp_donate ul li.donate { height: 30px; margin: 0px 0px 14px 0px; }
	.mbp_donate ul li.donate:hover img { margin: -30px 0px 0px 0px; }
	.mbp_donate ul li.news { height: 39px; }
	.mbp_donate ul li.news:hover img { margin: -39px 0px 0px 0px; }
	.mbp_donate ul li.gallery { height: 39px; }
	.mbp_donate ul li.gallery:hover img { margin: -42px 0px 0px 0px; }
	.mbp_donate ul li.video { height: 42px; }
	.mbp_donate ul li.video:hover img { margin: -42px 0px 0px 0px; }
	
	/* Body */
	.mb_content_home h1 { font-family: Georgia, Times New Roman, sans-serif; font-size: 22px; font-weight: normal; color: #000000; text-transform: uppercase; padding: 35px 0px 20px 0px; }
	.mb_content_home p.blurb {  }
	
	.mbchc_box h2 { padding: 4px 12px; height: 34px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #ffffff; }
	.mbchc_box p { padding: 0px; margin: 0px; line-height: 1; }
	.mbchc_box p.more { width: 209px; padding: 0px 0px 0px 12px; float: left; background: url('../images/mbchc_box_arrow.gif') 80px 8px no-repeat;  }
	.mbchc_box p.more a { display: block; font-style: italic; color: #141414; line-height: 28px; }
	
	.mbchc_box_news p { text-align: center; }
	.mbchc_box_news p.desc { padding: 59px 0px 12px 0px; font-weight: bold; color: #ffffff; }
	.mbchc_box_news p.input { margin: 0px 0px 14px 0px; }
	.mbchc_box_news p.input input { width: 182px; height: 15px; background: url('../images/bg-mbchc_box_newsinput.gif') no-repeat; padding: 5px 4px 4px 4px; font-size: 11px; }
	
	.mast_inbetween p.mi_links { color: #E1DFDB; text-align: center; }
	.mast_inbetween p.mi_links a { font-size: 12px; font-weight: bold; color: #ffffff; line-height: 39px; }
	.mast_inbetween p.mi_meta { float: right; padding: 35px 16px 0px 0px; }
	
	/* Footer */
	.mf_content p { font-size: 11px; color: #ffffff; }
	.mf_content p a { font-weight: bold; color: #B0A1D6; }
	.mf_content p.left { float: left; padding: 25px 0px 0px 16px; text-align: left; }
	.mf_content p.right { float: right; padding: 25px 16px 0px 0px; text-align: right; }
	
/* ------------------------------------------------ */
/*	SUB PAGES										*/

	/* Sub Promo */
	.mbps_img img { display: block; }
	.mbps_desc h1 { font-family: Georgia, Times New Roman, sans-serif; font-size: 22px; font-weight: normal; color: #ffffff; text-transform: uppercase; padding: 35px 0px 20px 0px; }
	.mbps_desc h1 span.up { font-size: 28px; }
	.mbps_desc p { color: #ffffff; }
	.mbps_desc ol { color: #ffffff; margin: 15px 15px 15px 18px; }
	.mbps_desc ul { color: #ffffff; margin: 7px 15px 15px 13px; }
	
	/* Sub Left */
	.mb_left h2 { width: 208px; height: 33px; font-family: Georgia, Times New Roman, sans-serif; font-size: 16px; font-weight: normal; color: #ffffff; text-transform: uppercase; padding: 5px 0px 0px 12px; background: url('../images/bg-mb_left-h2.jpg') no-repeat; }
	.mb_left h2 span.up { font-size: 22px; }
	#menu { width: 220px; float: left; list-style-type: none; }
	#menu ul { display: none; list-style: none; }
	#menu ul ul { display: inline; }
	#menu ul ul li a { width: 188px; }
	#menu li.active a { height: 35px; color: #ffffff; background: url('../images/bg-mb_left-li.jpg') 0px -70px no-repeat; }
	
	#menu a { width: 170px; color: #292929; cursor: pointer; display: block; font-size: 12px; line-height: 35px; font-weight: bold; text-decoration: none; padding: 0px 25px 0px 25px; background: url('../images/bg-mb_left-li.jpg') no-repeat; }
	#menu a.expanded { height: 35px; color: #ffffff; background: url('../images/bg-mb_left-li-on.jpg') 0px -70px no-repeat; }
	#menu a.collapsed { height: 35px; background: url('../images/bg-mb_left-li.jpg') 0px 0px no-repeat; }
	#menu a:hover { height: 35px; background: url('../images/bg-mb_left-li.jpg') 0px -35px no-repeat; color: #ffffff; }
	
	#menu ul li a { width: 155px; color: #292929; cursor: pointer; display: block; font-size: 12px; line-height: 35px; font-weight: bold; text-decoration: none; padding: 0px 25px 0px 40px; background: url('images/bg-mb_left-li.jpg') no-repeat }
	#menu ul li a { width: 170px; height: 35px; color: #292929; background: url('../images/bg-mb_left-li.jpg') 0px -105px no-repeat; }
	#menu ul li a:hover { height: 35px; color: #789E1C; background: url('../images/bg-mb_left-li.jpg') 0px -105px no-repeat; }
	#menu ul li.active a { height: 35px; color: #583F99; background: url('../images/bg-mb_left-li.jpg') 0px -105px no-repeat; }
	
	/* Sub Right */
	.mb_right_head h3 { width: 515px; float: left; font-family: Georgia, Times New Roman, sans-serif; font-size: 20px; font-weight: normal; line-height: 47px; color: #131313; }
	.mb_right_head p.time { width: 172px; float: right; font-size: 11px; line-height: 47px; text-align: right; }
	.mb_right_body p.location { line-height: 42px; font-size: 11px; padding: 0px; }
	
	.mb_right_body h4 { font-size: 14px; line-height: 36px; }
	.mb_right_body p { padding: 5px 0px 8px 0px; }
	.mb_right_body ul { list-style-type: none; padding: 5px 0px 8px 0px; }
	.mb_right_body li { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 10px; background: url('../images/li.gif') 0px 7px no-repeat; }
	
	.mb_right_body h4.profile_head { font-size: 14px; line-height: 36px; float: left; }
	.mb_right_body p.profile_pic { width: 152px; float: left; padding: 0px; border: 5px solid #F2F2EE; margin: 10px 26px 0px 0px; }
	.mb_right_body p.profile_pic_small { width: 90px; float: left; padding: 0px; border: 5px solid #F2F2EE; margin: 10px 26px 0px 0px; }
	.mb_right_body p.profile_pic img { display: block; }
	.mb_right_body p.profile_text { width: 502px; float: right; padding: 5px 0px 8px 0px; }
	.mb_right_body p.profile_text_small { width: 502px; float: left; padding: 5px 0px 8px 0px; }
	
	.mb_right_body p.bio_pic { width: 359px; float: left; padding: 0px; border: 5px solid #F2F2EE; margin: 10px 26px 15px 0px; }
	.mb_right_body p.bio_pic img { display: block; }
	.mb_right_body p.bio_text { width: 285px; float: right; padding: 5px 0px 8px 0px; }
	
	.mb_right_body p.team_pic { width: 90px; float: left; padding: 0px; border: 5px solid #F2F2EE; margin: 0px 15px 0px 0px; }
	.mb_right_body p.team_pic img { display: block; }
	.mb_right_body p.team_name { width: 164px; float: left; margin: 0px 10px 0px 0px; }
	.mb_right_body p.team_contact { width: 189px; float: left; margin: 0px 10px 0px 0px; }
	.mb_right_body p.team_desc { width: 200px; float: left; margin: 0px; }
	.mb_right_body p.team_desc_wide { width: 389px; float: left; margin: 0px; }
	
	.mbrb_tray_item p.img { float: left; }
	.mbrb_tray_item img { border: 5px solid #F2F2EE; margin: 0px 15px 0px 0px; }
	.mbrb_tray_item p.who { width: 225px; float: left; margin: 5px 0px 0px 0px; }
	
	.mb_right_body p.gal_thumb { width: 154px; float: left; padding: 0px 24px 24px 0px; }
	
	/* Sub Full */
	.mb_full_head h3 { width: 738px; float: left; font-family: Georgia, Times New Roman, sans-serif; font-size: 20px; font-weight: normal; line-height: 47px; color: #131313; }
	.mb_full_head p.time { width: 172px; float: right; font-size: 11px; line-height: 47px; text-align: right; }
	.mb_full_body p.location { line-height: 42px; font-size: 11px; padding: 0px; }
	
	.mb_full_body h4 { font-size: 14px; line-height: 36px; }
	.mb_full_body p { padding: 5px 0px 8px 0px; }
	.mb_full_body p.high { line-height: 22px; }
	
	.card_icons { position: absolute; top: 142px; right: 370px; z-index: 20000; }
	.mb_full_body_left form p { width: 690px; float: left; padding: 0px; margin: 12px 0px 0px 0px; }
	.mb_full_body_left form p.label { width: 127px; height: 28px; float: left;line-height: 28px; }
	.mb_full_body_left form p.label label { line-height: 28px; }
	.mb_full_body_left form p.input { width: 465px; height: 28px; float: left; background: url('../images/bg-form_input.jpg') no-repeat; }
	.mb_full_body_left form p.input input { width: 278px; margin: 6px 0px 0px 5px; font-family: Arial, Helvetica, Tahoma, sans-serif; background: transparent!important; }
	.mb_full_body_left form p.small { width: 465px; height: 28px; float: left; background: url('../images/bg-form_input_small.jpg') no-repeat; }
	.mb_full_body_left form p.small input { width: 121px; margin: 6px 0px 0px 5px; font-family: Arial, Helvetica, Tahoma, sans-serif; background: transparent!important; }
	.mb_full_body_left form p.spamimage { width: 563px; height: 17px; float: left; padding: 0px 0px 0px 127px; }

	.mb_full_body_left form p.message { width: 465px; height: 85px; float: left; background: url('../images/bg-form_text.jpg') no-repeat; }
	.mb_full_body_left form p.message textarea { width: 278px; height: 70px; margin: 6px 0px 0px 5px; font-family: Arial, Helvetica, Tahoma, sans-serif; background: transparent!important; border: 0px; font-size: 12px; }

	.mb_full_body_left form p.currency { width: 234px; float: left; margin: 26px 0px 0px 0px; line-height: 40px; background: url('../images/bg-currency.gif') 113px 8px no-repeat; }
	.mb_full_body_left form p.btn { width: 350px; float: left; padding: 12px 0px 40px 0px; }
	
	.mb_full_body_bottom p.vcs_left { width: 264px; float: left; } 
	.mb_full_body_bottom p.vcs_right { width: 646px; float: left; padding: 8px 0px 0px 0px; }
	
	/* Sub Team */
	.mb_sub_team_left img { border: 5px solid #F2F2EE; margin: 20px 0px 0px 0px; }
	
	.mb_sub_team_right h4 { margin: 0px; padding: 22px 0px 3px 0px; font-size: 16px; line-height: 18px; }
	.mb_sub_team_right h5 { margin: 0px; padding: 2px 0px 0px 0px; font-size: 14px; line-height: 38px; }
	.mb_sub_team_right p { margin: 0px; padding: 0px 0px 15px 0px; }