/* @override http://www.northcoastchurch.com/fileadmin/tv-templates/ncc_templates5/styles.css */
/* styles for template5 northcoastchurch.com
colors:
dark blue (headers, footer bkg): #00719b
boxes backgrounds: #ede7dc
*/
body#campus,body#alt1,body#alt1rev,body#plain5template {
margin:0;
padding:0;
color:#393939;
height:100%;
font-size:12px;
font-family: Verdana,Helvetica,sans-serif;
background:white none;
}

html{
height:100%;
}

#outer-wrap{
position:relative;/* needed for footer positioning*/
z-index:0;
width:100%;
margin:0 auto;
margin-bottom:1px;
height:auto !important;/* real browsers */
height:100%;/* IE6:treaded as min-height*/
min-height:100%;
background:repeat-y center;
}

#intro-top{
margin:0;
width:100%;
background:url(images/topnav-bkg3.jpg) repeat-x;
float:left;
height:31px;
z-index:10;
position:relative;
}

/*top menu links*/
#top-nav{
margin:0 auto;
width:984px;
}
#nav-links{
float:left;
width:520px;
margin:0;
padding:0;
}
#nav-links ul{
float:left;
width:520px;
list-style:none;
padding:0;
margin:0;
margin-left:5px;
}
#nav-links li{
float:left;
margin:0;
padding:0;
}

#nav-links a{
float:left;
margin-left:3px;
padding:6px 4px 4px 2px;
display:block;
font-size:.87em;
text-transform:uppercase;
line-height:18px;
font-weight:500;
}
#nav-links img {
	float:left;
}

/* main top menu states*/
span.mainmenu_no a:link{color:#ffffff;text-decoration:none;}
span.mainmenu_no a:visited{color:#ffffff;text-decoration:none;}
span.mainmenu_no a:hover{color:#fec710;text-decoration:none;}
span.mainmenu_no a:active{color:#ffffff;text-decoration:none;}


span.mainmenu_act a:link{color:#ffffff;text-decoration:none;}
span.mainmenu_act a:visited{color:#ffffff;text-decoration:none;}
span.mainmenu_act a:hover{color:#fec710;text-decoration:none;}
span.mainmenu_act a:active{color:#ffffff;text-decoration:none;}

/* **** SITE MAP Roll Up *****/
#site-tab{
height:31px;
width:100px;
display:block;
text-align:center;
}
#site-tab.on{
background:url(images/bullet.gif) no-repeat 50% 0;
}

#site-tab span {display:none;}

#site-map-wrap-outer{
width:100%;
z-index:10;
position:relative;
float:left;
background:#014e6c;
}
#site-map-wrap{
width:984px;
margin:0 auto;
background:#014e6c;
}
#site-map{
padding-top:15px;
width:984px;
display:none;
float:left;
}
#site-map ul{
width:984px;
margin:0 auto;
padding:20px;
float:left;
}

#site-map li{
float:left;
width:25%;
padding-bottom:15px;
list-style:none;
text-align:left;
}

#site-map a{
text-decoration:none;
color:white;
}
#site-map li a {
font-size:.9em;
font-weight:bold;
text-decoration:none;
text-align:left;
display:block;
}
#site-map li a:hover{
text-decoration:none;
color:#fec710;
}
#site-map li ul{
width:auto;
padding:10px 0 0 5px;
}
#site-map li li{
float:none;
width:auto;
margin-bottom:2px;
padding-bottom:0;
}
#site-map li li a{
color:#ffffff;
font-size:0.9em;
font-weight:normal;
padding-left:11px;
text-decoration:none;
}
#site-map li li a:hover{
color:#fec710;
text-decoration:underline;
}
#site-map li li li{
float:none;
width:auto;
margin-bottom:2px;
padding-bottom:0;
list-style:none;
}
/**** hide third level ********/
#site-map ul ul ul{
display:none;
}
#site-map li li li a{
color:#ffffff;
font-size:0.9em;
font-weight:normal;
padding-left:20px;
text-decoration:none;
}


/*styles for contactus and servicetimes links*/

#site-map li.extra{
padding:0;
margin:0;
line-height:0.9em;
}
#site-map li.extra span.service-link{
margin-top:50px;
}
#site-map li.extra span{
font-weight:bold;
text-transform:uppercase;
font-size:1.1em;
padding:0;
margin:0;
display:block;
}
#site-map li.extra a{
color:white;
text-decoration:none;
font-size:1.1em;
display:block;
padding:0;
margin:0;
}
/* END: site index */


/*START dropdowns*/
#nav{
float:left;
display:block;
padding:0;
margin:0;
}
#nav ul{
float:none;
display:block;
position:absolute;
top:31px;
left:0;
z-index:25;
}
#nav li{
float:left;
display:block;
position:relative;
}

#nav ul li{
float:none;
display:block;
}


/*START more drop*/
#morelink{
display:block;
float:left;
width:132px;
height:31px;
background:url("images/more2rev.jpg") no-repeat 0 0;
}
#morelink.on{
background-position:0 -31px;
}
#morelink.selected{
background-position:0 -31px;
}

#morelink span{
display:none;
}
/*START Campus drop */
#choose-campus{
display:block;
float:left;
width:140px;
height:31px;
background:url(images/campus2rev.jpg) no-repeat 0 0;
}
#choose-campus.on{
background-position:0 -31px;
}
#choose-campus.selected{
background-position:0 -31px;
}
#choose-campus span{
display:none;
}

#nav li a{
margin-right:5px;
}

/* Sub Menu */

#nav ul#campusdrop{
width:170px;
text-align:left;
list-style:none;
margin:0 0 0 2px;
padding:0;
display:none;
background:#004D6C;
}
ul#campusdrop li.bottom-drop{
background:url(images/campus_bkg_bottom.png) no-repeat bottom;
margin-bottom:-5px;
}

#nav ul#moredrop{
width:125px;
text-align:left;
list-style:none;
margin:0 0 0 7px;
padding:0;
display:none;
background:#004D6C;
}
ul#moredrop li.bottom-drop{
background:url(images/more_bkg_bottom.png) no-repeat bottom;
margin-bottom:-5px;
}

#nav #moredrop li a{
float:none;
display:block;
font-weight:normal;
font-size:0.90em;
color:white;
padding:5px 5px 10px 8px;
margin:0;
width:120px;
text-decoration:none;
}


/*START Campus drop*/



#nav #campusdrop li a{
float:none;
display:block;
font-size:0.90em;
color:#FEC710;
padding:5px 5px 10px 12px;
margin:0;
width:159px;
text-decoration:none;
}

#campusdrop li a:hover,#moredrop li a:hover{
background:none;
color:#FEC710;
}


#campusdrop li a .link-accent{
color:#ffffff;
font-size:.80em;
line-height:1.5em;
}
#campusdrop li a:hover .link-accent{
color:#FEC710;
}

/*START search*/

.ncc5-search{
float:right;
width:180px;
margin-left:0;
}
.ncc5-search form{
padding-top:0;
}
.ncc5-search input.searchbox{
color:#808080;
font-size:11px;
width:150px;
height:15px;
margin-top:4px;
padding:0;
float:left;
}
.ncc5-search input.searchsubmit{
color:#808080;
padding:0;
margin-top:4px;
float:right;
}


/* START top section of Main Contnet - sublinks and campus info */
#wrap{
margin:0 auto;
width:984px;
z-index:0;
position:relative;
top:0;
background:white;
}

#section-banner{
width:639px;
height:341px;
background:url(alternates/banners/banner-cs1.jpg) right;
float:left;
}
#sublinks-header{
font-size:15px;
text-transform:uppercase;
margin:35px 0 0 20px;
color:#00719b;
font-weight:600;
}
#sublinks ul{
margin:10px 0 0 20px;
padding:0;
line-height:1.7em;
list-style:none;
font-size:13px;
}
#sublinks .sublinks_no a, #sublinks .sublinks_act a{
background:url(images/bullet2.gif) no-repeat 0 2px;
padding-left:10px;
}
.sublinks_no a:link,.sublinks_no a:visited {color:#00719b;text-decoration:none;}
.sublinks_no a:hover {color:#FEC710;text-decoration:underline;}
.sublinks_no a:active {color:#00719b;text-decoration:none;}

.sublinks_act a:link,.sublinks_act a:visited {color:#FEC710;text-decoration:underline;}
.sublinks_act a:hover{color:#00719b;text-decoration:underline;}
.sublinks_act a:active {color:#FEC710;text-decoration:underline;}

#campus-info{
float:right;
width:345px;
height:339px;
background:url(images/campus-info-cs-top.jpg) no-repeat;
font-size:11px;
}
#campus-info-content{
margin-top:115px;
margin-left:31px;
color:#00719b;
line-height:1.1em;
}
#campus-info-pastor{
margin-left:31px;
margin-top:45px;
color:#00719b;
width:300px;
line-height:1.1em;
}
#campus-info-pastor a {color:#00719b;text-decoration:none;}
#campus-info-pastor a:hover {color:#FEC710;text-decoration:underline;}

#campus-info-content h1{
font-size:12px;
text-transform:uppercase;
color:#00719b;
font-weight:600;
padding:0;
margin:0;
margin-bottom:0;
padding-bottom:2px;
padding-top:5px;
width:100%;
}
/****START Main Content and Sidebar ****/
.clear,.clearer{
clear:both;
}
.middle-divider{
clear:both;
width:100%;
background:url(images/main-hline2.gif) repeat-x;
height:10px;
}
#maincontent{
float:left;
width:638px;
padding-bottom:5em;
}

.header-banner{
margin:6px 6px 6px 0;
height:50px;
width:629px;
border-bottom:1px solid #e3e3e3;
background:#f5f0da;
}
.main-text{
padding:5px 20px;
width:598px;
line-height:1.3em;
}

#plain5template #maincontent{
width:984px;
padding-bottom:5em;
}
#plain5template .main-text {
padding:5px 20px;
width:944px;
line-height:1.3em;
}
#sidecontent{
float:right;
width:345px;
line-height:1.2em;
padding-bottom:5em;
background:white url(images/main-vline.gif) repeat-y left;
}
#side-menu {
padding:0 10px 10px 15px;
width:345px;
line-height:1.2em;
}
#sidecontent-text {
width:100%;
margin:0;
padding:0 10px 10px 15px;
}
#side-menu ul {
width:100%;
margin:0;
padding:10px 10px 10px 20px;
list-style:none;
border-bottom:1px solid #ebebeb;
}
#side-menu li {
padding:2px 0;
}

/*community service coordinator info box*/
.contact {
	padding:10px 10px 10px 20px;
}

.contact h1 {
	font-size:14px;
font-weight: bold;
color:#2b6c91;
}

#side-menu ul ul {
	border-bottom:none;
	padding:5px 10px 5px 30px;
	margin:0;
	
}

#sidecontent-text p.indent {
padding-top:0px;
margin-top:0;
margin-left:2em;
}
/* Default selector for indentation.*/
div.indent {
margin-left: 2em; 
}

#sidecontent-text p.bodytext {
padding:3px 0;
margin:0;
}
/*colored team leader box*/
#sidecontent-text .csc-default {
	background-color: #f5f7fa;
	padding:10px;
}
#sidecontent-text .csc-default, .contact .csc-default {
border-bottom:1px solid #ebebeb;
margin-bottom:5px;
}
.contact .indent {
	padding-top:10px;
}
#sidecontent-text h1,#side-menu h1 {
font-size:14px;
font-weight: bold;
color:#2b6c91;
}

/****START Footer *****/
#footer{
padding:0;
width:984px;
position:fixed;
bottom:0;/* stick to bottom */
/*border-bottom:1px solid Black;*/
z-index:25;
left:50%;
margin-left:-492px;
height:26px;
}
#footer-content{
background:#0D7AA5 url(images/footer-bkg1-rev.jpg) repeat-x;
float:left;
width:984px;
}
#footer-nav-links{
float:left;
width:510px;
margin:0;
padding:0;
}
#footer-nav-links img{
float:left;
}
#footer-nav-links ul{
float:left;
width:410px;
list-style:none;
padding:0;
margin:0;
margin-left:5px;
}
#footer-nav-links li{
float:left;
margin:0;
padding:0;
padding-left:8px;
padding-right:5px;
background:url(images/footer-bkg-line1-rev.jpg) no-repeat left;
}
#footer-nav-links a{
float:left;
padding:2px 0 4px 0;
display:block;
font-size:10px;
text-transform:uppercase;
margin-top:5px;
}
.footer-text a:link,.footer-text a:visited,.footer-text a:active{
color:white;
text-decoration:none;
}
.help{
float:right;
width:90px;
color:white;
display:inline;
height:26px;
background:#004D6C url(images/footer-bkg2-rev.jpg) repeat-x;
}
div.help:hover{
background:#0f7ca7 repeat-x;
}
a#help-link{
display:block;
float:left;
color:white;
margin-left:10px;
text-decoration:none;
}
.footer-text ul{
float:left;
width:310px;
list-style:none;
padding:0;
margin:0;
margin-left:5px;
}
.footer-text li{
float:left;
margin-top:8px;
padding:0;
}
.footer-text{
float:right;
width:280px;
color:white;
font-size:10px;
}
.footer-text a:hover {color:#FEC710;text-decoration:underline;}

#footer-content .ncc5-search{
float:left;
width:180px;
margin-left:10px;
}
/******START news items *****/
.news-header-banner{
margin:6px 6px 6px 10px;
height:50px;
width:335px;
border-bottom:1px solid #e3e3e3;
background:#f5f0da;
}

.news-list-item h3{
margin-bottom:2px;
margin-top:10px;
padding-bottom:0;
margin-left:18px;
width:100%;
float:left;
font-size:14px;
}
.news-list-item h3 a{
color:#2b6c91;
text-decoration:none;
}
.news-list-item h3 a:hover {
	color:#FEC710;
text-decoration:none;
}
.news-single-item h2{
font-size:14px;
padding-bottom:0px;
margin:0;
}
.news-single-item h3{
font-size:12px;
font-style:italic;
padding:0 0 15px 0;
margin:0;
}
.news_text{
font-size:12px;
margin:0;
padding:0;
margin-left:18px;
margin-right:5px;
}

.news-list-morelink a:link,.news-list-morelink a:visited{
color:#00719b;
font-size:12px;
}
.news-list-morelink a:hover{
color:#FEC710;
font-size:12px;
}
.news-list-morelink a:active{
color:#00719b;
font-size:12px;
}
.news-list-morelink{
margin-left:15px;
}
.news-single-img img{
float:left;
padding-right:10px;
padding-bottom:10px;
}
.news-list-browse{
margin-left:18px;
}
.tx-ttnews-browsebox{
font-size:12px;
margin-left:10px;
}
.news-list-item,.side-list-item{
width:335px;
float:left;
margin:0 0 5px 10px;
padding:0 0 10px 0;
border-bottom:1px solid #ebebeb;
}




/**** BREADCRUMB ****/
div.breadcrumb{
font-size:10px;
padding-bottom:10px;
}
.breadcrumb_no a:link,.breadcrumb_no a:visited {color:#00719b;text-decoration:none;}
.breadcrumb_no a:hover {color:#e89d00;text-decoration:underline;}
.breadcrumb_no a:active {color:#00719b;text-decoration:none;}

.breadcrumb_act a:link,.breadcrumb_act a:visited{color:#e89d00;text-decoration:underline;}
.breadcrumb_act a:hover {color:#00719b;text-decoration:none;}
.breadcrumb_act a:active{color:#e89d00;text-decoration:underline;}

/* close button on bio pages */
div.close{
padding-top:30px;
text-align:right;
}
.close input{
width:100px;
border-right:2px solid #484928;
border-bottom:2px solid #484928;
font-size:10px;
padding:2px 0;
text-align:center;
margin:0 auto;
color:white;
background:#0D7AA5;
}
/*padding for map bubble*/
.dirmenu{
padding-bottom:10px;
}


/******  ALT1  Styles - used on service times page - no banner **********/
#alt1 #top-content {display:none;}
#alt1 .middle-divider{
clear:both;
width:100%;
background:none;
height:10px;
}
#alt1 #sidecontent-text{
width:100%;
margin:0;
padding:0;
margin-top:70px;
}


/******  ALT1  Styles - used on service times page - no banner revised 12/2/09 **********/
#alt1rev #section-banner {display:none;}
#alt1rev #campus-info {
	background: url(images/campus-info-none-top.jpg) no-repeat;
	}
#alt1rev #campus-info-content{
margin-top:95px;
margin-left:34px;
color:#00719b;
}
#alt1rev #campus-info-content h1{
padding-top:10px;
}
#alt1rev .middle-divider{
clear:both;
width:100%;
background:none;
height:10px;
}

#alt1rev #sidecontent-text{
width:100%;
margin:0;
padding:0;

}
.jump-location{
padding-left:20px;
padding-top:10px;
}






/* styles for fce inserted boxes  */
.column2 {
	width:100%;
	clear:both;
	float:left;
}
div.COL2a{
float:left;
width:50%;
margin-bottom:3px;
margin-top:0px;
padding:0;
display:inline;/* fixes ie/win double margin bug */
}

div.COL2b{
float:right;
width:50%;
margin-bottom:3px;
margin-top:0px;
padding:0px;
display:inline;/* fixes ie/win double margin bug */

}

/* Alt 2 column */
.column2alt {
	width:100%;
	clear:both;
	float:left;
}
.column2alt div.COL2a{
float:left;
width:15%;
margin-bottom:3px;
margin-top:0px;
padding:0;
display:inline;/* fixes ie/win double margin bug */

}

.column2alt div.COL2b{
float:right;
width:85%;
margin-bottom:3px;
margin-top:0px;
padding:0px;
display:inline;/* fixes ie/win double margin bug */

}

/* Alt 2 column alt 3*/
.column3alt {
	width:100%;
}
.column3alt div.COL2a{
float:right;
width:30%;
margin-bottom:3px;
margin-top:0px;
padding:0;
display:inline;/* fixes ie/win double margin bug */
}

.column3alt div.COL2b{
float:left;
width:70%;
margin-bottom:3px;
margin-top:0px;
padding:0px;
display:inline;/* fixes ie/win double margin bug */

}

.staff-header {
	background-color: #f4f4f4;
	width:100%;
	padding:10px 0px;
	border:1px solid #b6b6b6;
	font-size:16px;
	margin:8px 0;
	text-align:center;
	
}
/* GENEARL STYLES  */
:focus{
-moz-outline-style:none;
}
a{
outline:none;
}
h1{
font-size:14px;
margin-bottom:0;
padding-bottom:3px;
font-weight:bold;
}
h2, h3{
font-size:12px;
margin-bottom:0;
padding-bottom:3px;
font-weight:bold;
}
img{
border:none;
margin:0;
padding:0;
}
img a{
border:none;
outline:none;
}
.bodytext{
margin-top:0;
padding-top:0;
padding-bottom:10px;
}
p.csc-linkToTop{
text-align:right;
}
a:link,a:visited{color:#00719b;text-decoration:none;}
a:hover {color:#FEC710;text-decoration:underline;}
a:active{color:#00719b;text-decoration:none;}

#easter-img {
margin-left:5px;
}
.video {
	text-align:center;
	width:400;
	margin:0 auto;
	z-index: 0;
	position:relative;
	border:1px solid silver;
}

/*  span on community service onetimeregister form*/

#tx_onetimeaccount_pi1_form .phone {
display:block;
text-align:right;
color:red;
width:50%;
float:right;
}





/* Seminar styles */



#category-list-table th {
	background: white;
	text-align: left;
	font-weight: normal;
}
span.event-label {
	font-weight: bold;
}
div.event-text {
	padding: 5px;
	clear: both;
}
#event-top-wrap {
    float: left;
    width: 100%;
	margin-top: 10px;
	
}
#event-bottom-wrap {
    float: left;
    width: 100%;
	margin-top: 5px;
}
#event-bottom-wrap, #event-top-wrap {
	background-color: #f0f0f0;
	border-bottom: 1px solid #b6ceb6;
}
div.event-title {
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 70%;
	padding: 5px;
margin-top: 5px;
}
div.event-reg {
	padding: 5px;
	text-align: right;
	float: right;
	width: 20%;
    text-transform: uppercase;
}

.event-reg a {
	display: block;
	font-weight: bold;
	font-size: 115%;
}
.event-text p.bodytext {
margin:0px;
padding:0px 0px 10px 0px;
}

.event-text dl {
padding:0 0 0 10px;
margin:0;
}

.event-text dd {
padding:0 0 0 0px;
margin:0;
}
.event-box {
border: 1px solid #b6ceb6;
padding:5px;
width:225px;
float:right;
margin-top:15px;
margin-right: 10px;
margin-bottom:15px;

}
.event-description {
float:left;
width:300px;
margin-top:15px;
margin-bottom:15px;
}
.tx-seminars-pi1-listrow .listrow-odd,
.tx-seminars-pi1-listrow th {
	background-color: #f0f0f0;
}
.tx-seminars-pi1-listrow tr:hover {
	background-color: #e0e0e0;
}

.tx-felogin-pi1 input {
	float: left;
	width: 125px;
	margin-left:10px;
	
}
.tx-felogin-pi1 label {
	float: left;
	margin-left: 15px;
}
.tx-felogin-pi1 fieldset {
	border: none;
	border-bottom: 1px solid #2e8b57;
}
#onetime-form input {

	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #4d4d4d;
}
#tx-seminars-pi1-registration-form h2 {
font-size:10pt;margin:0;padding:0;
}

	
.backlink {
clear:both;
padding-top:10px;
}


.category_image {
padding:0 0 0 20px;
}

#seminar-image {
margin-left:10px;
margin-top:10px;
width:200px;
}
.tx-seminars-pi1 h3 {
	background-color: #f0f0f0;
	border-bottom: 1px solid #b6ceb6;
	font-weight:bold;
	margin-bottom:5px;
	padding: 3px 0;

}
h3.userdata  {
background:none;
border:none;
font-weight:bold;
padding:5px 0 0 0 ;
margin:0;
}

p.userdata-txt {
padding-left:10px;
padding-top:0px;
margin-top:0;
}
h2.counter {
	color: #2c6c92;
}
#tx-seminars-pi1-registration-form .tx_seminars_pi1_registration_editor_last_name {
width:125px;
}
#tx-seminars-pi1-registration-form .tx_seminars_pi1_registration_editor_first_name {
width:125px;
}
#tx-seminars-pi1-registration-form input,
#tx-seminars-pi1-registration-form textarea,
#tx-seminars-pi1-registration-form
	.tx-seminars-pi1-registration-country select {
	width: 20em;
}
#tx-seminars-pi1-registration-form dt {
	width: 15em;
	margin: 0 .5em .5em 0;
	clear: both;
	float: left;
}
td.reg-addnames {
padding-left:25px;
}
fieldset.addinfo {
border:none;

}
fieldset.reg-review legend {
font-weight:bold;
text-transform: uppercase;
}
fieldset.addinfo legend {
font-weight:bold;
padding-top:25px;
margin-left: -15px
}
form#tx_seminars_pi1_registration_editor fieldset{
border: none; 
}
table.seminar-list {width:95%;}

.tx-seminars-pi1-error {
	color: #004d6c;
}
