/*

	TITLE:	New Covenant UMC
	DATE:	4-16-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/16px Arial; color: #3c2616;
	background: #593f2c url('images/mainBg.jpg');
}

/* links */
a{font-weight: bold; color: #000;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 2em Arial; padding: 5px 0px; color: #328a7c;}
h2{font: normal 1.6em Arial; padding: 3px 0px; color: #328a7c;}
h3{font: normal 1.4em Arial; padding: 2px 0px; color: #328a7c;}
h4{font: normal 1.2em Arial; padding: 1px 0px; color: #328a7c;}
h5{font: normal 1.0em Arial; padding: 0px 0px; color: #328a7c;}
h6{font: normal 0.9em Arial; padding: 0px 0px; color: #328a7c;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; height: auto; min-height: 700px; _height: 700px; float: left; background: url('images/mastBg.jpg') repeat-x;}
#frame{width: 760px; margin: 0 auto;}

#header{width: 760px; height: 109px; float: left; background: url('images/header.jpg') 278px 0 no-repeat;}
#header h1#mainTitle a{width: 314px; height: 98px; float: left; text-indent: -9999px; background: url('/Websites/ncovenant/Images/logo.gif') no-repeat;}
	#header .search {position: relative; float: right; margin: 24px 0 0; width: 207px; height: 32px; background: url(Images/search-bg.gif) 0 0 no-repeat; padding: 7px;}
		#header .search label {display: none;}
		#header .search .searchInput {background: url(Images/search-input-bg.gif) 0 0 no-repeat; width: 161px; height: 23px; border: none; color: #3f3f3f; font-size: 16px; padding: 8px 5px;}
		#header .search .searchButton {background: url(Images/search-button-bg.gif) 0 0 no-repeat; width: 34px; height: 34px; border: none; color: #3f3f3f; position: absolute; top: 7px; right: 5px; cursor: pointer;}

#bodyTop{width: 760px; float: left; background: url('images/bodyTop.gif') no-repeat;}
#bodyBottom{width: 760px; float: left; background: url('images/bodyBottom.gif') bottom no-repeat;}
#body{width: 760px; margin: 11px 0; float: left; background: #e2d4c9;}

#welcome{width: 744px; float: left; margin: -3px 8px 0 8px; display: inline;  background: url('images/welcome.jpg') 0 bottom no-repeat;}
#welcome #intro{width: 180px; padding: 10px 15px; float: left; color: #e2d4c9;}
#welcome h1{font: normal 38px Georgia; color: #e2d4c9;}
#welcome h1 b{padding: 5px 5px 5px 25px; font-weight: normal; color: #a19084;}
#welcome #mainImage{width: 506px; height: 254px; float: right; _position: relative; margin: -35px 25px 0 0; display: inline;}

#mainNav{width: 744px; float: left; margin: 0px 8px 0 8px; padding: 10px 0; display: inline; border-top: 3px solid #51250c; border-bottom: 3px solid #51250c; background: url('images/mainNav.jpg') ;}
#mainNav ul{text-align: center;}
#mainNav li{display: inline; padding: 0 12px 0 13px; background: url('images/mainNavSep.jpg') right 0px no-repeat;}
#mainNav li a{color: #e2d4c9; text-decoration: none; font-size: 1.3em;}
#mainNav li.noBorder{background-image: none;}
#mainNav li a:hover{color: #d5b99e;}

#actions{width: 744px; float: left; margin: 0 8px; padding: 20px 0 10px 0; display: inline; background: #c6b5a9 url('images/actions.jpg') no-repeat;}
#actions h1{color: #328a7c; font-size: 2em; padding: 0; border-bottom: 1px solid #9d8c7f;}
#actions ul{padding: 5px 0;}
#actions li{list-style: none; padding: 3px 0 3px 15px; background: url('images/arrow.jpg') left no-repeat;}
#actions li a{text-decoration: none; color: #3c2616;}
#actions li a:hover{text-decoration: underline;}
#actions #aLeft{width: 220px; float: left; padding: 0 0 0 15px;}
#actions #aRight{width: 225px; float: left; padding: 0 0 0 20px;}
#actions #aBanners{width: 244px; float: right; padding: 15px 0;}

#content{width: 744px; float: left; margin: 0 8px 0 8px; display: inline; background: url('images/contentTile.jpg') repeat-y;}
#content #contentStretch{width: 744px; float: left; background: url('images/contentTop.jpg') top no-repeat;}

#content #mainCol{width: 453px; float: right; padding: 20px 25px 15px 25px;}
#content #mainCol ul{padding: 5px 15px;}

#content #subCol{width: 203px; float: left; padding: 20px 15px;}
#content #subCol h1#pageTitle{font: normal 1.5em Arial; color: #328a7c; border-bottom: 1px solid #9d8c7f; }
#content #subCol #sideNav{width: 203px; float: left;}
#content #subCol #sideNav ul{padding: 5px 0;}
#content #subCol #sideNav li{list-style: none; padding: 3px 0 3px 15px; background: url('images/arrow.jpg') left no-repeat;}
#content #subCol #sideNav li a{text-decoration: none; color: #3c2616;}
#content #subCol #sideNav li a:hover{text-decoration: underline;}

#footer{width: 725px; float: left; padding: 10px 0 30px 45px; color: #8f7968; font-weight: bold; }
#footer a{color: #8f7968;}
#footer ul{padding: 0;}
#footer li{display: inline; padding: 0 10px 0 0;}

#footer p#sky a{width: 115px; height: 23px; float: right; margin: -30px 10px 0 0; text-indent: -9999px; background: url('images/sky.gif') no-repeat;}

/* Water */
.blogsElement ul{padding: 0;}
.blogsElement li{padding: 0;}
.blogsElement h2 a{font-size: .9em; font-weight: normal;}
.postDate{font-size: .8em; margin: 0 0 15px 0;}

.eventsElement table{border-collapse: collapse;}
.eventsElement td{background: #fff !important; border: 1px solid #806b59 !important;}
.eventsElement td a{}
.eventsElement td td a{}
.eventsElement td td{padding: 5px 10px; background: #573d2a !important;  border: 0 !important;}
.eventsElement td table td a{background: # !important;}
.eventsElement th{background: #3f2716 !important;}
.eventsElement table table td{background: # !important;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}