/*RESET*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;
        
        font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;
        width: 90%;
        

}


/*Class Styles*/

.cls {

		clear:both;

}

.kjvform {
    padding: 7px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#top-bar {

	height: 22px;

	width: 100%;

	background-color: #015581;

}



/*ID Styles*/

#wrapper {

	width: auto;
	

	margin-right: auto;

	margin-left: auto;

		

}

#logo {

	background-image: url(../images/logo.jpg);

	background-repeat: no-repeat;

	height: 112px;

	width: 136px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

	margin-bottom: 10px;

}

#search {

	background-image: url(../images/search-bar-bg.png);

	background-repeat: no-repeat;

	height: 42px;

	width: 276px;

	margin-right: auto;

	margin-left: auto;

	padding-right: 15px;

	padding-left: 15px;
}

#search  .search-input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 28px;

	background-image: url(../images/search-input-bg.png);

	background-repeat: no-repeat;

	display: block;

	height: 28px;

	width: 228px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	padding-left: 10px;

	margin-top: 6px;

	float: left;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}

#search  input.magnify-btn {

	background-image: url(../images/icon-magnify.png);

	background-repeat: no-repeat;

	height: 23px;

	width: 23px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	margin-top: 8px;

	cursor: pointer;

	margin-left: 13px;

}

#main {

    width: 306px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 15px;

}

#main-top {

	background-image: url(../images/grey-bg-top.png);

	background-repeat: no-repeat;

	height: 6px;

    width: 306px;

}

#main-content {

	background-color: #f1f1f1;

    width: 306px;

}

#main-content p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #232323;

	padding-top: 8px;

	padding-bottom: 8px;

	line-height: 16px;

	padding-right: 6px;

	padding-left: 6px;

	text-align: justify;

}

#main-content blockquote {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

#main-content blockquote p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 15px;

	padding-top: 5px;

	padding-right: 15px;

	padding-bottom: 5px;

	padding-left: 0px;

}







#main-content ul {

}

#main-content ul li {

	float: left;

	padding-right: 5px;

	padding-left: 8px;

	padding-bottom: 5px;

	padding-top: 5px;

}

#main-content ul .right-btn {

	float: right;

	padding-right: 10px;

	padding-left: 6px;

}



#main-content ul li #nav-left {

/*	background-image: url(../images/btn-left.png);

	background-repeat: no-repeat;*/

	height: 29px;

	width: 2px;

	float: left;

}

#main-content ul li a {

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	padding-right: 5px;

	text-shadow:0px 1px 0px #efeff0;

	text-align: left;

}

#main-content ul li a:hover {

	color: #015581;

	text-shadow:0px 0px 0px #efeff0;

}

#main-content ul li .small-btn {

/*	background-image: url(../images/btn-repeat.png);

	background-repeat: repeat-x;*/
        background-color: #C3C4C6;
        -moz-border-radius: 3px;
        border-radius: 3px;

/*	height: 29px;*/
        height: 39px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

/*	line-height: 29px;*/
        line-height: 39px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 120px;

}



#main-content ul li .big-btn {

/*	background-image: url(../images/btn-repeat.png);

	background-repeat: repeat-x;*/
        background-color: #C3C4C6;
        -moz-border-radius: 3px;
        border-radius: 3px;

/*	height: 29px;*/
        height: 39px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

/*	font-size: 12px;*/
        font-size: 13px;

/*	line-height: 29px;*/
        line-height: 39px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 275px;

}

#main-content ul li .big-btn .arrow {

	float: right;

	padding-top: 6px;

}







#main-content ul li #nav-right {

/*	background-image: url(../images/btn-right.png);

	background-repeat: no-repeat;*/

	float: left;

	height: 29px;

	width: 2px;

}

#main-content ul li .small-btn-green .arrow-down {

	float: right;

	padding-top: 7px;



}









#main-bottom {

	background-image: url(../images/grey-bg-bottom.png);

	background-repeat: no-repeat;

	height: 6px;

	width: 306px;

}



#chapters1 .close {

	float: right;

}



#chapters1 h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #008137;

	float: left;

}

#chapters1 ul {

	padding-top: 15px;

}



#chapters1 ul li #nav-left {

	background-image: url(../images/btn-left.png);

	background-repeat: no-repeat;

	height: 29px;

	width: 2px;

	float: left;

}

#chapters1 ul li a {

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 4px;

	padding-right: 4px;

	text-shadow:0px 1px 0px #efeff0;

	text-align: left;

}

#chapters1 ul li a:hover {

	color: #015581;

	text-shadow:0px 0px 0px #efeff0;

}

#chapters1 ul li .small-btn {

	background-image: url(../images/btn-repeat.png);

	background-repeat: repeat-x;
        background-color: #C3C4C6;

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 65px;

}

#chapters1 ul li .small-btn-3digit {

	background-image: url(../images/btn-repeat.png);

	background-repeat: repeat-x;
        background-color: #C3C4C6;

	height: 29px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 29px;
	color: #494949;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
        width: 65px;
}



#chapters1 ul li #nav-right {

	background-image: url(../images/btn-right.png);

	background-repeat: no-repeat;

	float: left;

	height: 29px;

	width: 2px;

}

#chapters2 {

	background-image: url(../images/chapters-bg.png);

	background-repeat: no-repeat;

	height: 207px;

	width: 276px;

	margin-left: 8px;

	position: absolute;

	padding: 8px;

}

#chapters2 .close {

	float: right;

}



#chapters2 h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #008137;

	float: left;

}

#chapters2 ul {

	padding-top: 15px;

}



#chapters2 ul li #nav-left {

	background-image: url(../images/btn-left.png);

	background-repeat: no-repeat;

	height: 29px;

	width: 2px;

	float: left;

}

#chapters2 ul li a {

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 4px;

	padding-right: 4px;

	text-shadow:0px 1px 0px #efeff0;

	text-align: left;

}

#chapters2 ul li a:hover {

	color: #015581;

	text-shadow:0px 0px 0px #efeff0;

}

#chapters2 ul li .small-btn {

	background-image: url(../images/btn-repeat.png);

	background-repeat: repeat-x;

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 29px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 65px;

}





#chapters2 ul li #nav-right {

	background-image: url(../images/btn-right.png);

	background-repeat: no-repeat;

	float: left;

	height: 29px;

	width: 2px;

}

#footer {

	background-color: #015581;

	height: 22px;

	width: 100%;

	margin-top: 45px;

}

#footer  p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-style: italic;

	color: #FFF;

	text-align: center;

	line-height: 22px;

}

#footer a {
    color: white;
}

#footer a:visited {
    color: white;
}

#main-content ul li #nav-left-blue {

/*	background-image: url(../images/btn-left-blue.png);

	background-repeat: no-repeat;*/
        -moz-border-radius: 3px;
        border-radius: 3px;

/*	height: 29px;*/
        height: 39px;

	width: 2px;

	float: left;

}

#main-content ul li #nav-right-blue {

/*	background-image: url(../images/btn-right-blue.png);

	background-repeat: no-repeat;*/
        -moz-border-radius: 3px;
        border-radius: 3px;

	float: left;

/*	height: 29px;*/
        height: 39px;

	width: 2px;

}

#main-content ul li .small-btn-blue {

/*	background-image: url(../images/btn-repeat-blue.png);

	background-repeat: repeat-x;*/
        background-color: #82A9BC;
        -moz-border-radius: 3px;
        border-radius: 3px;

/*	height: 29px;*/
        height: 39px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

/*	line-height: 29px;*/
        line-height: 39px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 120px;

	text-align: center;

}

#main-content ul li #nav-left-green {

/*	background-image: url(../images/btn-left-green.png);

	background-repeat: no-repeat;*/

/*	height: 29px;*/
        height: 39px;

	width: 2px;

	float: left;

}

#main-content ul li #nav-right-green {

/*	background-image: url(../images/btn-right-green.png);

	background-repeat: no-repeat;*/

	float: left;

/*	height: 29px;*/
        height: 39px;

	width: 2px;

}

#main-content ul li .small-btn-green {

/*	background-image: url(../images/btn-repeat-green.png);

	background-repeat: repeat-x;

	height: 29px;*/
        background-color: #7FB979;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: 39px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

/*	line-height: 29px;*/
        line-height: 39px;

	color: #494949;

	font-weight: bold;

	text-decoration: none;

	padding-left: 5px;

	width: 120px;

	text-align: center;

}

.small-btn-blue .back-arrow {

	padding-top: 13px;

	float: left;

}

#fade{

	display: none;

	background: #000; 

	position: fixed; left: 0; top: 0; 

	z-index: 10;

	width: 100%; height: 100%;

	opacity: .80;

	z-index: 999;

}