/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:976px;}	
body { 
	background: url(../images/bg.jpg) top left repeat-x #010f0f; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#525252;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.fright1{ float:right; margin-right:60px}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}

a{ color:#005969; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
		
		.link3{ color:#525252}

.link{color:#fff; background:url(../images/marker1.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:24px; display:block; margin-top:65px; *margin-top:55px; line-height:1.2em }
.link span {color:#35d0d8; }
.link:hover{text-decoration:none; color:#000 }
.link:hover span{text-decoration:none; color:#000 }

.link1{color:#005969; background:url(../images/marker1.png) top left no-repeat; padding:2px 0 7px 33px; text-decoration: underline; font-size:1em; font-weight:bold; display:block; line-height:1.2em}
.link1:hover{text-decoration:none; color:#000 }
.link2{color:#b0c9cd; background:url(../images/marker1.png) top left no-repeat; padding:2px 0 7px 33px; text-decoration: underline; font-size:1em; font-weight:bold; display:block; line-height:1.2em; float:left}
.link2:hover{text-decoration:none; color:#fff }


section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker2.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
section ul.list li a{color:#41a46c; text-decoration:none; line-height:1.71em; font-size:1.16em} 
section ul.list li a:hover { text-decoration: underline; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{background:url(../images/marker3.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:9px; }
section ul.list1 li a{color:#0f8093; text-decoration:none; line-height:1.66em; font-size:1em; font-weight:bold} 
section ul.list1 li a:hover { text-decoration: underline; }
section ul.list1 li strong { color:#525252 }
section ul.list1 li p { margin:0 0 7px 0}
section ul.list1 li div { margin:0 0 17px 0}

section ul.list2{margin:0; padding:0; list-style:none}
section ul.list2 li a{color:#e0f5f4; text-decoration:none; line-height:1.71em; font-size:1.16em;} 
section ul.list2 li a:hover { text-decoration: underline; }


section ul.list4{margin:0; padding:0; list-style:none}
section ul.list4 li { background:url(../images/tail5.gif) bottom left repeat-x; line-height:38px} 
section ul.list4 li div{ background:url(../images/icon1.gif) top right no-repeat; line-height:38px} 
section ul.list4 li div:hover{ background:url(../images/icon1-act.gif) top right no-repeat; line-height:38px} 
section ul.list4 .li div{ background:url(../images/icon2.gif) top right no-repeat} 
section ul.list4 .li div:hover{ background:url(../images/icon2-act.gif) top right no-repeat; } 
section ul.list4 .li1 div{ background:url(../images/icon3.gif) top right no-repeat} 
section ul.list4 .li1 div:hover{ background:url(../images/icon3-act.gif) top right no-repeat; } 
section ul.list4 .li2 div{ background:url(../images/icon4.gif) top right no-repeat} 
section ul.list4 .li2 div:hover{ background:url(../images/icon4-act.gif) top right no-repeat; } 
section ul.list4 li a{color:#e0f5f4; text-decoration:none; font-size:1.16em; line-height:38px;} 
section ul.list4 li a:hover { text-decoration:none; color:#0c8788; }



section ul.list3{margin:0; padding:0; list-style:none; width:520px; border-top:1px solid #d4d4d4}
section ul.list3 li{background:none; padding:7px 0px 3px 0px; border-bottom:1px solid #d4d4d4; height:38px }
section ul.list3 li:hover{background:#e5e5e5}
section ul.list3 div{background:url(../../images/icon-1.png) top left no-repeat; background-position:0 1px; margin:0; padding-left:38px; margin-left:20px; display:block}
section ul.list3 li a{color:#525252; text-decoration:none; line-height:1,2em} 
section ul.list3 li a:hover { text-decoration:none; }
section ul.list3 li span{ float:right; width:242px; margin-right:17px}


.link-1 { display:inline-block; float:right; line-height:28px; height:28px; background:url(../../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px;  margin-right:10px; cursor:pointer; position:relative;}
.link-1:hover {background:#000; text-decoration:none; color:#fff}

.button { display:inline-block; float:left; line-height:35px; height:35px; background:url(../images/button.gif) top left repeat-x; padding:0 17px 0 13px; color:#fff; font-weight:bold; text-decoration:none; border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px; cursor:pointer; position:relative;}
.button:hover {background:#000; text-decoration:none; color:#fff}
.button1 { display:inline-block; float:left; line-height:35px; height:35px; background:#787878; padding:0 22px 0 22px; color:#e9e9dd; font-weight:bold; text-decoration:none; border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px; cursor:pointer; position:relative;}
.button1:hover {background:#0c8687; text-decoration:none; color:#fff}


/*header*/
header {font-size:1em; color:#FFFFFF; }
header .indent{ padding:145px 0px 0px 0px}

header h1 {position:absolute; left:0; top:0; text-indent:-9999px;}
header h1 a { display:block; width:960px; height:120px; background:url(../images/ncpc-logo.png) no-repeat center 10px;	}

header ul.menu{margin:0; padding:0; list-style:none;}
header ul.menu li{ margin:0px; display:inline; float:left; margin-right:1px}
header ul.menu li a{color:#343434; text-decoration:none; text-transform:uppercase; display:block; float:left; line-height:58px; background:url(../images/bg_menu.gif) top left repeat-x; border-style: solid; border-radius:11px 11px 0 0; -moz-border-radius:11px 11px 0 0; -webkit-border-radius:11px 11px 0 0; behavior:url(../../css/js/PIE.htc); padding:0px 25px 0px 30px} 
header ul.menu .last{margin-right:0}
header ul.menu .last a{padding:0px 29px 0px 30px} 
header ul.menu li a:hover { text-decoration:none; color:#fff; background:#07636b	}
header ul.menu li a.current{ text-decoration:none; color:#fff; background:#07636b	}

/*== featured box begin ==*/
#featured {	width:679px; position:relative; height:371px; background:#fff;}
.slides-box1 #featured {	width:679px; position:relative; height:263px;}
#featured .ui-tabs-hide {display:none; }
.ui-tabs-nav{display:none; }
/*== featured box end ==*/

.slides-box1 {
	background:#4c924c;
	}


.bg_1{ background:url(../images/bg_col2.jpg) top left no-repeat; height:371px; width:297px}
.bg_2{ background:url(../images/bg_col2.jpg) top left no-repeat; height:263px; width:297px; margin-left:1px;}
.row1{ background:url(../images/bg_row1.gif) bottom left repeat-x #ebf9f8; width:100%}
.row2{ background:url(../images/bg_row2.gif) top left repeat-x #eeeeee; width:100%}
.row3{ background:url(../images/bg_row3.gif) top left repeat-x #101c1d; width:100%; color:#9eadae}

.indent-grid{padding:32px 0px 32px 78px}

/*content*/
aside{ font-size:0.75em; width:100%; color:#99edf3;  }
aside h2{ color:#fff; font-size:36px; line-height:1.2em }
aside h2 span{font-size:48px; }
aside h3{ color:#aade64; font-size:18px; margin-bottom:7px; line-height:1.2em }
aside .h3{ color:#aade64; font-size:18px; margin-bottom:27px; line-height:1.2em }
aside .indent-1{ padding:42px 0px 0px 28px}

section{ font-size:0.75em; width:100%; text-align:left; background:url(../../images/bg_cont.png)}
section .inside{padding:0px 0px 0px 0px}
.img-left{ float:left; margin:0 35px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:10px 0 0 0}
section .row1 h2{color:#005969; font-size:2em; font-weight:normal; margin-bottom:17px; line-height:1.2em}
section .row2 h2{color:#2f2f2f; font-size:2.16em; font-weight:normal; margin-bottom:17px; line-height:1.2em}
section .row2 h4{color:#0f8093; text-transform:uppercase; font-size:1.16em; margin-bottom:17px; line-height:1.2em}
section .row3 h2{color:#f3f3f3; font-size:2.16em; font-weight:normal; margin-bottom:17px; line-height:1.2em}
h4{color:#5e5e5e; font-size:1em; margin-bottom:9px;  }
.txt{ line-height:1.57em; font-size:1.16em; color:#9eadae}
.txt1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.tail{ background:url(../images/tail-1.gif) bottom repeat-x; padding-bottom:19px; margin-bottom:19px}
.tail1{ background:url(../images/tail-2.gif) bottom repeat-x; padding-bottom:19px; margin-bottom:19px}

.indent{padding-right:75px}
.indent2{padding-right:60px}
.indent1{padding-top:15px; padding-bottom:20px}
.indent3{padding-top:15px; padding-bottom:5px}
.indent4{padding-left:240px}
.indent5{padding-left:220px}
.indent-col1{padding:46px 37px 30px 78px}
.indent-col2{padding:40px 37px 30px 40px}


/*footer*/
footer { color:#616a6a; font-size:0.8125em;}
footer .inside{ padding:24px 18px 50px 18px }
footer a {color:#616a6a; text-decoration:underline}  
footer a:hover {  text-decoration:none}
footer span{ color:#616a6a}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem1{ height:38px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem{ height:39px; background:url(../images/bg_input1.gif) top left no-repeat}
.rowElem2{ height:275px; background:url(../images/bg_input2.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:0px}
.input{
   	border:none; 
	background:none;
	width:201px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}input{
   	border:none; 
	background:none;
	width:440px; height:20px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}
textarea{
   	border:none; 
	background:none;
	width:445px; height:240px;
	font-size:1em;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:11px;
	overflow:auto}


/* 
  ### ARCHIVED WORSHIP SERMONS PAGE
*/

	#sidebar-main {
		padding-top: 20px;
	}
	#sidebar-main h3 {
		font-size: 18px;
		font-weight: normal;
		padding-bottom: 10px;
	}

	.archived-sermons .sermon-list-entry {
		padding: 15px 0 20px;
	}

	.most-recent-sermon .sermon-list-entry {
		padding: 5px 0 15px;
	}

	.sermon-list-entry .media {
		margin-top: 4px;
	}

	span.label-audio, span.label-pdf {
		font-size: 80%;
		padding: 4px 4px;
		background: #0b616c;
		color: #fff;
	} 

	span.label-audio {
		margin: 0 4px 0 0;
	}

	span.label-pdf {
		margin: 0 4px 0 12px;
	}

/* 
  ### END OF ARCHIVED WORSHIP SERMONS PAGE
*/