﻿/*--------------------layout---------------------*/
* {/*margin:0;padding:0*/}
form {
	text-align: center;	
}
#wrapper {
	position:relative;  /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	text-align: left;
	width:986px;
	background:#f7f7f7;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */	
	}

#Main {
	clear:both;
	margin: 0;	
	}
#SideBar {
	
	clear:both;	
	padding: 15px;	
	}
#Header, #Footer {
	clear:both;
	}



/*--------------------style---------------------*/
html 
{
    margin:0;padding:0;
	background:#dedede;
	height:100%;
	font-family:arial,sans-serif;
	font-size: small;
	color:#666;			
	}


body 
{
    margin:0;padding:0;
	height:100%;			
	}
	
form#aspnetForm {
	height:100%;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}

h1, h2, a {
	color:orange;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
#topBG 
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
	height:204px;
	background:#021242;
	
}
div#shadowLeft 
{
    position:absolute;
    top: 0px;
    height: 100%;
    left: -10px;
    width: 10px;
	background-image:url("Images/ShadowLR.png");
	background-repeat:repeat-y;
}
div#shadowRight 
{
    position:absolute;
    top: 0px;
    height: 100%;
    left:  986px;
    width: 10px;
	background-image:url("Images/ShadowLR.png");
	background-repeat:repeat-y;
	background-position: -20px 0px;
}

#Header 
{
    height:200px;
	background:black url("Images/NJBannerMal46.jpg") no-repeat scroll 0px 0px ;

	}
	
	
#Header h1 {
	font-family: Georgia;
	font-size: 35px;	
	color: #fff;
	margin: 0 10px;
	}
	
/*top navigation*/
.tTopNav{float:left;position:absolute;top: 91px; width:100%;height:34px;margin:0;background:transparent url(Images/NJFooterBG.jpg) repeat-x 0 0}
.tTopNavShadow{float:left;position:absolute;top: 125px; width:100%;height:10px;margin:0;background:transparent url(Images/ShadowTB.png) repeat-x 0 -20px}
.tTopNavMenu{position:absolute;top: 0px; left:21px;height:34px;margin:0;}	
.tTopNavSearch{position:absolute;top: 0px; right: 25px; height:34px;margin:0;}	
.tTopNavBibleNav{position:absolute;top: 0px; right: 250px; height:34px;margin:0;}	

.tSiteSearch
{
    position:relative;
    height:25px;
    margin:6px 0 0px 0;
    width:206px;
    padding:0px 0 0;
    background:transparent url(Images/searchBoxBg.gif) no-repeat 0 0px;
    text-align:right;
    font:11px/22px arial,sans-serif;
    clear:right;
    z-index:110
}

.tSiteSearch label
{
    position: absolute;
    top: 0px;
    left: 10px;
}

.tSiteSearch input
{
    position:absolute;
    top: 4px;
    left: 15px;
    width:172px;
    border:0;
    padding:0;
    background: transparent;
    vertical-align:middle;

}


.tBookNav
{
    position:relative;
    top: 6px;
    
    
}    


.lblTitle
{
    position: absolute;
    top: 145px;
    left: 33px;
    color: White;
    font-family:Verdana;
    font-size: 18px;
}
.lblTitleShadow
{
    position: absolute;
    top: 147px;
    left: 35px;
    color: Black;
    font-family:Verdana;
    font-size: 18px;
}


.tSearchSubmit{width:23px;height:22px;background:none transparent;cursor:pointer;vertical-align:middle}	
	
#TopNavigation {
	margin: 10px 0 0 0;	
	padding: 5px 10px;
	background:#65653F;
	color: #fff;	
	}
#TopNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#TopNavigation {display: inline-block;}
/* Hides from IE-mac \*/
* html #TopNavigation {height: 1%;}
#TopNavigation {display: block;}
/* End hide from IE-mac */
#TopNavigation a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	}
#TopNavigation a:hover {
	color: #65653f;
	}
#Main {
	font-size: 14px;
	line-height: 150%;	
	}
#Main h2 {
	color: #65653f;
	}
	
div#SideBarRight 
{
    position:absolute;
    top: 200px;
    bottom: 34px;
    left: 736px;
    width: 250px;
    background-color: #E7E7E7;
}
	
div#ContentLeft 
{
    position:absolute;
    top: 200px;
    bottom: 34px;
    left: 0px;
    width: 736px;

}
div.content 
{
	padding:1em 1em 1em 1em; /* bottom padding for footer */
}	
	
#SideBar {
	font-size: 12px;	
	background: #F8FAFC;
		
	}
div#content {
	padding:1em 1em 50px; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
	
div.SideBar
{
    background: #888888;
    padding:1em 1em;
}

#Footer 
{
    clear:both;
    margin:0 auto; /* center, not in IE5 */
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#31343a url("Images/NJFooterBG.jpg") repeat-x scroll 0px 0px ;
	height: 34px;
    color: White;
    font-size: 11px;

	margin-top: 20px;

}	
	


#SideBar dt{
	font-weight: bold;
	color: #65653f;	
	}
#SideBar dd {
	margin-left: 0;
	margin-bottom: 10px;
	}
#SideBar ul {
	padding-left:20px;
	margin-left:0;
	}
#SideBar .contacts  {
	margin-top: 20px;	
	}
#SideBar .contacts dt {
	font-size: 16px;
	color: black;
	margin-bottom: 10px;
	}
#SideBar .contacts dd {
	margin-bottom: 5px;
	
	}
.contacts dd strong {
	font-size: 11px;
	}
a {
	color: orange;
	
	}
a:hover {
	color: orange;
	
	}
.gallery {
	width: 80px;
	height: 80px;
	float: left;
	display: block;
	}
	
/*-------------------------------------PollBox---------------------------------*/
.PollBox {
    font-size: 1.0em;
    margin: 0;
    background: transparent;
    width: 200px;
    padding: 10px;
    }
.PollBox fieldset {
    border: 0;      
    padding: 0;
    margin: 10px 0 10px 0;        
    }
.PollBox h4 {
    font-size: 1.3em;
    padding:0;
    margin: 0;
    }
.PollBox fieldset h5 {
    font-size: 1.0em;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;        
    }
.PollBox fieldset span {
    display: block;
    margin: 0;
    font-size: 1.0em;
    color: #000;
    line-height: 1.6em;
    }
.PollBox fieldset span label {
    display: inline;
    font-weight: normal;    
    }
.PollBox a {
    float:right;
    margin-top: -16px;
    }
.PollBox span {
    color: #999;
    font-size: 0.9em;
    }
.PollBox span.validator {
    color: red;
    display: block;
    margin-bottom: 10px;
    }
    
/*----------newslist-----------*/
		.newslist {
			list-style:none;
			margin:0;
			padding:0;
			}
		.newslist li {
			margin-bottom: 20px;
			border-bottom: 1px dashed #ededed;
			}
		.newslist p.summary {
			margin:0;
			font-size: 0.9em;
			}
		.newslist h4, .newslist h5 {
			margin: 0;
			padding: 0;
			font-size: 1.0em;			
			}
		.newslist h5 {
			font-weight: normal;
			}
		.newslist span.date {
			font-style: italic;
			font-size: 0.8em;
			}
		.newslist a.more {
			font-size: 0.8em;
			}

		/*---------singlenews---------*/

		.singlenews h2 {
			font-size: 1.5em;
			margin-bottom: 0;
			}		
		.singlenews h3 {
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 0.9em;
			}		
		.singlenews span.date {
			font-style: italic;
			font-size: 0.8em;
			line-height: 3em;			
			}
		.singlenews p.summary {
			font-weight: bold;
			font-size: 0.9em;
			}
		.singlenews div.newsbody {
			margin-top: 20px;
			font-size: 0.9em;
			}
		.related h3 {
			font-size: 1.2em;
			margin-top: 30px;
			margin-bottom: 10px;
			}
		.related h4 {
			margin: 0 0 10px 0;
			font-size: 1.0em;			}
		.related ul {
			margin:0 0 20px 0;
			padding:0;						
			}
		.related li {
			padding: 0 0 0 0;
			margin-left: 20px;
			}
		.related li.more {
			font-size: 0.8em;
			line-height: 2.5em;
			list-style-type: none;
			}
/*Error*/
.mess {
	width: 500px;
	height: 300px;	
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
	}
p#head strong {
	font-size:1.6em;
	display:block;
	}
p#head {
	font-size:1.3em;
	}

.post{margin:2.4em 0}
.postTitle{color: #65653f;font:normal 2.2em/1.2em georgia,arial,sans-serif;}
.postTitle a{text-decoration:none}
.postDate{margin-bottom:1.2em;font-size:0.8em;color:#000 !important}
.postContent{}
.postContent p{margin-bottom:1.2em}
.postGet,.entryFoot{color:#fff}
.postGet{margin-top:1em}
.diggit{padding-left:20px;background:url(img/blogDiggit.gif) 0 0 no-repeat}
.delicious,.delicous{margin-left:10px;padding-left:18px;background:url(img/blogDelicious.gif) 0 0 no-repeat}
p.more{font-size:0.85em}
.postFoot{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f5f5f5;padding:5px;margin-top:20px;margin-bottom:5em}
.postFoot a{clear:left;font-size:0.85em}
.postFoot a.postComments{}
.postFoot span{margin-left:10px;color:#000}
.postComments{margin-top:40px;font-size:0.9em;line-height:1.4em;}
.postComments h3{color: #65653f;margin-top:1.5em;background:url(img/blogComments.gif) 0 0.2em no-repeat;font:normal 1.6em/1.2em georgia,arial,sans-serif;}
.postComments h3 a{color:#333}
.commentsView{background:#f5f5f5;padding:20px 30px 30px}
.postComments .commentAuthor{margin-top:1.6em;color: #65653f;font-size:1.0em}
.postComments .commentAuthor a{text-transform:none;text-decoration:underline}
.postComments .commentAuthor a:hover{text-transform:none;text-decoration:none}
.postComments .commentDate{font-size:0.8em;font-weight:bold}
.postComments p{margin-top:0}
p.commentMessage{background:#690;color:#fff;padding:3px 10px;margin:20px 0}


/*comments form*/
.postComments ol{list-style:none}
.postComments fieldset{display:block;margin-top:1em;margin-bottom:2.3em;padding:1.8em 1em 1em;border:0;background:#F0EEE8}
.postComments fieldset li{clear:both;margin-bottom:1em}
.postComments fieldset li:after{content:".";display:block;clear:both;height:3px;visibility:hidden}
.postComments fieldset label, .postComments fieldset span {float:left;width:70px;padding-right:5px;text-align:right;line-height:1.8em;font-size:0.85em}
.postComments fieldset input{float:left;width:200px;padding:2px}
.postComments fieldset textarea{float:left;width:380px;height:150px;font-family: Arial;font-size:12px}
.postComments fieldset input.commentsButton{display:block;width:auto;margin:0.4em 0 0 80px;height:auto;font-weight:bold;padding:3px 5px}
.postComments fieldset span.commentsValidator{display:block;margin-left:70px;color:red;font-weight:bold;width:320px;text-align:left}

.postsNavigation{font-size:12px}
.prevPost{border-right:1px solid #000;padding-right:10px;margin-right:5px;background:url(Images/prev.gif) center left no-repeat;padding-left:13px;}
.allPosts{font-weight:bold}
.nextPost{border-left:1px solid #000;padding-left:10px;margin-left:5px;background:url(Images/next.gif) center right no-repeat;padding-right:13px;}
.postsNavigation {margin-top:10px}

/*lists*/
.sf_list_simple, .sf_list_expanded, .sf_anchor_list, .sf_list_expandable, .sf_target_list, #SideBar ul {list-style:none;margin-bottom:30px;font-size:13px}
.sf_list_simple li, .sf_list_expanded li, #Main li, #SideBar li{margin-top:10px}
#Main li 
{
	margin-left: 15px;
}
.sf_list_expanded h5, .sf_item_head, ul h2 {font-size:1.0em;font-weight:bold;margin-top:0.5em}
.sf_target_list{margin-left:0}
.sf_target_list dt{font-weight:bold;margin-top:1.0em}
#Main ul {margin-left:15px;list-style-type:disc;font-size:13px}
#Main ol {margin-left:15px;font-size:13px}
#Main h1, #Main .list_header{margin-top:20px}



/* Categories, Tags, Archive */
ul.tagCloud {
	margin: 0;
	padding: 0;
}
ul.tagCloud li {
	margin: 0;
	padding: 0 10px 0 0;
	background: none;
	border-bottom: 0;
	padding: 0;
	display: inline;
	line-height: 36px;
}
ul.tagCloud li a.s6:link, ul.tagCloud li a.s6:visited, ul.tagCloud li a.s6:hover, ul.tagCloud li a.s6:active {
	font-size: 9px;
}
ul.tagCloud li a.s5:link, ul.tagCloud li a.s5:visited, ul.tagCloud li a.s5:hover, ul.tagCloud li a.s5:active {
	font-size: 12px;
}
ul.tagCloud li a.s4:link, ul.tagCloud li a.s4:visited, ul.tagCloud li a.s4:hover, ul.tagCloud li a.s4:active {
	font-size: 16px;
}
ul.tagCloud li a.s3:link, ul.tagCloud li a.s3:visited, ul.tagCloud li a.s3:hover, ul.tagCloud li a.s3:active {
	font-size: 21px;
}
ul.tagCloud li a.s2:link, ul.tagCloud li a.s2:visited, ul.tagCloud li a.s2:hover, ul.tagCloud li a.s2:active {
	font-size: 29px;
}
ul.tagCloud li a.s1:link, ul.tagCloud li a.s1:visited, ul.tagCloud li a.s1:hover, ul.tagCloud li a.s1:active {
	font-size: 36px;
}
h1.categorizedAs {
	margin: 20px 0 0;
	font-size: 2.5em;
	font-family: georgia,arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
}
dl.taggedWithList {
	margin: 0;
	padding: 0;
}
dl.taggedWithList dt, dl.taggedWithList dd {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}






/* NJ Site Specific */
SPAN.verse
{
    font-family:Calibri, Verdana, Arial;
    font-size: 11pt;
    
}
.strongs
{
    color:Green;
}
a.strongs
{
    font-size: 9pt;
    vertical-align:super;
    color: Green;
    text-decoration:none;
}
a.green
{
    color: Green;
    text-decoration:none;
}


span.searchItem
{
    color: Red;
}

span.notice1
{
	font-size: 12pt;
	font-weight:bold;
}
span.notice2
{
	font-size: 16pt;
	font-weight:bold;
}
span.notice3
{
	font-size: 20pt;
	font-weight:bold;
}
span.notice4
{
	font-size: 24pt;
	font-weight:bold;
}
span.notice5
{
	font-size: 28pt;	
	font-weight:bold;
}




.otBook
{
    color:#8082ff;
    background-color: #404040;
}

.ntBook 
{
    color:#ff8080;
    background-color: #383838;   
}
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered
{
    float:left;
    margin:0 1px;
    min-height:13px;
    overflow:hidden;
    padding:2px 19px 2px 6px;
    width:30px;
}

div.strongsShadowLeft 
{
    position:absolute;
    top: 0px;
    height: 100%;
    left: 285px;
    width: 10px;
	background-image:url("Images/ShadowLR.png");
	background-repeat:repeat-y;
}
div.strongsShadowRight 
{
    position:absolute;
    top: 0px;
    height: 100%;
    left:  647px;
    width: 10px;
	background-image:url("Images/ShadowLR.png");
	background-repeat:repeat-y;
	background-position: -20px 0px;
}

div.VerseMatrix
{   
    width: 420px;
    font-family:calibri,arial,sans-serif;
	font-size: 11pt;
	color: #555555;			
}
div.VerseMatrix div {
	display:inline-block;
	margin: 5px;
	vertical-align:middle;
}

div.VerseMatrix label 
{
	display:block;
	float:left;
	text-align: left;
    height: 16px;
}
a.VerseMatrix 
{
    display:block;
    text-align : right;
    color: Blue;
}

