@charset "utf-8"; 


*  {margin:0; padding:0}


html, body {width:100%; height:100%; }

html {background:#2f083d url(images/bg.jpg) repeat-x; }

body {font-family: arial, verdana, sans-serif; color:#000; font-size:9pt; }

p {font-family:verdana,sans-serif; font-size:10pt; line-height:1.5em; padding:5px 7px 10px 7px; }

a, a:link, a:active, a:visited, a:hover{ color: #ff6600; text-decoration: none; }
a:hover{ color: #6f3703; border: 0 none; }

span {color:#bb6414; font-weight:normal; }

h2 {font:11pt arial; padding:10px 10px 0 0; font-weight:bold; letter-spacing:1px; }
h3 {margin-top:10px; padding: 4px 5px 4px 10px; color:#333}
h4 {color:#bb6414; padding:4px 5px 4px 10px; font:12pt arial; font-weight:bold;}

hr {margin:20px 0 20px 0; }

.welcome {text-indent:-9999px; background:url(images/welcome.jpg) no-repeat; height:50px; width:136px; margin-top:20px; margin-left:10px}
.h2mission {text-indent:-9999px; background:url(images/mission.jpg) no-repeat; height:50px; width:275px; margin-top:20px; margin-left:10px}
.h2objectives {text-indent:-9999px; background:url(images/objectives.jpg) no-repeat; height:50px; width:275px; margin-top:20px; margin-left:10px}
.h2pastors {text-indent:-9999px; background:url(images/pastors.jpg) no-repeat; height:50px; width:275px; margin-top:20px; margin-left:10px}
.h2worship {text-indent:-9999px; background:url(images/worship.jpg) no-repeat; height:50px; width:275px; margin-top:20px; margin-left:10px}
.h2ccdn {text-indent:-9999px; background:url(images/ccdn.gif) no-repeat; height:50px; width:450px; margin-top:20px; margin-left:10px}
.h2bnldc {text-indent:-9999px; background:url(images/bnldc.jpg) no-repeat; height:50px; width:450px; margin-top:20px; margin-left:10px}
.h2cfc {text-indent:-9999px; background:url(images/cfc.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2ccdnstore {text-indent:-9999px; background:url(images/ccdnstore.jpg) no-repeat; height:50px; width:450px; margin-top:20px; margin-left:10px}
.h2ccamiarts {text-indent:-9999px; background:url(images/h2ccamiperformingarts.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2ccamiyouth {text-indent:-9999px; background:url(images/h2ccamiyouthcorps.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2news {text-indent:-9999px; background:url(images/h2latestnews.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2calendar {text-indent:-9999px; background:url(images/h2calendar.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2conferences {text-indent:-9999px; background:url(images/h2conferences.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2onlinegiving {text-indent:-9999px; background:url(images/h2onlinegiving.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2affiliates {text-indent:-9999px; background:url(images/h2affiliates.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px}
.h2photogallery {text-indent:-9999px; background:url(images/h2photogallery.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px }
.h2media {text-indent:-9999px; background:url(images/h2media.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px }
.h2onlinestore {text-indent:-9999px; background:url(images/h2onlinestore.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px }
.h2contact {text-indent:-9999px; background:url(images/h2contact.jpg) no-repeat; height:50px; width:375px; margin-top:20px; margin-left:10px }

.clear {clear:both; }
.worship {margin-top:20px; }

.imgfloat {float:right; padding:10px; }
.htmlbackground {background-image: url(images/background.pg); background-position: center top; background-repeat: no-repeat;}
.banner {margin:10px 25px 10px 25px; }

.list {font-family:verdana,sans-serif; font-size:10pt; line-height:1.5em; padding:5px 7px 10px 7px; list-style-type:circle; margin-left:10px;}

.affiliates {text-align:center; }

.clips {margin-left:20px; }

#logo {margin:0 auto; width:830px; }
#giving {padding:25px; }

#promo {position:relative; top:150px; left:35px; }

#bannerhome {background:url(images/home-front.jpg) no-repeat; height:617px; }

#homewrapper {margin:0 auto; width:830px; background:url(images/wrapper.gif) repeat-y; }

#container {margin:0 auto; width:800px; background:#fcedd5 url(images/container_bg.gif) repeat-y center top;}

#bar {background:url(images/bar.jpg) no-repeat; width:800px; height:25px; }
#bar450 {background:url(images/bar450.jpg) no-repeat; width:450px; height:15px; }

#col1 {float:left; width:150px; }
#col2 {float:left; width:500px; }
#col3 {float:right; width:140px; }

#col2b {float:left; width:640px; }

#video1 {padding:25px; }
#gallery {margin-left:25px; }
#flashshow {margin-top:5px; }

.mainmenu {margin-top:20px; }
.menu {
height:150px;
font-size:90%;
margin:0 0 50px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* style the list items */
.menu li {
background:#f7d397 url(shade.gif);
height:26px;
/* for IE7 */
float:left;
}
.menu li.sub {background:#f7d397 url(sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#cf993f;
text-indent:5px;
border-bottom:1px dashed #fbebd1;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {background:#f8ddb0; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {background:#f8ddb0;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
padding:30px 49px 0 49px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

#footer {clear:both; background:url(images/footer.jpg) no-repeat; margin:0 auto; width:830px; height:50px; font-size:8pt; }
#footer a {color:#2f083d;}
.credits {float:right; padding:20px 25px 0 0;}

.copyright {float:left; padding:20px 0 0 25px;}