/*

Version: 1.0

Author: George Yang

*/

body {
    margin: 0;
    padding: 0;
    background: #FFF url("hopeimages/background.gif") repeat;
	font-size: 82.5%;
	font-family: Georgia, Verdana, Arial, Sans-Serif;
}

#page {
    background-color: #FFF;
    margin: auto;
    padding: 0;
    width: 800px;    
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}


/* Header */
#header {
    padding: 0;
    margin: 0 auto;
    width: 800px;
    height: 150px;
    background: #990000 url("hopeimages/header.jpg") no-repeat top center;
    border-bottom: 1px solid #999;
}
/* End of Header */


/* Horizontal Navigation Menu */
#navcontainer {
    width: 100%;
    float: left;
    background-color: #000;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
    margin: 0;
    padding: 0 0 0 7%;
    color: #FFF;
    font: bold .8em verdana, geneva, arial, helvetica, sans-serif;
    letter-spacing: 1px;
	text-transform: uppercase;
}

#navcontainer ul li a {
    padding: 0.2em 12px;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    float: left;
    border-right: 1px solid #CCC;
}

#navcontainer ul li a:hover, #navlist li#active a {
    background-color: #FFF;
    color: #000;
}
/* End of Horizontal Navigation Menu */


/* Left Column */
#leftcolumn {
	float: left;
    width: 450px;
}

#welcomebox {
	background: #FFF url("hopeimages/welcome.jpg") no-repeat top;
	padding: 100px 20px 10px 20px;
}

#newsbox {
	background: #FFF url("hopeimages/announcement.jpg") no-repeat top;
	padding: 45px 20px 20px 20px;
}

#newsbox ul, #qasection ul, #widecolumn ul, #linkbar ul {
	padding: 0;
	line-height: 140%;
	letter-spacing: 2px;
	text-align: justify; 
}

#newsbox ul li {
	background: url("hopeimages/bullet.png") no-repeat;
	list-style: none;
	padding: 0 0 15px 18px;
}

#timebox {
	background: #FFF url("hopeimages/invitation.jpg") no-repeat top;
	padding: 135px 12px 10px 12px;
}
/* End of Left Column */


/* Right Column */
#rightcolumn {
	float: right;
	width: 350px;
	padding: 0;
	margin: 0;
}

#qasection {
	background-color: #D6D6D6;
	padding: 5px 20px 10px 10px;
}

#qasection ul li, #widecolumn ul li {
	background: url("hopeimages/spark.png") no-repeat;
	list-style: none;
	padding: 0 0 0 18px;
}

#slideshow {
	width: 350px;
	height: 250px;
}

#directionbox {
	padding: 40px 20px 0 20px;
	text-align: center;
}

.address {
	padding: 5px 0 5px 0;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#sundaytopic {
	border-top: 5px solid #CC0033;
	border-bottom: 5px solid #CC0033;
}
/* End of Right Column */


/* Wide Column */
#widecolumn {
	width: 760px;
	padding: 50px 20px 20px 20px;
}

.banner {
	width: 380px;
	height: 50px;
	padding-top: 20px;
}

#linkbar {
	float: right;
	margin: -1240px 0 0 0;
}

#linkbar ul li {
	list-style: none;
}

#linkbar a img {
	border: 0;
}

#linkbar a:hover img {
	text-decoration: none;
	border: 0;
	border-right: 4px solid #000;
	margin-left: -4px;
}

#latestevent {
	text-align: center;
}
/* End of Wide Column */


/* Begin Contact Form */
#contactform {
	padding: 10px 20px 20px 20px;
	text-align: center;
}

#contactform .green, #contactform .red {
	background-color: #D8FAD1;
	border-top: 1px solid #66FF66;
	border-bottom: 1px solid #66FF66;
	padding: 2px 0 2px 0;
	font-family: Tahoma, Helvetica, Sans-Serif;
    font-size: 0.9em;
	margin-bottom: 3px;
	margin-top: 3px;
}

#contactform .red {
	background-color: #F9D5D7;
	border-top: 1px solid #FF3333;
	border-bottom: 1px solid #FF3333;
}

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

label { display:block; }

input.text, textarea {
	width: 400px;
	font:12px/12px 'courier new', courier, monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}

input.submit {
	padding:2px 5px;
	font:bold 12px/12px verdana, arial, sans-serif;
}
/* End of Contact Form */


/* Footer */
#footer {
    clear: both;
	width: 800px;
	margin: 0 auto;
	font: bold 0.7em Verdana, Helvetica, Arial, Sans-Serif;
	background-color: #0066CC;
	padding: 5px 0 5px 0;
}

#footer p {
	margin: 0;
	text-align: center;
	color: #FFF;
}	
/* End of Footer */


/* Other classes */ 
.separator {
	width: 200px;
	height: 15px;
	padding: 2px 20px 20px 20px;
	margin: auto;
	background: url("hopeimages/separator.jpg") no-repeat center;
}

#leftcolumn p, #rightcolumn p, #widecolumn p {
	line-height: 140%;
	letter-spacing: 1px;
	text-align: justify; 
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	background-color: #990000;
	color: #FFF;
}

.center {
	text-align: center;
	padding-top: 5px; 
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 1.8em;
	font-weight: bold;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: -1px;
}
/* End of Other Classes */