/* STYLESHEET */

/* BODY */
body {
background-color:#eee;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}
/* --- END --- */

/* THE BOX COMPONENTS */
#box {
width:660px;
height:550px;
top:50%;
left:50%;
margin-top:  -275px;
margin-left: -330px;
position:absolute;
}
#top {
width:660px;
height:16px;
background-image:url(../images/bgtop.jpg);
background-repeat:no-repeat;
}
#middle {
width:660px;
height:auto;
background-image:url(../images/bgbody.jpg);
}
#bottom {
width:660px;
height:14px;
background-image:url(../images/bgbottom.jpg);
background-repeat:no-repeat;
}
/* --- END --- */

/* THE NAVIGATION SPACE */
#nav {
width:630px;
height:27px;
background-color:#333;
margin:0 auto;
}
#nav #logo {
display:inline;
float:left;
}
#nav #logo h1 {
padding:0;
margin: 5px 0 0 10px;
font-size:16px;
color:#FFFFFF;
text-transform:uppercase;
}

/* I DID NOT USE THIS PART
#nav #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav #logo h1 span{
color:#999;
}
*/

#nav #menu {
display:inline;
float:right;
}
#nav #menu ul{
padding:0;
margin:5px 10px 0 0;
font-size:10px;
}
#nav #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 10px;
text-transform:uppercase;
}
#nav #menu ul li a{
text-decoration:none;
color:#FFFFFF;
}
#nav #menu ul li a:hover{
color:#999;
text-decoration: underline;
}

#mission {
width:630px;
height:20px;
background-color:#333;
margin:0 auto;
}
#mission #m_text {
display:inline;
float:left;
}
#mission #m_text p {
padding:0;
margin: 0 0 0 10px;
font-size:10px;
color:#FFFFFF;
}

/*****************************************/

#main_img {
width:630px;
height:402px;
background-image:url(../images/main_img.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

/******************************************/
#main_text {
width:630px;
height:auto;
background-color:#333;
margin:0 auto;
}
#main_text p {
margin:0;
padding:0;
text-align: justify;
}
#main_text p a{
color:#ffffff;
text-decoration:none;
}
#welcome {
width:600px;
margin:0 auto;
padding: 10px 0;
}
#main_text h2 {
margin:0;
padding:0;
color:#CCCCCC;
font-size:14px;
}
/******************************************/

#header {
width:660px;
height:55px;

}

#header #right {
display:inline;
float:right;
color:#333;
margin-top: 40px;
margin-right: 4px;
}
#header #right a{
color:#333;
text-decoration: none;
}
#header #right a:hover{
color:#999;
text-decoration: underline;
}

#header #left {
display:inline;
float:left;
color:#333;
margin-top: 40px;
margin-left: 4px;
}
#header #left a{
color:#333;
text-decoration: none;
}
#header #left a:hover{
color:#999;
text-decoration: underline;
}

#footer {
text-align:center;
font-size:10px;
color:#868686;
clear:both;
}
#footer a{
text-decoration:none;
color:#333;
}
/* PLAYER CONTAINER */
#inner_container {
width:630px;
height:403px;
background-color:#000;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
margin:0 auto;
font-size:11px;
color:#fff;
}
/* HEAD (Pastor, Date, The Sermon: Title) */
#inner_content_head {
width:600px;
margin:0 auto;
padding: 15px 0;
}
#inner_content_head h1 {
font-size:12px;
letter-spacing: .2em;
text-transform:uppercase;
border-bottom: 1px solid;
margin:0 auto;
}

#inner_content {
width:600px;
margin:0 auto;
}
#inner_content a {
color:#fff;
letter-spacing: .2em;
text-decoration: none;
}
#inner_content a:hover {
color:#999;
letter-spacing: .2em;
text-decoration: underline;
}
/* PLAYER CONTAINER ENDS */

/* LIGHTWINDOW  */
.page-body {
margin: 0 auto 0 auto;	
width: 600px;
padding: 30px 0 20px 0;
text-align: left;
background-color:black;
}

.page-footer {
margin: 0 10% 0 315px;	
width: 600px;
padding: 0 0 50px 0;
text-align: left;
}

.page-body ul, .page-body ol { 
color: #ffffff;
margin: 10px 0 30px 25px; 
}

.page-body ul li, 
.page-body ol li { 
padding: 0; 
margin: 0 0 5px 0; 
color: #cccccc;
line-height: 140%;
font-size: 100%;		
}

.page-footer p {
margin: 0;
}
	
.page-footer {
padding: 20px;
}

.page-title h1 span {
text-align: left;
font-weight: normal;
font-size: 100%;
color: #ffffff;
margin: 5px 0 15px 0;
}
	
.notice {
border: 3px solid #ffffbe;
padding: 10px;
color: #ffffff;
background-color: #09f;
margin: 0 0 20px 0;
}
	
.notice p, 
.notice p a, 
li a {
color: #fff;
text-decoration: none;
}		

p {
margin: 0 0 20px 0;
color: #fff; /* INTRO FONT Color*/
line-height: 140%;
text-align: justify;
padding: 5px;
}

p small, 
li small {
color: #09F;
font-size: 100%;
}
	
p em, 
em {
color: #fff;
}

.hidden {
display : none;
}
/*  LIGHTWINDOW ENDS  */

/*  INTRO FADER  */
div.cf_wrapper {
	 width:630px;
	 height:auto;
	 margin:0 auto;
	 background-color:#fff;
}
div.cf_element {
	width: 630px;
	height: auto;
}
div.cf_element div.content {
	padding: 10px;
	text-align: justify;
	
}
/*********************************/