/* @override http://www.newfaithcommunity.com/css/index.css */

/*
CVS: $Id: index.css,v 1.4 2007/08/27 17:50:07 cvsdevel Exp $
Title: New Faith Community Index Stylesheet
Copyright: (c) 2008
Author: PR
Company: Authentic Studios
Description: Homepage styling for New Faith Community
*/



/************************************
=css reset
************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
   }

body {
	line-height: 1;
	color: black;
	background: white;
   }

ol, ul {
	list-style: none;
   }


/************************************
=index styles
************************************/
body {
   background-image: url(http://www.newfaithcommunity.com/images/thebg.jpg);
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: top left;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   }

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

a:hover {
   color: #a23b49;
   }

h3 {
   color: #f81e2c;
   padding: 20px 30px 0px 30px;
   text-align: right;
   margin-left: 60px;
   }

h4 {
   color: #b0b0a5;
   padding: 10px 30px 0px 30px;
   }

h5 {
   font-weight: normal;
   }

#header {
   background-image: url(http://www.newfaithcommunity.com/images/nfcheader.png);
   background-repeat: repeat-x;
   background-position: top left;
   height: 31px;
   font-size: 90%;
   width: 100%;
   }

#header p {
   padding: 0px;
   margin: 0px;
   color: #fff;
   position: relative;
   top: 8px;
   }

#header a {
   margin: 0px 14px 0px 14px;
   }

a.homelink {
   color: #a6a698;
   }

a.homelink:hover {
   color: #fff;
   }

#navbot {
   background-image: url(http://www.newfaithcommunity.com/images/amenubot.png);
   background-repeat: no-repeat;
   background-position: top left;
   margin: -70px 0px 0px 32px;
   height: 84px;
   width: 180px;
   z-index: 2;
   position: relative;
   }

#nav {
   background-image: url(http://www.newfaithcommunity.com/images/themenubg.png);
   background-repeat: no-repeat;
   background-position: top left;
   padding: 0px 0px 20px 0px;
   margin: 0px 0px 0px 32px;
   width: 180px;
   }

#nav a:hover {
   color: #f8981d;
   }

#nav ul {
   padding: 20px 20px 50px 20px;
   font-size: 80%;
   }

#nav li {
   margin: 0px 0px 0px 0px;
   padding: 4px 0px 4px 0px;
   }

/** The following is the "One Cubed" left-side promotion on the homepage.
To change the image, the files to edit are contained in the background property. **/

.leftpromo {
   float: left;
   width:258px;
   height:176px;
   border:0px solid #ffffff;
   background: url(http://www.newfaithcommunity.com/images/onecubed2.jpg) no-repeat 0 0px;
   text-indent: -9999px;
   }
a.leftpromo:link, a.leftpromo:visited, a.leftpromo:active {
   background: url(http://www.newfaithcommunity.com/images/onecubed2.jpg) no-repeat 0 0px;
   }
a.leftpromo:hover {
   background: url(http://www.newfaithcommunity.com/images/onecubed2b.jpg) no-repeat 0 0px;
   }

/************************************
=Right Column/Promo Styles
************************************/

#thelogo {
   width: 287px;
   height: 130px;
   background-image: url(http://www.newfaithcommunity.com/images/logo.png);
   background-position: top left;
   background-repeat: no-repeat;
   text-indent: -9999px;
   display: block;
   margin-top: -31px;
   z-index: 2;
   position: relative;
   cursor: pointer;
   }

#contentright h1 {
   margin: 0px;
   padding: 0px;
   }

#contentright p {
   margin: 10px;
   }

#artistsloft {
   width: 287px;
   height: 165px;
   background-image: url(http://www.newfaithcommunity.com/images/artistsloft.png);
   background-position: top left;
   background-repeat: no-repeat;
   }

#artistsloft a {
   width: 287px;
   height: 165px;
   border: none;
   display: block;
   outline: none;
   text-indent: -9999px;
   }

#upcomingeventshead {
   width: 287px;
   height: 60px;
   background-image: url(http://www.newfaithcommunity.com/images/upcomingeventshead.png);
   background-position: top left;
   background-repeat: no-repeat;
   }

#upcomingevents {
   width: 287px;
   background-image: url(http://www.newfaithcommunity.com/images/upcomingeventsbody.png);
   background-position: top left;
   background-repeat: no-repeat;
   }

#upcomingevents p {
   padding: 0px 30px 10px 30px;
   font-size: 80%;
   color: #fff;
   margin: 0px;
   }

.date {
   color: #f8981d;
   }

#featuredarticle p {
   padding: 0px 30px 10px 30px;
   font-size: 80%;
   color: #fff;
   text-align: right;
   margin: -10px 0px 0px 60px;
   }

#upcomingeventsfoot {
   width: 287px;
   height: 30px;
   background-image: url(http://www.newfaithcommunity.com/images/upcomingeventsfooter.png);
   background-position: top left;
   background-repeat: no-repeat;
   }

#featuredarticle {
   width: 287px;
   height: 146px;
   background-image: url(http://www.newfaithcommunity.com/images/featuredarticle.png);
   background-position: top left;
   background-repeat: no-repeat;
   padding-left:7px;
   padding-bottom: 20px;
   text-align: right;
   }

/************************************
=footer styles
************************************/

#footer {
   position: absolute;
   top: 600px;
   left: 54px;
   font-size: 85%;
   font-family: Georgia, "Times New Roman", Times, Serif;
   width: 634px;
   padding: 0 0 25px 0;
   }

#footaddress {
   float: right;
   text-align: right;
   width: 317px;
   }

#footaddress a {
   font-weight: bold;
   color: #000;
   }

#footnav a {
   color: #000;
   }

#footer a:hover {
   color: #555;
   }

#footnav {
   float: left;
   width: 317px;
   }

/************************************
=column alignment
************************************/

#frame {
   width:1000px;
   padding:0px;
   text-align:left;
   margin-top: 0px;
   }
   
#contentleft {
   width:258px;
   padding:0px;
   float:left;
   margin-top: 83px;
   }

#contentcenter {
   width:391px;
   padding: 0px;
   float:left;
   margin-top: 65px;
   background-color: #000000;
   }

#contentright {
   width:287px;
   padding:0px;
   float:right;
   margin: 0px;
   }

/************************************
=get alpha-transparent .pngs to work in IE6
************************************/
		
#navbot,
#nav,
#thelogo,
#artistsloft,
#upcomingeventshead,
#upcomingevents,
#upcomingeventsfoot,
#featuredarticle {
   behavior: url(http://www.newfaithcommunity.com/Scripts/iepngfix.htc);
   }