body {
	margin: 0;
	padding: 0;
	border: 0;	
}
	#www-missionhope-org {
		text-align: center;
		font-size: 62.5%;	
		background: #fff url(../images/bg.jpg) center top no-repeat;
	}
	
	/** WRAPPER **/
	#wrapper {
		width: 960px;
		background: url(../images/bg_wrapper.png) repeat-y;	
		margin: auto;
		padding-bottom: 1em;
	}
		* html #wrapper {
			background: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/html/missionhope/images/bg_wrapper.png', sizingMethod='scale');
		}
		#page {						
			background: url(../images/bg_header.png) no-repeat;			
			width: 930px;
			margin: auto;
		}
		#header {
			position: relative;
			height: 212px;
			border-bottom: 27px solid #1d4076;						
			width: 930px;
			margin: auto;
		}
			#top_bar {
				height: 30px;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
			}
				#top_bar ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
				}
					#top_bar ul li {
						float: left;
					}
					#top_bar ul.languages {
						float: left;
						width: 50%;
						margin-left: 15px;
					}						
						#top_bar ul.languages a {
							font: 1.0em/30px 'Lucida Sans Unicode', Arial, sans-serif;
							color: #1d4076;
							padding-right: 3px;
							padding-left: 3px;
							text-decoration: none;
							border-right: 1px solid #1d4076;
						}
						ul.languages a:hover, ul.languages a.active {
							text-decoration: underline;
							color: #1d4076;
						}
					#top_bar ul#top_menu {
						width: 340px;
						padding: 0 10px;
						height: 30px;
						background: url(../images/bg_form_search.png) no-repeat;
						position: absolute;
						right: 15px;	
					}
						ul#top_menu a {
							color: #fff;
							padding-left: 8px;
							padding-right: 8px;
							font: 1.0em/30px 'Lucida Sans Unicode', Arial, sans-serif;
							border-right: 1px solid #fff;
						}
							#top_menu a:hover, #top_menu a.current {
								text-decoration: none;
							}
						*+html #top_menu form {
							width: 170px;
							height: 26px;
							padding-top: 4px;
							background: url(../images/bg_input_search.png) 49px 5px no-repeat;
						}
						* html #top_menu form {
							width: 170px;
							height: 26px;
							padding-top: 4px;
							background: url(../images/bg_input_search.png) 49px 5px no-repeat;
						}
						#top_menu label {
							color: #fff;
							font: 1.0em/30px 'Lucida Sans Unicode', Arial, sans-serif;
							padding-left: 5px;
							padding-right: 5px;
						}		
						#top_menu input {
							background: url(../images/bg_input_search.png) no-repeat;
							width: 104px;
							height: 14px;
							border: none;
							outline: none;
							padding: 2px 5px;
							font: 1.0em Arial, sans-serif;							
						}
						*+html #top_menu label {	
							margin-top: -4px;
							float: left;
						}
						*+html #top_menu input {
							background: none;
						}
						* html #top_menu input {
							background: none;
						}
			#header h1 {
				margin: 0 auto;
				padding: 0;
				height: 177px;
				width: 202px;
				text-indent: -9999px;
				background: url(../images/logo_mission_hope.png) no-repeat;
			}
			#header #menu {
				border-bottom: 3px solid #fff;											
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
			}
				#menu ul {
					list-style: none;
					margin: 0 auto;
					padding: 0;
					overflow: hidden;
					height: 24px;
					width: 80%;
				}
					#menu .es {
						width: 90%;
					}
					#menu li {
						float: left;					
						height: 24px;
					}						
						#menu li a {
							text-decoration: none;
							color: #05234F;
							display: block;						
							height: 24px;
							font: 1.1em/24px 'Lucida Sans Unicode', Arial, sans-serif;
							padding-right: 8px;
							padding-left: 8px;
							background: #9bc6df;
							opacity: 0.8;
							filter: alpha(opacity = 80);
						}			
							* html #menu li a {
								height: 1%;
								float: left;
							}
							#menu li a:hover, #menu li .current {
								background-color: #fff;
								opacity: 0.5;
								filter: alpha(opacity = 50);
							}
							
    /** MIDDLE **/
	#middle {
		margin: 2em auto;
		text-align: left;
		width: 910px;
		padding: 2px 10px;		
		overflow: hidden;
	}
		* html #middle {
			position: relative;
			z-index: 100;
		}
		*+html #middle {
			position: relative;
			z-index: 100;
		}
		#middle a {
			color: #1d4076;
			text-decoration: none;
			border-bottom: 1px solid #65A4B1;
			margin-top: -1px;
		}
			#middle a:visited {
				color: #8a97b1;
			}
			#middle a:hover {
				color: #d14646;
				border-bottom-color: #1d4076;
			}
		#middle #banner {
			float: left;
			width: 266px;
		}
		#middle #news {
			float: left;
			width: 294px; 
			height: 362px;
			margin-left: 5px;
			position: relative;
		}
			#news #last_news {
				font: 1.2em/1.4 'Lucida Sans Unicode', Arial, sans-serif;
				color: #818181; 				
			}	
			#news #news-tab {
				margin: 0;
				padding: 0;
				overflow: hidden;
				list-style: none; 
			}
				#news-tab li {
					float: left;
					margin: 0;
					padding: 0;
				}
					#news-tab li a {
						color: #fff;
						font: 1.1em/27px 'Lucida Sans Unicode', Arial, sans-serif;
						text-transform: uppercase;
						height: 27px;
						display: block;
						text-align: center;
						border: none !important;
					}
						#news-tab li a.tab_news {
							width: 75px;
							background: url(../images/tab_news.png) no-repeat;
						}
						#news-tab li a.tab_testimonies {
							width: 100px;
							background: url(../images/tab_testimonies.png) no-repeat;
						}
						#news-tab li a.tab_help {
							width: 118px;
							background: url(../images/tab_help.png) no-repeat;
						}
						#news-tab a.active {
							color: #8a97b1;
						}
			#last_newst, #testimonies, #help {
				padding: 5px;
				clear: both; 
			}		
			#last_news dl {
				margin: 0 5px;
				padding: 0;
			}
			#last_news dt {
				margin-bottom: 3px;
				margin-top: 3px;
			}
				/*\*/
				html * #last_news dt {
					clear: both;
				}
				/*\*/
				html * #last_news a {
					padding-bottom: 0 !important;
				}
				#last_news dd {
					margin: 5px;
					padding: 0;
					clear: left;
				}
					#last_news dd img {
						float: left;
						margin-right: 3px;
						margin-bottom: 2px;
					}
			#last_news ul {
				margin: 5px 20px;
				padding: 0 5px;
			}
				#last_news ul li {
					margin-bottom: 5px;
					padding-bottom: 0;
				}
			#testimonies blockquote {
				margin: 0;
				padding: 0;
			}			
		#middle #join {
			width: 184px;			
			float: left;
			background: url(../images/bg_join.png) bottom no-repeat;
			height: 362px;
			margin-left: 5px;
			position: relative;
		}
			#join h2 {
				background: url(../images/bg_top_join.png) no-repeat;
				width: 184px;
				height: 70px;
				margin: 0;
				padding: 0;
				font: 2.0em/50px 'Lucida Sans Unicode', Arial, sans-serif;
				text-indent: 15px;
				color: #fff;
				text-transform: uppercase;
			}
			#join .text-join {
				padding: 0 20px;
				margin-top: -10px;
				font: 1.1em/1.2 'Lucida Sans Unicode', Arial, sans-serif;
				color: #006cac;
			}
			#prayers {
				width: 154px;
				height: 110px;
				background: url(../images/bg_prayer.jpg) no-repeat;
				padding-left: 10px;
				padding-right: 10px;
				font: 1.1em/1.3 'Lucida Sans Unicode', Arial, sans-serif;
				color: #006cac;
				position: absolute;
				bottom: 0;
				left: 4px;
			}
				#prayers h2 {
					margin: 0;
					padding: 0;
					width: 130px;					
					height: 39px;
					text-indent: 0 !important;
					font: 1.2em 'Lucida Sans Unicode', Arial, sans-serif;
					background: none;
					color: #fff;				
					text-transform: uppercase;
				}	
					#prayers h2.en {
						line-height: 39px;
					}
					#prayers p {
						margin-top: 5px;
					}
		#middle #register {
			width: 146px;
			height: 362px;
			float: left; 
			margin-left: 5px;
		}
			#register div h2 {
				margin: 0;
				padding: 0;
				font: 2em 'Lucida Sans Unicode', Arial, sans-serif;
				color: #fff;
				width: 126px;
				height: 72px;
				text-transform: uppercase;
			}
			#register #e-satchel {
				background: url(../images/bg_form_login.png) no-repeat;
				width: 146px;
				height: 181px;
			}
				#e-satchel h2 {					
					line-height: 50px !important;					
					text-indent: 5px;
				}
				#e-satchel form {
					width: 130px;
					margin: auto;
					margin-top: -26px;
					font: 1.1em 'Lucida Sans Unicode', Arial, sans-serif;
				}
				#e-satchel p {
					margin: 0;
					margin-bottom: 3px;
					padding: 0;
					text-align: right;
					clear: both;
				}
				/*\*/
				html*#e-satchel p {
					margin-bottom: 1px;
				}
					#e-satchel p.center, #e-satchel p.login {
						text-align: center;
					}
					#e-satchel p.login {
						font: 1.3em/1.4 'Lucida Sans Unicode', Arial, sans-serif;
					}
					#e-satchel p label {
						display: block;						
						color: #42618f;
						text-align: left;
					}
					#e-satchel p.textbox {
						clear: left;
					}
					#e-satchel p input {
						width: 106px;
						height: 14px;
						background: url(../images/bg_login_input.png) no-repeat;
						font: 1.0em 'Lucida Sans Unicode', Arial, sans-serif;
						color: #42618f;
						padding: 3px 5px;
						border: 0;
					}
					#e-satchel p.textbox input {
						float: left;
						width: 10px;
						height: 10px;
					}
					#e-satchel p.textbox label {
						display: inline;
						float: left;
					}
					#e-satchel .forgot {
						font-size: 0.9em;
					}
					* html #e-satchel p.forgot {
						margin-top: -4px !important;
						padding-top: 0;
					}
						#e-satchel input.button {
							background: none;
							width: 74px;
							height: 22px;
						}
						* html #e-satchel input.button {
							padding: 0;
							margin: 0;
						}
			#register #born {
				background: url(../images/mhborn.jpg) no-repeat;
				width: 147px;
				height: 72px;
			}
			#register #materials {
				background: url(../images/mhmaterials.jpg) no-repeat;
				width: 147px;
				height: 72px;
			}
			#register #listen-song {
				background: url(../images/bg_song.png) no-repeat;			
				margin-top: 1em;
			}
			#register #invite-friend {
				background: url(../images/bg_invite_friend.png) no-repeat;					
			}
				#born h2, #materials h2 {
					padding-top: 14px !important;
					padding-left: 10px !important;
					font-size: 1.4em !important;
				}
				#listen-song h2, #invite-friend h2 {
					padding-top: 10px !important;
					width: 116px !important;
					padding-left: 5px !important;
					padding-right: 5px !important;
				}				
				/*\*/
				html * #listen-song h2 {
					font-size: 1.6em;
				}
				html * #invite-friend h2 {
					font-size: 1.6em;
				}
				#listen-song a, #invite-friend a, #born a, #materials a {
					color: #fff !important;
					text-decoration: none !important;
					border: none !important;
				}
		
	/** FOOTER **/
	#footer {
		clear: both;
		height: 145px;
		background: url(../images/bg_bottom_wrapper.png) no-repeat;	
		z-index: 1;
		margin-top: -110px;
		padding-bottom: 2px;
	}	
		#footer a {
			color: #1d4076;
			text-decoration: none;
			border-bottom: 1px solid #65A4B1;
			margin-top: -1px;
		}
			#footer a:visited {
				color: #8a97b1;
			}
			#footer a:hover {
				color: #d14646;
				border-bottom-color: #1d4076;
			}
		address {
			padding-top: 120px;
			font: normal normal 1.0em 'Lucida Sans Unicode', Arial, sans-serif;	
			color: #006cac;
		}
#control_overlay {  
    background-color:#000;  
} 
 
.modal {  
    background-color:#fff;  
    padding:10px;  
	border:1px solid #333;  
} 
#top_bar_menu {
	font: 1.2em/1.4 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	width: 268px;
	height: 245px;
	background: transparent url(../images/languages.jpg) no-repeat;
}
	#top_bar_menu ul {
		position: absolute;
		top: 176px;
		left: 0;
		list-style: none;
		width: 268px;
		margin: 0;
		padding: 0; 
	}
		#top_bar_menu ul li {
			float: left;
		}
			#top_bar_menu ul li a {
				height: 41px;
				display: block;
				width: 133px;
				text-indent: -9999px;
			}