/* RESET (Based on YUI 2.5.2) --------------------- */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a {text-decoration:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
p,li,#cse-search-results{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* GENERAL --------------------- */
html { background:url(http://www.ynccmedia.com/imgs/banner.jpg) 0 0 repeat-x; }
body {  height:136px; margin:0 auto; width:960px; height:1%; position: relative; }
#wrapper { float:left; margin:162px 0 0; width:960px; }


/* BANNER --------------------- */
h1#logo {  position:absolute; top:22px; left:0; z-index:9999;}
#shadow { position:absolute; top:86px; right:0; z-index:20; }
p#bannernav { position:absolute; top:14px; right:180px; font-size:12px; color:#FFF; }
p#bannernav a { color:#FFF; }
p#bannernav a:hover { color:#efefef; }
ul#globalnav { position:absolute; top:86px; right:0; z-index:555; }
ul#globalnav li { height:35px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; }
* html ul#globalnav li a { padding:9px 24px 11px; }
ul#globalnav li a { color:#FFF; display:block; padding:10px 25px; }
*:first-child+html ul#globalnav li a { color:#FFF; display:block; padding:10px 24px; }
ul#globalnav li a:hover, ul#globalnav li a.selected { color:#f85b1b !important; background:#FFF; }
*:first-child+html ul#globalnav li a:hover { color:#f85b1b; background:#FFF; }
/* Target Firefox 2 */
ul#globalnav li a , x:-moz-any-link { color:#FFF; display:block; padding:10px 24px; }
/* Target Firefox 3 */
ul#globalnav li a, x:-moz-any-link, x:default { color:#FFF; display:block; padding:10px 25px; }
.navbox ul li a.current {color:#646464;}
#locbar p a.current {color:#646464}
#search input.input {float:left; height:14px;}
#search_box {
    width: 151px; height:30px;
    background: url(http://www.ynccmedia.com/imgs/searchbox.gif) 0 0 no-repeat;
	position:absolute; top:14px; right:0;	
}
#search_box #s {
	font-family:verdana, sans-serif; font-size:12px; color:#999;
    float: left; border:0; background: none;
    padding: 0; margin: 2px 0 0 2px;
    width:118px;
}
*:first-child+html #search_box #s { width:116px; height:13px; margin:0; }
* html #search_box #s { width:116px; height:13px; margin:0; }
#search_box #go { float: right; }
#locbar {
	width:960px;
	height:30px;
	background:url(http://www.ynccmedia.com/imgs/diag.gif) 0 0 repeat;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:30px;	
}
#locbar p { float:right; color:#b2b2b2; margin:6px 20px 0 0; }
#locbar p a { color:#ff6e33; }
#locbar h1 { font-size:14px; text-transform:uppercase; color:#1c1c1c; padding:3px 0 0 16px; float:left; }


/* HOMEPAGE --------------------- */
#hmtop { float:left; height:262px; width:960px; }
#hmlow { float:left; padding:33px 0 0; }
#slides { float:left; width:570px; height:262px; }
#intro { float:left; margin-left:30px; width:360px; height:262px; }
#intro1 { float:left; margin-left:30px; ;width:360px; height:262px; background-image: url(http://www.ynccmedia.com/images/LJ_home2.jpg); background-repeat: no-repeat;}
#intro2 { float:left; margin-left:30px; ;width:360px; height:262px; background-image: url(http://www.ynccmedia.com/images/FAQ2.gif); background-repeat: no-repeat;}
#intro3 { float:left; margin-left:30px; ;width:360px; height:262px; background-image: url(http://www.ynccmedia.com/imgs/japanRelief.jpg); background-repeat: no-repeat;}
#introtext {padding: 170px 35px 35px 37px; }
#introtext2 {padding: 30px 30px 30px 30px; }
#introtext3 {padding: 150px 25px 30px 27px; }
#introtext h1 {font-family: Arial; color: #f5f5f5; font-size: 16px; }
#introtext h1 a { color:#f5f5f5; font-size: 16px; }
#introtext h1 a:hover { color:#c7c7c7; font-size: 16px; }
#introtext a { color:#f5f5f5; }
#introtext a:hover { color:#c7c7c7; }
#introtext p { color:#00859f; }
#introtext3 p { color:#ffffff; }
.grad { background:url(http://www.ynccmedia.com/imgs/grad2.jpg) 0 0 repeat-x; margin-top:4px; padding:5px 10px 10px; }
.grad1 { background:url(http://www.ynccmedia.com/imgs/grad_bg1.jpg) 0 0 repeat-x; margin-top:3px; padding:29px 10px 5px; }
.grad2 { background:url(http://www.ynccmedia.com/imgs/grad_bg2.jpg) 0 0 repeat-x; margin-top:10px; padding:25px 10px 0px; }
.grad3 { background:url(http://www.ynccmedia.com/imgs/grad2.jpg) 0 0 repeat-x; margin-top:5px; padding:7px 10px 10px; }
.countdown {background-color: #eaeaea; width:360px; text-align: center; margin-top: 5px;}
#featured h4 { color:#8c8c8c; width:686px; padding-bottom:15px; background:url(http://www.ynccmedia.com/imgs/doubleln.gif) 0 5px repeat-x; }
#featured h4 span { background:#FFF; width:686px; padding-right:14px; }
#featured img { padding-bottom:15px;}
.icoman { background:url(http://www.ynccmedia.com/imgs/icon-man.gif) 0 2px no-repeat;}
.iconotes { background:url(http://www.ynccmedia.com/imgs/icon-notes.gif) 0 2px no-repeat;}
.icosmile { background:url(http://www.ynccmedia.com/imgs/icon-smile.gif) 0 2px no-repeat;}


/* MISC --------------------- */
.hide { display:none; }
.float-l, img.float-l { float:left; }
.float-r, img.float-r { float:right;  }
#lay2main img.full { float:left; padding-bottom:15px;  }
#lay4main img.full { float:left; padding-bottom:15px;  }

body #wrapper img.float-l { padding:0 30px 15px 0; border:0; }
body #wrapper img.float-r { padding:0 0 15px 30px; border:0; float:right; }
.clear { clear:both; height:1px; line-height:0; }
.clearboth {clear:both;}
.block  {display:block;}
.padvert0 {padding-top:0px;}
.padvert10 {padding-top:10px;}
.padvert15 {padding-top:15px;}
.padvert20 {padding-top:20px;}
.padvert10btm {padding-bottom:10px;}
.padvert15btm {padding-bottom:15px;}
.padvert20btm {padding-bottom:20px;}
.padmar10 {margin-top:10px;}
.padmar15 {margin-top:15px;}
.padmar20 {margin-top:20px;}
.padmar10btm {margin-bottom:10px;}
.padmar15btm {margin-bottom:15px;}
.padmar20btm {margin-bottom:20px;}


#wrapper .nopadr { padding-right:0; }
.last { margin-right:0; }
.linedown { border-bottom:1px solid #e7e7e7; margin-bottom:22px; padding-bottom:22px;	 }
.linedown1 { border-bottom:3px solid #ffffff; margin-bottom:7px; padding-bottom:7px;	 }
.linedown2 { border-bottom:3px solid #e7e7e7; margin-bottom:20px; padding-bottom:20px;	 }
.linedown3 { border-bottom:3px solid #e7e7e7; margin-bottom:20px; padding-bottom:10px;	 }
.linedown4 { border-bottom:1px solid #e7e7e7; margin-bottom:11px; padding-bottom:11px;	 }
.linedown5 { border-bottom:1px solid #e7e7e7; margin-bottom:5px; padding-bottom:10px;	width: 240px;  }
.linedown6 { border-bottom:1px solid #e7e7e7; margin-bottom:15px; padding-bottom:5px;	width: 240px;  color:#444; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
.lineup { border-top:1px solid #e7e7e7; margin-top:25px; padding-top:25px;	 }
.lineup1 { border-top:1px solid #e7e7e7; margin-top:5px; padding-top:15px;	 }
.lineup2 { border-top:3px solid #e7e7e7; margin-top:15px; padding-top:25px;	 }
.lineup3 { border-top:1px solid #e7e7e7; margin-top:30px; padding-top:25px;	 }

#alert {
	float:left;
	width:960px;
	background:#ffebeb;
	padding:15px 24px 8px;
	margin-bottom:18px;
	border-top:1px solid #ffd1d1;
	border-bottom:1px solid #ffd1d1;
}

#wrapper ol li { list-style-type:decimal;}
#select {position:absolute; top:224px; right:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
#involve-select {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:4px 0 6px -3px; }
#serveopp-select {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:4px 0 10px 0; float:right; }

/* LAYOUTS --------------------- */
#wrapper1 { width: 410px; float:left; }
#wrapper2 { width: 490px; float:right; }
#primary { width:500px; float:left; margin-right:20px; }
#primarymap { width:640px; float:left; margin-right:30px; }
#primaryr { width:520px; float:right; }
#primaryctr { width:466px; float:left; margin-left:36px; }
#primary1 { width:185px; float:left; padding-top: 7px; }
#primary1text { width:200px; float:right; }
#primary2text { width:280px; float:right; }
#lay3, #lay3main { width:566px; float:left; }
#lay5, #lay5main { width:530px; float:left; }
#lay6main { width:240px; float:left; }
#lay2 { width:646px; float:left; margin-right:14px; }
#lay2main img  { float:left; border-right:32px solid #FFF; padding:0; margin:0;}
#lay2main { width:670px; float:left; margin-right:5px; }
#lay4main img  { float:left; border-right:32px solid #FFF; padding:0; margin:0;}
#lay4main { width:635px; float:left; margin-right:40px; }
#lay3main img, #lay5main img { float:right; margin:0 0 20px 40px; }
#lay3 .entry p, #lay3 .entry h2, #lay5 .entry p, #lay5 .entry h2 { width:340px;}
#lay2 p, #lay2 h2 { width:420px;}
.entry, .entrycom {  padding:20px 44px 10px 24px; background:#f5f5f5;}
.entrycom { margin:20px 0 0;}
.entry a, .entrycom a { color:#0088cc; }
.white { background:#FFF;}
.entry img {float:left;}
* html .entry p.darker {margin:-18px 0 0;}
*:first-child+html .entry p.darker {margin:-18px 0 0;}
* html .entry p {margin:-8px 0 -25px; }
* html .entrycom p {margin:-8px 0 -25px; }
*:first-child+html .entry p {margin:0; }
*:first-child+html .entrycom p {margin:0; }
.entry h2, .entry p { float:right; text-align:left; clear:right; }
.entrycom p { text-align:left; clear:right; margin:0 0 1em;}

.recentsermon {
	position:relative;
	width:920px;
	height:390px;
	background:url(http://www.ynccmedia.com/imgs/diag.gif) 0 0 repeat;
	padding:20px;
	margin-bottom:30px;
	float:left;
}
.recentsermon .inner { width:852px; height:360px; background:#FFF; padding:25px 40px 5px 25px; }
span.recent {position:absolute; top:0; right:0; width:79px; height:79px; background:url(http://www.ynccmedia.com/imgs/recent.gif) 0 0 no-repeat;}
#flashvideo  { height:377px; float:left; border-right:20px solid #ffffff; }
.links { padding:2px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
* html #lay2 .links { margin-bottom:1px;}

/* COLUMNS + BOXES --------------------- */
.box, .box2, .box3, .box5, .navbox { background-color:#fafafa; border:1px solid #ebebeb; float:left; }
.box { width:193px; height:auto; margin-top:4px; padding:15px 17px 7px; }
.box2 { width:210px; height:auto; margin:0 0 0 25px; padding:22px 22px 30px; }
.box3 { width:390px; padding:22px 22px 13px; }
.box4 { width:210px; height:auto; margin:0 0 0 25px; padding:22px 22px 30px; background-image:url(http://www.ynccmedia.com/images/ph_box2.jpg); border:2px solid #2e3192; float:left;}
.box5 { width:214px; height:auto; margin:0 0 0 25px; padding:22px 22px 30px; }


#lay2side { width:260px; float:right; }
#equal-right { width:445px; float:right; }
#equal-left { width:445px; float:left; }

.box3 img { padding-bottom:15px;}
.navbox { width:176px; padding:22px 22px 13px; }
.colbio { width:180px; padding-right:33px; float:left;}
.colbio img { padding-bottom:13px; }
.box a, .box2 a, .box4 a, .col2 a, .col3 a, .col4 a, .col5 a, .navbox a { color:#ff7f4b; }
.box a:hover, .box2 a:hover, .box4 a:hover, .col2 a:hover, .col3 a:hover, .col4 a:hover, .col5 a:hover, .navbox a:hover { color:#ffa860; }
.box5 a{ color: black}
.box5 a:hover {color: gray}
.col2, .col3, .col4, .col5 { float:left; 	padding-left:25px; border-left:1px solid #e0e0e0; height:auto; }
.col1 { float:left; padding-left:15px; margin-left:20px; width:300px; height:auto;}
.col2 { margin-left:40px; width:120px; }
.col3 { margin-left:30px; width:140px; }
.col4 { margin-left:40px; width:161px; }
.col5 { margin-left:25px; width:140px; }
.col-a, .col-b { width:214px; float:left; } 
.col-b { margin-left:34px; }
.col-a img, .col-b img { float:left; padding:7px 18px 5px 0; }
.col, .collast { width:214px; height:auto; float:left; margin-right:22px;}
.collast  { margin-right:0; }
.container { border-top-style:double; border-color:#e3e0dc; margin-top:25px; padding-top:25px;}
#lay2main .contain {display:inline; float:right; width:280px; }
#lay4main .contain {display:inline; float:right; width:280px; }
ul { padding-bottom:18px;}
ol { padding-left: 40px; }
ul.archives {padding:0;}

#left-nar { width:300px; float:left;}
#right-wide { width:608px; float:right;}
#featured { width:686px; float:left; margin-left:32px; }
#featured2 { width:953px; float:left; margin-top:25px; }
.pastorfoto { float:left; width:400px;}
#contact_form { padding:0 0 0 10px;}

/* TYPOGRAPHY --------------------- */
p, li , table{ font:normal 13px/18px Helvetica, Arial, Verdana, sans-serif; margin:0 0 1em; color:#3a3a3a; }
li { margin:0;  }
p a, li a, table a{ color:#0088cc; }
h1 {color:#24b0f6;} 
p a:hover, li a:hover , table a:hover { color:#24b0f6; }
h1 { font-size:18px; color:#1a1919; padding-bottom:5px; line-height:24px;}
h1.big { font-size:20px; line-height:26px;}
h2 { padding-bottom:3px; color:#333232; line-height:22px; }
.col2 h2, .col4 h2 { color:#646464; font-size:15px;}
h3 { font-size:13px; line-height:20px; padding:10px 0 3px; color:#07a50b; }
h3.big { font-size:15px; line-height:22px; padding:10px 0 3px; color:#07a50b; }
.nopadtop { padding-top:0;}
h3.nopad { padding-bottom:1px; text-transform:none;}
#wrapper h1 a, #wrapper h2 a, #wrapper h3 a { color:#0088cc;}
#wrapper h1 a:hover, #wrapper h2 a:hover, #wrapper h3 a:hover { color:#24b0f6;}
#lay4main h1 {font-family: Arial}
#lay4main h1 a { color:#e37b00;}
#lay4main h1 a:hover {color: #faa327}
h4 { text-transform:uppercase; font-size:12px; line-height:18px; padding-bottom:3px; color:#262525; }
.box h4 { font-size:13px; padding:0 0 5px 0; color:#2e2e2e; }
h5 { color:#2e2e2e; text-transform:uppercase; font-size:11px;}
h6 { color:#424242; font-size:13px; padding:6px 0 2px; line-height:18px;}
h6.blogdate { color:#888; font-size:10px; padding:6px 0 8px; line-height:12px; text-transform:uppercase; font-family:arial, helvetica, sans-serif; letter-spacing:1px;}
ul.bul li {background:url(http://www.ynccmedia.com/imgs/arrow.gif) 0 7px no-repeat; padding:0 0 0 15px;}
.darker, .date { color:#444; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
.charcoal { color:#555; }
.date { font-size:13px;}
.red, .alert {color:red;}
p.postby {color:#9c9c9c; font-style:italic; margin-top:0; font-weight:bold;}
p.blogpost { font:normal 13px/18px Arial; color:#555; margin:0 0 1em; }
#wrapper #lay2 p.pagination {width:645px; text-align:right; padding-top:15px;}
#wrapper p.pagination {padding-top: 10px; margin-top:24px; border-top:2px solid #d6d6d6;}
.lineup { border-top:1px solid #d6d6d6; margin:1.5em 0 0; padding:1em 0 0;}
blockquote{background:#fafafa;color:#333; margin:24px 0; padding: 15px 25px 10px; border-top:1px solid #ebebeb;}
table.cp td {padding:0 0 10px;}
table.cp input {width:140px; }
table.cp input.marginl {margin-left:18px;}
#wrapper input {margin-top:2px;}

/* FOOTER --------------------- */
#footer { float:left; width:913px; margin-top:50px; padding:18px 22px 10px; height:120px; background:#fcfcfc; border-top-style:double; border-color:#e9e9e9; }
#footer1 { float:left; width:913px; margin-top:50px; padding:18px 22px 10px; height:70px; background:#fcfcfc; border-top-style:double; border-color:#e9e9e9; }
#footnav { float:left; width:560px; }
#footnav1 { float:left; width:900px; text-align: center; }
#footinfo { float:right; width:auto; }
#footnav h5 { float:left; line-height:20px; width:90px; }
#footnav1 h5 { float:left; line-height:20px; width:90px; }
#footinfo h5 { padding-bottom:4px; }
#footer p { line-height:18px; margin:0 0 .2em; }
#footer a { color:#777; }
#footer a:hover { color:#444; }
#footer p.footerln { border-bottom:1px solid #e7e7e7; margin-bottom:12px; padding-bottom:12px; }
#footer1 p { line-height:18px; margin:0 0 .2em; }
#footer1 a { color:#777; }
#footer1 a:hover { color:#444; }
#footer1 p.footerln { border-bottom:1px solid #e7e7e7; margin-bottom:12px; padding-bottom:12px; }

/* TAB ------------------------ */
#tablist{
padding: 0px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 4px 0.5em;
margin-left: 3px;
border: 1px solid #e1e1e1;
border-bottom: none;
background: white;
}

#tablist li a.current{
background: #f5f5f5;
}

#tabcontentcontainer{
width: 338px;
height: 161px;
padding: 10px;
border: 1px solid #e1e1e1;
}

.tabcontent{
display:none;
}

.tabcontent1{
display: none;
background: url(http://www.ynccmedia.com/imgs/tab_bg1.jpg);
height: 165px;
}

.tabcontent2{
display: none;
background: url(http://www.ynccmedia.com/imgs/tab_bg2.jpg);
height: 165px;
}