/*======================= LAYOUT CSS ===========================*/
h1{
	padding:15px 0px 10px 15px;
	margin:15px 0px 10px 15px;
}

h2{
	padding:15px 0px 10px 15px;
	margin:15px 0px 10px 15px;
}

h3{
	padding:15px 0px 10px 15px;
	margin:15px 0px 10px 15px;
} 

h4{ 
	padding:15px 0px 10px 15px;
	margin:15px 0px 10px 15px;
}

h5{
	padding:15px 0px 10px 15px;
	margin:15px 0px 10px 15px;
}


body{
	background-image:url(/images/assets/bg01.gif);
	background-repeat:repeat-x;
	margin:0px;
	font-size:14px;
	font-family:Trebuchet MS, Verdana, Arial;
	line-height: 15px;
}

#header{
	height:89px;
	padding:0px;
	margin:0px;
}
#hdrBox{
	width:775px;
	height:100px;
}
#srchInset{
	float:right;
	width:255px;
	height:100px;
	/**background-image:url(/mod/kjv2/images/assets/bif_inset1.jpg);
	background-repeat:no-repeat;**/
}
#topButtons1{
	padding:0px 0px 5px 8px;
}
#mainbodyLayout{
	width:100%;
	height:400px;
	align: left;
}
#toolscell{
	/**background-color:#ddd;**/
}
#tools{
	/*background-position: right;*/
}
#leftMain{
	margin:3px 5px 0px 10px;
	padding:10px 0px 10px 10px;
}
#contentcell{ /* actually where the tools are located */
}
#content{
	margin:3px 5px 0px 10px;
	/*background-position: left;*/
}
#footer{
	background-color:#7A0000;
}
#footerContent{
	padding:10px 10px;
	color:#FFF;
}
#footerContent a:link{
	color:#FFF;
	text-decoration:none;
}
#footerContent a:active{
	color:#FFF;
	text-decoration:none;
}
#footerContent a:visited{
	color:#FFF;
	text-decoration:none;
}
#footerContent a:hover{
	color:#FFF;
	text-decoration:underline;
}

/*======================= FORMAT CSS ===========================*/
#srchForm{ padding:0px; }
#simple01{
	/**
	font-size: 11px;
	font-family: Trebuchet MS;
	border:1px solid #000;
	padding-left:5px;
	width:150px;
	margin-top:7px;
	**/
}
.sup01{
	position:relative;
	top:-5;
	margin:0px 10px;
	font-size:smaller;
	font-weight:800;
}
.verse01{
	/** width should be declared dynamically if we use spans **/
	position:relative;
	font-family:Trebuchet MS;
	line-height:17px;
	font-size:103%;
	font-weight:400;
	margin-bottom:7px;
}
.verse02{
	/** width should be declared dynamically if we use spans **/
	position:relative;
	font-family:Trebuchet MS;
	font-size:103%;
	background-color:thistle;
	padding:0px 7px;
}
.verse03{
	/** width should be declared dynamically if we use spans **/
	position:relative;
	font-family:Trebuchet MS;
	font-size:103%;
	background-color:#A780A7;
	padding:20px 15px;
}
.hdr1{
	color:#333;
	font-size:103%;
}
.hdr1 a:link{
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.hdr1 a:hover{
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.hdr1 a:visited{
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.hdr1 a:active{
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.hdr2{
	font-size:147%;
	font-family:Trebuchet MS;
	font-weight:600;
}
.hdr2 a:link{
	color:#333;
	text-decoration:none;
}
.hdr2 a:hover{
	color:#333;
	text-decoration:none;
}
.hdr2 a:visited{
	color:#333;
	text-decoration:none;
}
.hdr2 a:active{
	color:#333;
	text-decoration:none;
}

/**
.skin1{
	position:absolute;
	cursor:default;
	font-family:Verdana;
	font-size:11px;
	line-height:17px;
	padding: 0 3;
	text-align:left;
	width:100px;
	background-color:menu;
	border:1 solid buttonface;
	visibility:hidden;
	border:2 outset buttonhighlight;
}
.mitems{
	padding-left:15px;
	padding-right:10px;
}
**/
.overflowInset1, .overflowInset110{
	background-color:#FFF;
	width:95%;
	overflow:scroll;
	border:1px solid #555;
}
fieldset{	padding:3px 5px 6px 7px; }
legend{	padding:0px 5px; }


/*** menu options **********/
.menuskin1 {
	width:150px;
	padding:2px 1px;
	position:absolute;
	visibility:hidden;
	text-align:left;
	background-color:menu;
	border:1px solid buttonface;
	border:2px outset buttonhighlight;
	cursor:default;
}
.menuitems {
	padding:0px 5px 2px 10px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
}
.mhr{
	padding:-5px;
	margin:-5px;
}