/*

Site: I Need A Lighthouse
Build: Lyndia Haryanto for Schipul
URI: 

*/


* { font-size: 100%; margin: 0; padding: 0; }

body {
	font: 12px/1.4em Verdana, Geneva, sans-serif;
	background: #42B4FF url(/images/home/main-bg.jpg) no-repeat bottom center;
	color:#333;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; }

	h1 {
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 18px; 
		font-weight: bold; 
		color: #2288AE;
	}

a img { border: none; }
a { outline: none; color: #27779F; }
a:hover { text-decoration: none; }

p { margin-bottom: 8px; color: #333; }


.container {
	display: block;
	width: 899px;
	margin: 0 auto;
	min-height: 987px;
	height:auto !important;
	height: 987px;
	}

	.header-area {
		width:899px;
		background:url(/images/home/header-bg.jpg) repeat-x top left;
		height: 183px;
		}
	
		.logo {
			display:block;
			width: 541px;
			height: 183px;
			background: transparent url(/images/home/header-logo.jpg) no-repeat top left;
			text-indent: -9999px;
			float: left;
			
			}
			
			.logo  #logo {
			display: block;
			width: 541px;
			height: 183px;
			text-indent: -9999px;
			float: left;
						}
			
		
		.header-right{
			display: block;
			width: 309px;
			height: 159px;
			background: transparent url(/images/home/header-number-bg.jpg) no-repeat bottom right;
			float: right;
			}
		

				.header-icons {
					width: 40px;
					margin: 10px 0 0 250px;
					}
				
					.header-icons #home-icon {
						display: block;
						width: 11px;
						height: 11px;
						background: transparent url(/images/home/home-icon.jpg) no-repeat top left;
						text-indent: -9999px;
						float: left;
						}
					.header-icons #contact-icon {
						display: block;
						width: 11px;
						height: 11px;
						background: transparent url(/images/home/mail-icon.jpg) no-repeat top left;
						text-indent: -9999px;
						float: right;
						}
				
				.header-numbers{
					width: 280px;
					margin: 0px 0 0 38px;
					float:left;
					}
				
				.header-numbers p.hotline {
					font-size: 16px; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif;
					width: 130px;
					text-align:center;
					float: left;
					margin-top :80px;
					}
				
				
	.nav{
		width:899px;
		background: transparent url(/images/home/nav-bg.jpg) repeat-x top left;
		height:33px;
		float:left;
		}
		
		.donate{
			width: 100px;
			background: transparent url(/images/home/donate-icon.jpg) no-repeat top left;
			height: 33px;
			float:left;
		}

			.donate p{
				font-weight:bold;
				margin: 5px 0 0 35px;
				color: #FFF;
				}
				
			.donate a{
				font-weight:bold;
				color:#FFF;
				text-decoration:none;
				font-size: 13px;	
				}
				
					.donate a:hover{
						color:#242C3F;	
						}
				
	.home-content{
		width: 899px;
		}
		
		.stories{
			display: block;
			width: 867px;
			background: transparent url(/images/home/stories-bg.jpg) no-repeat top left;
			height:224px;
			overflow: hidden;
			clear:both;
			padding: 16px;
			position: relative;
			}
			
				.stories a{
				color: #FFF;
				}
			#slideshow {
				display: block;
				width: 620px;
				}
				.story-item {
					position: relative;
					width: 620px;
					}
					.story-item img {
						float: left;
						display: block;
						width: 360px;
						height: 230px;
						margin-right: 15px;
						}
					.story-right {
						float: right;
						width: 230px;
						padding: 15px 15px 0 0;
						}
					.story-item h1 {
						}
					.story-item p {
						padding-left: 15px;
						color: #666;
						}
				#nav-stories { 
					position: absolute;
					bottom: 15px;
					right: 25px;
					display: block;
					height: 45px;
					width: 205px;
					background: transparent url(/images/nav-stories-bg.jpg) repeat-x bottom left;
					padding-left: 15px;
					}
					#nav-stories a {
						display: block;
						width: 20px;
						height: 45px;
						padding-top: 20px;
						float: left;
						margin-right: 5px;
						text-align: center;
						text-decoration: none;
						}
						#nav-stories a.activeSlide {
							background: transparent url(/images/nav-stories-arrow.jpg) no-repeat top center;
							}

		.middle-content{
			width: 899px;
			background: #D4C295 url(/images/home/middle-content-bg.jpg) no-repeat top left;
			min-height: 117px;
			height:auto !important;
			height: 117px;
			}
			
			.middle-content p{
			width: 680px;
			padding: 25px 0 0 150px;
			color: #2F1806;
			}
			
		.bottom-content{
			width: 899px;
			background: #D4C295 url(/images/home/bottom-bg.jpg) no-repeat top left;
			height: 179px;
			}

			.bottom-content a{
				color: #FFF;
				}
			.sponsor{
				width: 190px;
				height: 130px;
				margin: 24px 0 0 19px;
				float:left;
				font-weight:bold;
				}
				
				.sponsor h1 {
					color: #FFF;
					padding: 0px;
					margin:0px;
					}
				

			.events{
				width: 340px;
				height: 130px;
				margin: 24px 0 0 21px;
				float:left;
				font-weight:bold;
				}
				
				.events h1 {
					color: #FFF;
					}
					
				.events a {
					color: #0B6280;
					}
				
				.event-list {
					padding: 10px;
					}
			
			.quote{
				width: 221px;	
				height: 50px;
				margin: 44px 0 0 21px;
				float:left;
				font-weight:bold;
				
				}
	
	.footer{
		width: 899px;
		}
	
/* Template Styles */

	.template-top {
		width:899px;
		background:url(/images/template/template-top.jpg) no-repeat top left;
		height: 110px;
		}

	.template-content{
		width:899px;
		background:url(/images/template/template-bg.jpg) repeat-y top left;
		float:left;
		}
		#bodycontent{
			width:770px;
			margin: 0 auto;
			color: #333;
			min-height: 330px;
			height:auto !important;
			height: 330px;
			padding-bottom: 20px;
			}
		
		
	.template-footer{
		width: 899px;
		background: transparent url(/images/template/template-footer.jpg) no-repeat top left;
		height:148px;
		float:left;
		padding-top: 20px;
		}





/* Tendenci Styles */
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #666666}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #0B6280}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #33CC00}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666666}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666}

	 

.color1 {
	background-color: #DCE7D7;
}
.color2 {
	background-color: #D4D1A4;
}



h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999
}

h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none
	}

h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none
	}

h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none
	}

td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}


select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}
.contact { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

.clear {
	clear:both;
}

/* press release scroller */

#reports {
	background-color:#fff;
}

/* = *************************************************************** scrolling article	*/
#buzz {
	height: 90px;
	position: relative;
	overflow: hidden;
	}
#buzz td {
	height: 16px;
	}
#buzz img {
	visibility: hidden;
	}
#vmarquee {
	position: relative;
	}
#marqueecontainer p {
	font-size: 11px;
	}
#marqueecontainer a {
	font-size: 11px;
	text-decoration: underline;
	}
#marqueecontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DEDEDE;
    width: 340px;
	overflow: hidden;
	height: 90px;
	margin-top: 10px;
	}
	
/*
#vmarquee {
	position: relative;
}

#marqueecontainer p {
font-size: 11px;
}

#marqueecontainer a {
	font-size: 11px;
	text-decoration: underline;
}

#marqueecontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DEDEDE;
    width: 340px;
	height:90px;
	overflow:hidden;
}
*/