/* CSS Document */

body{
	margin:0px; background:url(images/bodybg.jpg) repeat-x left top #FFF;
	color:#4D4747;
}

.spacer {
	clear:both; padding:0; margin:0;
	}

#frame{
	width:768px; padding:0 0px; background-color:#FFF; margin:0 auto;
	color:#fff;
}
img {
	border:none;
}

/* Header part style start from here */

#headcontainer{
	width:768px; 
        height:40px; 
        color:#4D4747;
	background:#fff; 
        position:relative;
}
#headcontainer h1 {
	display:none;
}
#headcontainer ul {
	padding:10px 0px 0px 50px; margin:0; list-style-type:none; position:right;
	}
#headcontainer ul li {
	background:url(images/topnav-bor.gif) repeat-y 100% 0; padding:0px 8px 0px 0px; margin:0; float:right; line-height:20px;
	}
#headcontainer ul li.nobor {
	background:none; padding:0px 20px 0px 0px; margin:0; float:right; line-height:20px;
	}
#headcontainer ul li a {
	text-decoration:none; display:block; padding:0px 18px 0px 0px; margin:0;  text-indent:-2000px;/*border-right:1px dotted #A6A3A3;*/ float:right; outline:none;
	}
#headcontainer ul li a.home {
	background:url(images/icon-hme.gif) no-repeat 0 50%; padding:0px 10px 0px 0px; width:10px; /*border:1px solid #000;*/
	}
#headcontainer ul li a.message {
	background:url(images/icon-message.gif) no-repeat 50% 50%; padding:0px 25px 0px 15px; width:0px; /*border:1px solid #000;*/
	}
/* Header part style end here */

/* main part style start from here */

/* left panel start from here */
#maincontainer{
	width:768px; 
        background-color:#ccc; 
        margin:0 auto;
        position:relative; 
        color:#4D4747; 
        float:right;
}
#maincontainerinvite  {
	width:768px; 
        background-color:#fff; 
        margin:0 auto;
        position:relative; 
        color:#4D4747; 
        float:right;
}
#ecclogo  {
	 width:180px; 
         background-color:#fff; 
         padding:0px 0px 30px 30px;
         position:relative; 
         color:#fff; 
         float:left;
}

#leftnavcontainer{
	width:200px; 
        position:absolute; 
        padding:0px 0px 280px 33px;
        float:left; 
        margin:130px 10px 0px 0px;
        background-color:#fff;  
}
#leftnavcontainer ul {
	margin:0; padding:0; list-style-type:none; float:left;
	}
#leftnavcontainer ul li {
	width:177px; margin:0; padding:0 0 2px;
	}
#leftnavcontainer ul li a{
	display:block; color:#FFFFFF; text-decoration:none; padding:4px 0 4px 8px;
	font:bold 12px Arial, Helvetica, sans-serif; height:15px; background-color:inherit;
	}
#leftnavcontainer ul li a:hover{
	text-decoration:none;
	}
#leftnavcontainer ul li a.black {
	background-color:#A4A4A4; color:#FFFFFF;
        }
#leftnavcontainer ul li a.black:hover {
	background-color:#737373; color:#FFFFFF;
	}
#leftnavcontainer ul li a.blue {
	background-color:#2196f4; color:#FFFFFF;
        }
#leftnavcontainer ul li a.blue:hover {
	background-color:#0170c9; color:#FFFFFF;
	}
#leftnavcontainer ul li a.grey {
	background-color:#66768F; color:#FFFFFF;
	}
#leftnavcontainer ul li a.grey:hover {
	background-color:#4B576B; color:#FFFFFF;
	}
#leftnavcontainer ul li a.green {
	background-color:#98C52A; color:#FFFFFF;
	}
#leftnavcontainer ul li a.green:hover {
	background-color:#618014; color:#FFFFFF;
	}
#leftnavcontainer ul li a.red {
	background-color:#D36C66; color:#FFFFFF;
	}
#leftnavcontainer ul li a.red:hover {
	background-color:#B51F15; color:#FFFFFF;
	}
#leftnavcontainer ul li a.orange {
	background-color:#E9982D; color:#FFFFFF;
	}
#leftnavcontainer ul li a.orange:hover {
	background-color:#BE7310; color:#FFFFFF;
	}
#leftnavcontainer ul li a.bblue {
	background-color:#B2CBDE; color:#FFFFFF;
	}
#leftnavcontainer ul li a.bblue:hover {
	background-color:#78B1DD; color:#FFFFFF;
	}
#leftnavcontainer ul li a.yellow {
	background-color:#C1BC06; color:#FFFFFF;
	}
#leftnavcontainer ul li a.yellow:hover {
	background-color:#9C9809; color:#FFFFFF;
	}
#leftnavcontainer ul li a.evblue {
	background-color:#8491D7; color:#FFFFFF;
	}
#leftnavcontainer ul li a.evblue:hover {
	background-color:#606ED7; color:#FFFFFF;
	}
#leftnavcontainer ul li a.darkblue {
	background-color:#798899; color:#FFFFFF;
        }
#leftnavcontainer ul li a.darkblue:hover {
	background-color:#376395; color:#FFFFFF;
	}
#leftnavcontainer ul li a.purple {
	background-color:#E8A2E2; color:#FFFFFF;
        }
#leftnavcontainer ul li a.purple:hover {
	background-color:#E782DE; color:#FFFFFF;
	}
/* left panel end from here */

/* right panel start from here */
#body{
	width:552px;
        position:absolute; 
        padding:0 0 0 0px; 
        background-color:#FFF; 
        color:#fff;
	float:right; 
        margin-left:208px;
        margin-top:8px;
	}
#welcomecontacienr  {
	width:520px; background-color:#FAF5EB; padding:0px 20px 0px 20px; 
        color:#4D4747;
	}
#welcomecontacienrinvite  {
	width:520px; background-color:#FFFFFF; padding:0px 20px 0px 20px; 
        color:#4D4747;
	}
#welcomecontacienr h2.welcome {
	background-color:#FAF5EB;
        margin:0; padding:0;
	text-indent:-2000px;
        font: normal 18px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; 
        text-color:#4D4747; 
	}
#welcomecontacienr p {
	background-color:#fff; 
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
#welcomecontacienr2 p {
	background-color:#fff;
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
#welcomecontacienr p span {
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit;
	}
#welcomecontacienr p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#welcomecontacienr p a:hover{
	text-decoration:underline;
	}
#historyvideo {
	width:200px; 
        position:absolute; 
        padding:0px 0px 0px 15px;
        float:left; 
        margin:440px 0px 0px 0px;
        background-color:#fff;  
}
#sermonnotes {
	width:200px; 
        position:absolute; 
        padding:0px 0px 0px 15px;
        float:left; 
        margin:440px 0px 0px 0px;
        background-color:#fff;  
}
#wednesday        {
	background-color:#FAF5EB;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 120%;
        font-size:  15px;
        text-align: justify; 
        color:#4D4747; 
        margin:0px 0px 0px 0px;
	}
#wednesdayhead        {
	background-color:#FAF5EB;
        padding:0px 30px 10px 85px;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 190%;
        font-size:  25px;
        text:bold;
        color:#017CD9; 
	}
#sermonheading        {
	background-color:#FAF5EB;
        position:relative; 
 	font-family: Verdana, Arial, sans-serif;
        text-align: center; 
	line-height: 190%;
        font-size:  25px;
        text:normal;
        color:#017CD9; 
	}
#sermontext        {
	background-color:#FAF5EB;
        position:relative; 
 	font-family: Verdana, Arial, sans-serif;
        text-align: right; 
	line-height: 120%;
        font-size:  12px;
        text:normal;
        color:#017CD9; 
	}
#sermontext a       {
	text-decoration:none;
        text:normal;
        color:#017CD9; 
	}
#sermontext a:hover {
	text-decoration:underline;
	}
#wednesdayhead2     {
	background-color:#FAF5EB;
        padding:0px 30px 20px 167px;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 190%;
        font-size:  25px;
        text:bold;
        color:#017CD9; 
	}
#staff       {
	background-color:#FAF5EB;
        padding:0px 30px 20px 225px;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 190%;
        font-size:  25px;
        text:bold;
        color:#017CD9; 
	}
#littleeaglehead   {
        padding:0px 0px 0px 100px;
 	font-family: Verdana, Arial, sans-serif;
	line-height: 190%;
        font-size:  25px;
        text:bold;
        text-decoration:italic;
        color:#017CD9;
        }        
#littleeagle      {
	background-color:#FAF5EB;
        padding:0px 20px 10px 10px;
        border:12px;
	}
#invitation     {
	background-color:#ffffff;
        padding:0px 20px 0px 0px;
	}
#invitationtext     {
	background-color:#ffffff;
        padding:30px 30px 30px 30px;
        text-align:justify;
	line-height: 120%;
        font-size:  18px;
	}
#littleeagletext     {
        padding:20px 0px 0px 20px;
        text-align:justify;
	line-height: 120%;
        font-size:  18px;
	}
/*body bottom div*/
#bodybttom{
	width:538px; padding:5px 0 0; margin:0; 
	}
	
/*bleft*/
#bleft{
	width:173px; padding:0 0 5px 0; float:left; margin:0 20px 0 0;
}

/*news events*/
#newscontainer{
	width:139px; border:1px solid #155282; color:#4D4747;
	background-color:#CFE1F0; margin:0 0 5px; padding:9px 14px 19px 18px;
	}
#newscontainer h2.news-events {
	background:url(images/newsandevents.gif) no-repeat 0 0; padding:0; margin:0; text-indent:-2000px;
	}
#newscontainer p {
	font:normal 12px Arial, Helvetica, sans-serif; padding:10px 0 0; margin:0;
	}
#newscontainer p span {
	display:block; font-weight:bold; color:#000000; padding:0 0 6px; background-color:inherit;
	}
#newscontainer p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4D4747; background-color:inherit;
	text-decoration:none; text-align:right; padding:2px 0 0; float:right;
	}
#newscontainer p a:hover{
	text-decoration:underline;
	}
/*news events*/

/*sign up container*/
#sigupcontainer{
	width:171px; padding:0; border:1px solid #999999; 
	background-color:#F3F3F3; 
        margin:0; 
        color:#797979; 
}
#sigupcontainer h2.newsletter {
	background:url(images/eccprayerlist.gif) no-repeat 18px 6px; 
        text-indent:-2000px;
	border-bottom:1px solid #CC0000; 
        background-color:#DEDEDE; 
	padding:6px 0px 33px 0px; 
        margin:0; 
        color:#797979;  
	}
#prayerlist1 {
        color:#797979;
	font:bold 14px Arial, Helvetica, sans-serif; color:#797979; 
        background-color:inherit;
        text-align:left;
	}
#prayerlist2 {
	font:bold 10px Arial, Helvetica, sans-serif; color:#797979; 
        background-color:inherit;
        text-align:center;
	}
/*sign up container*/
/*bleft*/

/*bright*/
#bright{
	width:325px; padding:12px 18px 0 0; background-color:#FFF; 
	float:left; margin:0; color:#4D4747;
	}
#bright p {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:3px 0 16px 188px; margin:0;
	}
#bright p span {
	font-weight:bold; color:#155282; background-color:inherit;
	display:block; padding:0 0 2px; margin:0;
	}
#bright p a{
	font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:inherit;
	color:#FF0000; text-decoration:none; text-align:right; display:block; margin:0;
	}
#bright p a:hover{
	text-decoration:underline;
	}
#bright p.pic1 {
	background:url(images/ecclive1.jpg) no-repeat 0 0; 
	}
#bright p.pic2 {
	background:url(images/eccbmstudy1.jpg) no-repeat 0 0; 
	}
#bright p.pic3 {
	background:url(images/eccfocus1.jpg) no-repeat 0 0; 
	}
/*bright*/
/* right panel start from here */

/* main part style end here */

/*footer*/
#footercontainer{
       background-color:#ccc;
float:right; 

}


	
/*footer*/