@charset "utf-8";
/**********************************
Filename: style.css
Developer: Maurice Ngo
Email: ngo.maurice@yahoo.com
Date: Saturday, October 17, 2009
***********************************/
/**********************************

		  	Universals

***********************************/
*{
margin:0;
padding:0;
}
html,body{
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
html{
background:#006699;
}
body{
background:url(../images/sidebarLong.png) top left repeat-y;
}
#mainContainer{
min-height: 100%;
height: auto !important;

margin: 0 auto -82px;
}
#footer, #push{
height: 82px;
}
a{
text-decoration:none;
}
#contentContainer a{
color:#336699;
}
#contentContainer a:hover{
text-decoration:underline;
}
.clear{
clear:both;	
}
#footer{
background:url(../images/footerbg.gif) top left repeat-x;	
}
#contentContainer h2{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
color:#336699;
padding-bottom:20px;
}
#contentContainer h3{
color:#336699;
font-weight:bold;
font-size:20px;
}
strong{
color:#336699;
}
/**********************************

		  	Navigation

***********************************/
#navigation{
width:100%;
height:49px;
background:url(../images/navbg.gif) top left repeat-x;
}
#navigation ul{
padding-top:17px;
padding-left:3px;
width:922px;
height:100%;
background:url(../images/sidebarTop.jpg) top right no-repeat;
}
#navigation ul li{
list-style:none;
float:left;
margin-left:33px;
}
#navigation ul li a{
font-size:12px;
color:#FFF;
}
#navigation ul li a:hover{
text-decoration:underline;
}
#index .index, #about .about,#events .events, #help .help, #contact .contact, #affiliates .affiliates{
text-decoration:underline;	
}
/**********************************

		 Content Wrapper

***********************************/
#contentWrapper{
width:925px;
background:url(../images/sidebarLong.png) top left repeat-y;
}
/**********************************

		 Content Container

***********************************/
#contentContainer{
width:695px;
float:left;
height:100%;
}
/**********************************

		 Image Container

***********************************/
#contentContainer #imageContainer{
width:629px;
height:279px;
padding:8px;
background:#ebebeb;
margin-left:35px;
}
.slideshow{
cursor:pointer;	
}
.slideshow .slides{
width:629px;
height:279px;
}
.slideshow .featuresHeadline{
-moz-opacity:0.84;
-khtml-opacity: 0.84;
opacity: 0.84;
height:47px;
width:629px;
background: #0095ca;
line-height:47px;
vertical-align:middle;
font-family:"Times New Roman", Times, serif;
font-size:26px;
color:#FFF;
text-indent:20px;
position:absolute;
top:232px;
text-transform:capitalize;
}
.slideshow img{
position:absolute;
}
/**********************************

		 Header Container

***********************************/
#headerContainer{
width:100%;
height:113px;
}
#headerContainer h1 a{
display:block;
width:100%;
height:113px;
text-indent:-9999em;
overflow:hidden;
background:url(../images/headerbg.gif) top left repeat-x;
}
/**********************************

		 Sidebar Container

***********************************/
#sidebarContainer{
width:230px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
#sidebarContainer h2{
font-size:22px;
font-weight:normal;
color:#006699;
letter-spacing:-1px;
}

#sideNavigation{
background:url(../images/headerCorner.gif) top left no-repeat;
}
#sideNavigation ul{
margin-left:35px;
padding-top:22px;
}
#sideNavigation ul li{
list-style:none;
}
#sideNavigation ul li a{
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
line-height:36px;
color:#999999;
}
#sideNavigation ul li a:hover{
color:#336699;	
}
/**********************************

		 Events Container

***********************************/
#eventsContainer{
margin-left:27px;
margin-top:50px;
}
#eventsContainer h2{
margin-bottom:15px;
}
#eventsContainer #timeStamp{
width:47px;
height:53px;
color:#FFF;
font-family:"Times New Roman", Times, serif;
text-align:center;
background:#006699;
float:left;
}
#eventsContainer #timeStamp #day{
font-size:20px;	
}
#eventsContainer #timeStamp #month{
padding-top:5px;
line-height:20px;
}
#eventsContainer h3{
margin-right:20px;
padding-left:55px;
}
#eventsContainer h3 a{
font-size:14px;
color:#006699;
letter-spacing:0.1px;
line-height:24px;
font-weight:normal;
}
#eventsContainer h3 a:hover{
text-decoration:underline;
}
#eventsContainer #eventCopy{
font-size:13px;
color:#666666;
line-height:22px;
margin-right:20px;
margin-top:15px;
letter-spacing:0.1px;
}
#eventsContainer{
width:200px!important;
}
#eventsContainer .slides{
width:200px!important;
}
#controlWrapper{
height:18px;;
}
#eventsControls a:hover{
text-decoration:underline;
}
#prev{
float:left;
padding-left:25px;
color:#006699;
}
#next{
float:right;
padding-right:30px;
color:#006699;
}
#month{
text-transform:uppercase;	
}
/**********************************

		 Verse Container

***********************************/
#verseOfTheDayContainer{
margin-left:27px;
padding-right:80px;
width:200px;
margin-top:50px;
padding-bottom:200px;
background:url(../images/largeorna.png) bottom right no-repeat;
}
#verseContainer{
font-size:13px;
color:#666666;
line-height:22px;
margin-right:20px;
margin-top:15px;
letter-spacing:0.1px;
font-style:italic;
}
#verseContainer a{
font-size:10px;
color:#999999;
letter-spacing:0.1px;
font-weight:normal;
line-height:20px;
font-style:normal;
}
#verseContainer a:hover{
text-decoration:underline;	
}
#verseContainer #stats{
color:#999999;
}
/**********************************

		 Footer Container

***********************************/
#footerContainer{
height:70px;
width:890px;
background:url(../images/sidebarBot.gif) top right no-repeat;
padding-top:12px;
padding-left: 35px;
font-size:12px;
}
#footerContainer .footerTitle{
color:#3b88ae;
height:100%;
float:left;
padding-right:5px;
}
#footerContainer p{
color:#666666;	
}
#footerContainer p a{
color:#3b88ae;
text-decoration:underline;
}
#footerContainer #addressContainer{
float:left;
padding-right:70px;
}
#footerContainer #contactContainer{
float:left;
padding-right:70px;
}
/**********************************

		 Body Container

***********************************/
.bodyContainer{
padding-left:35px;
padding-right:30px;
padding-top:30px;
}
h4{
color:#336699;
font-size:18px;
line-height:26px;
font-weight:normal;
padding-bottom:20px;
}
.bodyContainer p{
padding-bottom:20px;
color:#666666;
font-size:14px;
line-height:24px;
letter-spacing:0.4px;;
}
/**********************************

		   Prayer Form

***********************************/
.text{
color:#666666;
font-size:14px;
width:250px;
height:22px;
letter-spacing:0.4px;;
border: 1px solid #336699;
padding-top:3px;
padding-left:3px;
margin-bottom:20px;
}
textarea{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:532px;
height:177px;
letter-spacing:0.4px;;
border: 1px solid #336699;
padding-top:3px;
padding-left:3px;
margin-bottom:20px;
}
.radio{
float:right;
color:#666666;
letter-spacing:0.4px;;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.optionlabel{
padding-right:20px;
padding-left:3px;
}
.submit{
margin-top:20px;
width:150px;
float:right;
}
/**********************************

		   Events

***********************************/
.blurb{
width:450px;
}
.eventdate{
color:#999;
font-size:16px;
}