/* Page Layout Start PC */
/* Page Layout Start Mobile */

body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-image:url('https://www.hwalibrary.com/images/bg1.gif');
}

html {
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
}

/* Top navigation */

.main-nav {
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3A83DC), color-stop(100%, #3099E7));
  background-image: -webkit-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: -moz-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: -o-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: linear-gradient(to bottom, #3A83DC, #3099E7);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 641px) {
  #main-menu {
    float: right;
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #3099E7;
}

@media (min-width: 641px) {
  #main-menu:before {
    display: none;
  }
}

/* Mobile menu toggle button */

.main-menu-btn {
  float: left;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 641px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

/* Top navigation */

/* Bottom navigation */

.main-nav-2 {
  background: #3092c0;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #3A83DC), color-stop(100%, #3099E7));
  background-image: -webkit-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: -moz-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: -o-linear-gradient(to bottom, #3A83DC, #3099E7);
  background-image: linear-gradient(to bottom, #3A83DC, #3099E7);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav-2:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand-2 {
  float: left;
  margin: 0;
}

.nav-brand-2 a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu-2 {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#main-menu-2 {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 641px) {
  #main-menu-2 {
    float: right;
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu-2:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #3099E7;
}

@media (min-width: 641px) {
  #main-menu-2:before {
    display: none;
  }
}

/* Mobile menu toggle button */

.main-menu-btn-2 {
  float: left;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon-2,
.main-menu-btn-icon-2:before,
.main-menu-btn-icon-2:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon-2:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon-2:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */

#main-menu-state-2:checked ~ .main-menu-btn-2 .main-menu-btn-icon-2 {
  height: 0;
  background: transparent;
}

#main-menu-state-2:checked ~ .main-menu-btn-2 .main-menu-btn-icon-2:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state-2:checked ~ .main-menu-btn-2 .main-menu-btn-icon-2:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state-2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state-2:not(:checked) ~ #main-menu-2 {
  display: none;
}

#main-menu-state-2:checked ~ #main-menu-2 {
  display: block;
}

@media (min-width: 641px) {
  /* hide the button in desktop view */
  .main-menu-btn-2 {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state-2:not(:checked) ~ #main-menu-2 {
    display: block;
  }
}

/* Bottom navigation */

/* Vertical navigation */
/* No PC Menu */
/* Mobile menu top separator */

#main-menu-vert:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #3099E7;
}

@media (min-width: 641px) {
  #main-menu-vert:before {
    display: none;
  }
}

/* Mobile menu toggle button */

.main-menu-btn-vert {
  float: left;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon-vert,
.main-menu-btn-icon-vert:before,
.main-menu-btn-icon-vert:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon-vert:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon-vert:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */

#main-menu-state-vert:checked ~ .main-menu-btn-vert .main-menu-btn-icon-vert {
  height: 0;
  background: transparent;
}

#main-menu-state-vert:checked ~ .main-menu-btn-vert .main-menu-btn-icon-vert:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state-vert:checked ~ .main-menu-btn-vert .main-menu-btn-icon-vert:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state-vert {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state-vert:not(:checked) ~ #main-menu-vert {
  display: none;
}

#main-menu-state-vert:checked ~ #main-menu-vert {
  display: block;
}

@media (min-width: 641px) {
  /* hide the button in desktop view */
  .main-menu-btn-vert {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state-vert:not(:checked) ~ #main-menu-vert {
    display: block;
  }
}

/* Vertical navigation */

/* Page Layout Start PC */

@media screen and (min-width: 641px) {

header {
	background-image:url('https://www.hwalibrary.com/images/headerhdbg.gif');
	height: 130px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#sitebg { 
  height: 100% !important;
  background-color: #FFFFFF;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
}

#header_grid {
        display: grid;
				width: 100%;
				grid-gap: 5px;
        grid-template-rows: 25px 1fr 25px 1fr 25px 1fr;
				grid-template-columns: 50% 50%;
}

#header_grid1 {
            grid-row: 1;
            grid-column: 1;
						padding: 5px;
}

#header_grid2 {
            grid-row: 1;
            grid-column: 2;
						float:right;
						padding: 5px;
}

#header_grid3 {
            grid-row: 2;
            grid-column: 2;
						float:right;
						padding: 5px;
}

#header_grid4 {
            grid-row: 3;
            grid-column: 2;
						float:right;
						padding: 5px;
}

#search-content {
	float:right;
}

#indexgrid {
        display: -ms-grid;
        -ms-grid-columns: 5px 338px 1px 338px 1px 338px 1px;
        -ms-grid-rows: 315px 1fr;
        -ms-grid-gap: 10px;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: 315px;
				grid-template-columns: 338px 338px 338px;
  			background-color: #FFFFFF;
				border: #000000;
}

#telecast {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 4;
            grid-row: 1;
            grid-column: 1 / 3;
}

#telecast_video {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-column: 1;
            grid-row: 1 / 3;
    				width: 320px;
    				height: auto;
						margin: 0px 5px 0px 5px;
    				float: left;
						border-top: 1px solid #888;
						border-left: 1px solid #888;
						border-right: 1px solid #888;
						border-bottom: 1px solid #888;
						-moz-box-shadow: 0 3px 5px #888;
 						-webkit-box-shadow: 0 3px 5px #888;
 						box-shadow: 0 3px 5px #888;
}

#telecast_teaser {
            -ms-grid-row: 1;
            -ms-grid-column: 4;
            grid-column: 2;
            grid-row: 1 / 4;
    				max-width: 300px;
						margin: 0px 5px 0px 5px;
    				float: right;
}

#magazine {
            -ms-grid-row: 1;
            -ms-grid-column: 6;
            grid-column: 3;
            grid-row: 1 / 6;
}

#booklets {
            -ms-grid-row: 2;
            -ms-grid-column: 2;
            grid-column: 1;
            grid-row: 2;
}

#biblestudy {
            -ms-grid-row: 2;
            -ms-grid-column: 4;
            grid-column: 2;
            grid-row: 2;
}

#sermons {
            -ms-grid-row: 4;
            -ms-grid-column: 2;
						-ms-grid-column-span: 4;
            grid-column: 1 / 3;
            grid-row: 3;
}

#footer {
            -ms-grid-row: 5;
            -ms-grid-column: 1;
						-ms-grid-column-span: 6;
            grid-column: 1 / 6;
            grid-row: 5;
  					background-color: #FFFFFF;
}

#mtrlgrid {
        display: -ms-grid;
        -ms-grid-columns: 1px 230px 1px 784px 5px;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 230px 784px;
  			background-color: #FFFFFF;
				border: #000000;
}



#content {
            -ms-grid-row: 1;
            -ms-grid-column: 4;
						-ms-grid-column-span: 3;
            grid-row: 1;
            grid-column: 2;
}

#list_page_ft {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 6;
            grid-row: 2;
            grid-column: 1 / 4;
  					background-color: #FFFFFF;
}

#searchgrid {
        display: -ms-grid;
        -ms-grid-columns: 1px 754px 1px;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 754px;
}

#refine_search {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 3;
            grid-row: 1;
            grid-column: 1;
  					background-color: #F8F8F8;
  					border-top: 1px solid #888;
  					border-left: 1px solid #888;
  					border-right: 1px solid #888;
  					border-bottom: 1px solid #888;
  					-moz-box-shadow: 0 3px 5px #888;
  					-webkit-box-shadow: 0 3px 5px #888;
  					box-shadow: 0 3px 5px #888;
}

#ftgrid {
        display: -ms-grid;
        -ms-grid-columns: auto auto auto auto auto auto;
        -ms-grid-rows: auto 1fr;
				-ms-grid-column-align: center;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto auto auto auto;
				justify-items: center;
  			align-items: center;
    		margin: 3px 5px 3px 5px;
    		padding: 3px 5px 3px 5px;
}

#ftgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: right;
            grid-row: 1;
            grid-column: 1;
  					justify-self: right;
  					align-self: right;
						margin-left: 80px;
}

#ftgrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: center;
            grid-row: 1;
            grid-column: 2;
  					justify-self: center;
  					align-self: center;
}

#ftgrid3 {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: center;
            grid-row: 1;
            grid-column: 3;
  					justify-self: center;
  					align-self: center;
}

#ftgrid4 {
            -ms-grid-row: 1;
            -ms-grid-column: 4;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: center;
            grid-row: 1;
            grid-column: 4;
  					justify-self: center;
  					align-self: center;
}

#ftgrid5 {
            -ms-grid-row: 1;
            -ms-grid-column: 5;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: center;
            grid-row: 1;
            grid-column: 5;
  					justify-self: center;
  					align-self: center;
}

#ftgrid6 {
            -ms-grid-row: 1;
            -ms-grid-column: 6;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: center;
            grid-row: 1;
            grid-column: 6;
  					justify-self: center;
  					align-self: center;
}

#ft2grid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
				-ms-grid-column-align: center;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
				justify-items: center;
  			align-items: center;
    		margin: 3px 5px 3px 5px;
    		padding: 3px 5px 3px 5px;
}

#ft2grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: right;
            grid-row: 1;
            grid-column: 1;
  					justify-self: center;
  					align-self: center;
						margin-left: 340px;
}

#ft2grid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: left;
            grid-row: 1;
            grid-column: 2;
}

#donategrid {
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto;
    		margin: 5px;
    		padding: 5px;
}

#donategrid1 {
        grid-row: 1;
        grid-column: 1;
    		padding: 5px;
}

#donategrid2 {
        grid-row: 1;
        grid-column: 2;
    		padding: 5px;
}

#donategrid3 {
        grid-row: 1;
        grid-column: 3;
    		padding: 5px;
}

.donate_stats {
		width: 100%;
		float: left;
}

.div_center {
    display: flex;
		flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.pipe_left  {
    height: 12px;
    border-left: 1px solid #000000;
    margin: 3px 5px 3px 5px;
}

.pipe_right  {
    height: 12px;
    border-right: 1px solid #000000;
    margin: 3px 5px 3px 5px;
}

#hymgrid {
        display: -ms-grid;
        -ms-grid-columns: 60% 40%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 60% 40%;
}

#hymgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#hymgrid2 {
						display: flex;
						justify-content: flex-end;
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
}

#videogrid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
}

#videogrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
						width: 330px;
		 				padding: 5px 5px 5px 0px;
}

#videogrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
						width: 427px;
		 				padding: 5px 5px 5px 0px;
}

#sabbathgrid {
        display: -ms-grid;
        -ms-grid-columns: 30% 30% 30%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 30% 30% 30%;
}

#sabbathgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#sabbathgrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
						display: flex;
}

#sabbathgrid3 {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 3;
						display: flex;
}

#mediaplayergrid {
        display: -ms-grid;
        -ms-grid-columns: 68% 32%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 68% 32%;
}

#mediaplayergrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#mediaplayergrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
}

#tzeastwestgrid {
        display: -ms-grid;
        -ms-grid-columns: 50% 50%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 50% 50%;
}

#tzeastwestgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-row: 1;
            grid-column: 1;
}

#tzeastwestgrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            grid-row: 1;
            grid-column: 2;
}

.video_right_320 {
	float: right;
	width: 320px;
	height: 240px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.video_right_427 {
	float: right;
	width: 427px;
	height: 240px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.tel_video1 {
	width: 640px;
	height: 480px;
}

.tel_video2 {
	width: 480px;
	height: 360px;
}

.tel_video3 {
	width: 320px;
	height: 240px;
}

.div_bottom {
  bottom: 0px;
  background-color: #FFFFFF;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 11pt;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.font_title_list {
     text-decoration: none;
     background-color: transparent;
     cursor:pointer;
		 font-size: 10pt;
     color: #3A83DC;
}

.font_title1 {
     text-decoration: none;
     background-color: transparent;
     cursor:pointer;
		 font-size: 14pt;
     color: #3A83DC;
		 line-height: 1.2;
}

.font_title2 {
		 font-size: 14pt;
     color: #3A83DC;
		 line-height: 1.5;
}

.font_blue1 {
     font-size: 14pt;
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_blue2 {
     font-size: 10pt;
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_blue3 {
     font-size: 9pt;
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_teaser {
     color: #444444;
     font-size: 10pt;
		 line-height: 1.2;
}

.font_text {
     color: #444444;
     font-size: 10pt;
		 line-height: 1.2;
}

.font1 {
     color: #444444;
     font-size: 10pt;
		 line-height: 1.2;
}

.font2 {
     color: #444444;
     font-size: 11pt;
		 line-height: 1.2;
}

.font4 {
     color: #444444;
     font-size: 12pt;
		 line-height: 1.2;
}

.font5 {
     color: #3A83DC;
     font-size: 12pt;
		 line-height: 1.2;
}

.font6 {
     color: #444444;
     font-size: 9pt;
		 line-height: 1.2;
}

.font_white1 {
     font-size: 10pt;
		 color: #FFFFFF;
}

.font_white2 {
     font-size: 13pt;
		 color: #FFFFFF;
}

.font_white2_bold {
     font-weight: bold;
     font-size: 13pt;
		 color: #FFFFFF;
}

.font_gray1 {
     font-size: 10pt;
		 color: #808080;
		 line-height: 1.2;
}

.font_gray2 {
     font-size: 9pt;
		 color: #808080;
		 line-height: 1.2;
}

.font_gray3 {
     font-size: 10pt;
		 color: #808080;
		 line-height: 1.2;
}

.font_yellow1 {
     font-size: 10pt;
		 color: #FFFF00;
		 line-height: 1.2;
}

.font_maroon1 {
     font-size: 10pt;
		 color: #A40900;
		 line-height: 1.2;
}

.font_maroon14 {
     font-size: 14pt;
		 color: #A40900;
		 line-height: 1.2;
}

.font_slidetabs {
     font-size: 16pt;
		 color: #000000;
		 text-decoration: none;
}

.font_back_to_top {
     font-size: 9pt;
}

.font_AC_Test {
     font-size: 10pt;
}

.td_ministudy {
		 text-align: center;
}

.font_gray_score {
     font-size: 10pt;
		 color: #808080;
		 padding-bottom: 3px;
}

.div_video_player {
     color: #444444;
     font-size: 12pt;
     font-weight: bold;
		 line-height: 1.2;
}

.div_video_player_mobile {
    position: absolute;
    top: -99999px;
}

.div_audio_player {
		margin-top: 10px;
}

h1 {
		font-family:Helvetica,Arial,serif;
		font-size: 16pt;
		color: #FFFFFF;
		padding: 1px 0px 0px 0px;
}

p {
		font-size: 10pt;
}

.mobile_P {
}

pre {
   font-family: Courier, Helvetica, sans-serif;
   font-size: 13px;
}

.div_hght_250 {
  	min-height: 250px;
}

.pagedivhz1t {
	border-top: 1px solid #808080;
	}

.pagedivhz1b {
	border-bottom: 1px solid #808080;
	}

.pagedivvt1 {
	border-left: 1px solid #808080;
	}

.pagedivvt2 {
	border-left: 1px dashed #209DD2;
	}

.celldivhz1 {
	border-bottom: 1px dotted #209DD2;
	}

.celldivhz2 {
	border-bottom: 1px dotted #3A83DC;
	}

.wwndiv1 {
	border-bottom: 1px dotted #3A83DC;
	}

.pagedivhztfoot {
	border-top: 1px solid silver;
	}

.outline_text {
	outline-style: inherit;
	outline-color: #990038;
	outline-width: 1px;
}

.outline_text_alt {
	text-shadow: #FFFF00;
}

.td1 {
	border-bottom: 1px dotted #000000;
	}

.td2 {
	border-bottom: 1px dotted #EBF0F5;
	}

.td_mag1 {
	}

.td_faq1 {
	}

.td_wwn1 {
  width: 58%;
  float:left;
  margin-top: 7px;
	}

.td_wwn2 {
  width: 22%;
  float:right;
  margin-top: 7px;
	}

.td_wwn3 {
  margin-top: 35px;
  float:left;
	}

.div_faq_left {
	padding: 0 0 10px 5px;
}

.div_faq_right {
  float:right;
}

ul li {
list-style-type: solid circle;
margin: 0 0 0px;
padding: 0 0 0 0px;
font-size: 13px;
nowrap;
}

.ul1 {
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	list-style-position: outside;
}

.li1 {
	margin: 0 0 0 250;
	}

.ul2 {
	padding:  0px 0px 0px 5px;
  margin: 0px 0px 0px 10px;
}

.li2 {
	padding: 0px 0px 5px 0px;
}

input.btnpdf {
     text-decoration: none;
     text-align: left;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
}

input.btnblk {
     text-decoration: underline;
     text-align: center;
     font-weight: bold;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk2 {
     text-decoration: underline;
     text-align: center;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk3 {
     text-decoration: underline;
     text-align: left;
     font-weight: bold;
     width: 200;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk4 {
     text-decoration: underline;
     text-align: center;
		 font-size: 9px;
     width: 125;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk5 {
     text-decoration: underline;
     text-align: left;
		 font-size: 18px;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
	   margin: 0px;
	   padding: 0px;
}

input.getPDF {
     text-decoration: underline;
     text-align: center;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
     padding: 0;
     margin: 0;
     white-space:nowrap;
}

.hr { height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#3A83DC; }
.hr_div { height: 0; border-style: solid; border-width: 1px 0 0 0; border-color:#C0C0C0; }
.hr_sidebar { height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#AA0A00; }

.styled-select-1 select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.styled-select-mobile select {
    position: absolute;
    top: -99999px;
}

.styled-select-ythmag select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.styled-select-ythmag_mobile select {
    position: absolute;
    top: -99999px;
}

.styled-select-cowork select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.styled-select-cowork_mobile select {
    position: absolute;
    top: -99999px;
}

.styledSelectSearch select div:hover {
   background: transparent;
   width: 100px;
   padding: 3px;
   font-size: 14px;
   border: 1px solid #ccc;
   height: 25px;
}

.hr-mobile {
  position: absolute;
  top: -99999px;
}

.h1_name {
						font-family:Helvetica,Arial,serif;
						font-size: 24pt;
						color: #FFFFFF;
						margin: 0px;
						padding: 0px 0px 0px 15px;
  					text-shadow: 2px 2px 0px #000000;
}

.rel {
	padding: 5px;
	position: relative;
	z-index: inherit;
}

.curved {
	height: absolute;
  overflow: hidden;
	background-color: #f0f0f0;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_blue {
	height: absolute;
	background-color: #EBF0F5;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved2 {
	height: absolute;
  overflow: hidden;
	background:#1E1E1E url(https://www.hwalibrary.com/images/grad2.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #565656;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

#curved3 {
	height: absolute;
	background-color: #FFFFEC;
	margin: 1px auto 1px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_blue2 {
	background:#347CDA url(https://www.hwalibrary.com/images/grad4.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #6FA2E5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_red {
	height: absolute;
	background-color: #AE0701;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_red2 {
	background:#AE0701 url(https://www.hwalibrary.com/images/grad5.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #AC1515;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

/*MP3/MP4 Download Button Start*/
input.btnmp3 {
background-image: url(https://www.hwalibrary.com/images/mp3Dwnload1.png);
}

input.btnmp3:hover {
background-image: url(https://www.hwalibrary.com/images/mp3Dwnload2.png);
}

.div_mp3 {
float: right;
}

.div_mp3_right {
float: right;
}

.div_mp4_right {
float: right;
}
/*MP3/MP4 Download Button End*/

.div_pdf_container {
    width:600px;
		height:41px;
		margin-top: -30px;
}

.div_pdf_container_transcript {
    width:600px;
		height:41px;
		margin-top: -30px;
}

/*Q&A Slider*/

#hs{ cursor: pointer; }
#down_arrow{ display: none; }
#view{display: none};

/*Q&A Slider*/

/*Autocomplete Start*/

#term{
    width:260px;
		height:20px;
		font-size:13px;
		white-space: nowrap;
		zoom: 1;
}

#term2{
    width:530px;
		height:26px;
		font-size:13px;
		display:inline-block;
		white-space: nowrap;
		zoom: 1;
}

.gobutton {
  font-family: verdana;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 13px !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 4px;
  border: 1px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
}
.gobutton:hover {
  color: #F4FF61 !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

.gobutton2 {
		width:75px;
		height:26px;
		font-family: arial;
		font-size:13px;
		padding: 3px 3px 3px 3px;
    cursor:pointer;
}

.characterSpan{
    position: absolute;
    visibility: hidden;
    display: block;
}

.item.autocomplete {
    font-weight: bold;
		font-size:13px;
}

ui-autocomplete2 { position: absolute; cursor: default; }	

* html .ui-autocomplete2 { width:1px; } /* without this, the menu expands to 100% in IE6 */

.progress-indicator {
   top:0;
   right:0;
   width:100%;
   height:100%;
   position:fixed;
   text-align:center;
   /* IE filter */
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity:0.5;    /* Mozilla extension */
   -khtml-opacity:0.5;  /* Safari/Conqueror extension */
   opacity:0.5; /* CSS3 */
   z-index:1000;
   background-color:#C0C0C0;
   display:none;
 }

 .progress-indicator img {
	border: 1px solid #C0C0C0;
	padding: 15px 150px 15px 150px;
	background-color: #000000;
  margin-top:425px;
  margin-left:150px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
 }

.ui-menu2 {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}

/*Sabbath & Bible Study Audio/Video Player Start */

#playlist {
    display:table;
    padding:0 0 0 25px;
}
#playlist li {
   	font-size: 13px;
    font-weight: bold;
    color:#3A83DC;
    cursor:pointer;
    padding:0 0 10px 0;
}

#playlist li:hover {
    color:#FF0000;                        
}

#videoarea {
    float:left;
    width:480px;
    height:360px;
    margin:5px;    
		background-color: rgb(0,0,0);
		border: 1px solid #888;
		-moz-box-shadow: 0 3px 5px #888;
 		-webkit-box-shadow: 0 3px 5px #888;
 		box-shadow: 0 3px 5px #888;
}

/*Sabbath & Bible Study Audio/Video Player End */

div.jHtmlArea .ToolBar ul li a.custom_disk_button {
background: url(images/disk.png) no-repeat;
background-position: 0 0;
}
        
div.jHtmlArea { border: solid 1px #ccc; }

a:hover {	color: #FF0000; text-decoration: underline}
a:visited {	color: #3A83DC; text-decoration: underline}
a:active {	color: #FF0000; text-decoration: underline}
a:link {	color: #3A83DC; text-decoration: underline}

a.special_13:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
		 font-size:13px;
     }

a.special_13:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
		 font-size:13px;
     }

a.special_13:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
		 font-size:13px;
     }

a.special_13:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
		 font-size:13px;
     }

a.special:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
     }

a.special:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:link {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.special2:visited {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:hover {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:active {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

/* special3 used on ssi index & sidemenu */
a.special3:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special3:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special3:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special3:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: none;
		 }
/* special3 used on ssi index */

/* spec1 used on pagebreakes */
a.spec1:link { 
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:visited {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:hover {
     color: #FF0000;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:active {
     color: #FF0000;
     background-color: transparent;
     text-decoration: none;
     }
/* spec1 used on pagebreakes */

a.highligh:link { 
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     }
a.highligh:visited {
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     }

a.highligh:hover {
     color: #808080;
     background-color: transparent;
     text-decoration: underline;
     cursor: pointer;
     }

a.highligh:active {
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     cursor: pointer;
     }

a.logo:link { 
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.logo:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.logo:hover {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.logo:active {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.black:link { 
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }
a.black:visited {
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }

a.black:hover {
     color: #444444;
     background-color: transparent;
     text-decoration: underline;
     cursor:pointer;
     }

a.black:active {
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }

a.pc_mob_nav_16:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
   	 font-size: 16px;
		 font-weight: bold;
     }

a.pc_mob_nav_16:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
   	 font-size: 16px;
		 font-weight: bold;
     }

a.pc_mob_nav_16:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
   	 font-size: 16px;
		 font-weight: bold;
     }

a.pc_mob_nav_16:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
   	 font-size: 16px;
		 font-weight: bold;
     }

/*SideMenu - Start*/

.arrowlistmenu{
width: 195px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Arial;
color: white;
background: #3B81DC url(https://www.hwalibrary.com/images/grad2.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(https://www.hwalibrary.com/images/grad4.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3A83DC;
background: url(https://www.hwalibrary.com/images/redarrow.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 12px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #3A83DC;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FF0000;
background-color: #F3F3F3;
}

span.highlighted {
	background-color: #161616;
	font-weight: bold;
}
span.term0 {
	background-color: #161633;
}
span.term1 {
	background-color: #331616;
}
span.term2 {
	background-color: #163316;
}

/*My AutoComplete DropDownMenu - Start*/

.acmenu ul li a{
width:260px;
height:24px;
font-family:arial;
font-size:14px;
white-space: nowrap;
overflow: auto;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 194px; /*width of menu*/
border: 1px solid #D7D7D7;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #808080 url(https://www.hwalibrary.com/images/glossyback.gif) repeat-x bottom left;
font: normal 13px Verdana;
color: white;
display: block;
position: relative;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(https://www.hwalibrary.com/images/glossyback2.gif);
}

.glossymenu div.submenu{
background: #F0F0F0;
}

.glossymenu div.submenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #D7D7D7;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Verdana;
color: #808080;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #B2D3FF;
color: #000000;
}

/*SideMenu - End*/

.img-frame-cap-right {
     width:300px;
     background:#ffffff;
     padding:5px 5px 5px 5px;
		 margin: 5px 5px 5px 10px;
     border:1px solid #999999;
		 float: right;
}

.img-frame-cap-left {
     width:300px;
     background:#ffffff;
     padding:5px 5px 5px 5px;
		 margin: 5px 10px 5px 5px;
     border:1px solid #999999;
		 float: left;
}

fieldset {
	 	padding:10px;
   	font-size: 13px;
		line-height: 1.25em;
}

.fieldset_red_border {
		border: 1px solid #AA0A00;
}

.legend_red {
		background-color:#AA0A00;
    text-align: center;
		width : 155px;
		padding: 3px;
}

.fieldset_right {
		width: 325px; 
		float: right;
}

.fieldset_left {
		width: 325px; 
		float: left;
}

.fieldset_right_325 {
		width: 316px; 
		float: right;
}

.fieldset_left_325 {
		width: 325px; 
		float: left;
}

.fieldset_center_325 {
		width: 325px; 
		float: center;
}

.div_caption {
     padding: 5px 5px 5px 5px;
		 margin: 15px 0px 15px 0px;
		 border-top: 1px solid #808080;
		 border-bottom: 1px solid #808080;
		 font-size: 13px;
		 font-style: italic;
}

.tabledisp1 {
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	}

.tabledisp2 {
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.tabledisp3 {
	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	}

.tabledisp4 {
	border-top: 1px solid #AA0A00;
	border-left: 1px solid #AA0A00;
	border-right: 1px solid #AA0A00;
	border-bottom: 1px solid #AA0A00;
	}

.div_pdf {
	border: 1px solid #E8E8E8;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	padding: 5px;
	margin: 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.div_right_pdf {
	border: 1px solid #E8E8E8;
	padding: 5px;
	margin: 5px;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	float: right;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.div_left_pdf {
	border: 1px solid #E8E8E8;
	padding: 5px;
	margin: 5px;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	float: left;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.drop_pdf {
  position: relative;
	width: 125px;
	height: 5px;
	float: right;
  top: 38px;
  left: 124px;
	margin-left: 150px;
	}

.div_qr_code {
	width: 170px;
	float: right;
}

.transcript_right {
	float: right;
	border: 1px solid #E8E8E8;
	padding: 5px;
	margin: 5px;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

div#photo_container{max-width:250em;height:auto;position:relative;z-index:2}
div#photo_container a{text-decoration:none;color:white;cursor:default;font-weight:normal;}
div#photo_container a span{visibility:hidden;position:absolute;left:15em;background:#3A83DC;width:20em;border:1px solid #000000;font-size:0.8em;padding:0.3em;cursor:default;line-height:140%;}
div#photo_container a:hover span{visibility:visible;}

input.btnGetURL1 {
		 background-image: url(https://www.hwalibrary.com/images/URLIconSm.gif);
}

input.btnGetURL2 {
     text-decoration: none;
     text-align: left;
		 font-size: 15px;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
}

/* Hide Mobile Chapter Menu */

.hwa-2 .dl-menuwrapper button {
	display: none;
}

.hwa-2 .dl-menuwrapper button:hover,
.hwa-2 .dl-menuwrapper button.dl-active,
.hwa-2 .dl-menuwrapper ul {
	display: none;
}
/* Hide Mobile Chapter Menu */

.imgborder {
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder {
	clear: both;
}

.imgborder_center {
	float: center;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}
	
.imgborder_center {
	clear: both;
}

.imgborderleft {
	float: left;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 10px 10px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborderleft {
	clear: both;
}

.imgborder_top {
	top: 20;
	float: right;
	position: relative;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_top {
	clear: both;
}

.img_resize_both_left {
	width: 98%;
  height: auto;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.img_resize_both_left {
	clear: both;
}

.imgborder_r_300 {
	width: 300px;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_r_300 {
	clear: both;
}

.imgborder_faq {
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_faq {
	clear: both;
}

.imgborder_thb {
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_thb {
	clear: both;
}

.qrcodeborder {
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.qrcodeborder {
	clear: both;
}

.audio_video_img {
	max-width: 200px;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.audio_video_img {
	clear: both;
}

.listen_list {
	float: center;
 	padding: 15px 5px 5px 5px;
}

.listen_item {
	float: center;
 	padding: 15px 5px 5px 5px;
}

.read_more {
	width: 100%;
}

.read_on {
	width: 100%;
}

.mag_title {
	width: 85%;
}

.mag_by {
	width: 15%;
	float: right;
}

.mag_title_pad {
	width: 100%;
  white-space:nowrap;
	padding: 0px 25px 0px 0px;
}

.pgr_title {
	width: 60%;
	float: left;
	padding: 5px 0px 0px 0px;
}

.pgr_by {
	width: 23%;
	float: left;
	padding: 5px 0px 0px 0px;
}

.pgr_cover {
	width: 17%;
	float: right;
}

.pgr_thumb {
	float:right;
	padding-right:12px
}

.pgr_line {
	float: left;
}

.list_menu_container {
	width: 100%;
	display:inline-block;
	padding: 3px 0px 3px 0px;
}

#list_menu_title {
	width: 50%;
  float:left;
	padding: 0px 5px 0px 0px;
}

#list_menu_by {
	width: 30%;
  float:left;
	padding: 0px 5px 0px 5px;
}

#list_menu_year {
	width: 15%;
  float:left;
	text-align: right;
	padding: 0px 5px 0px 5px;
}

.list_menu_container_av {
	width: 100%;
	display:inline-block;
	padding: 3px 0px 3px 0px;
}

#list_menu_title_av {
	width: 44%;
  float:left;
	padding: 0px 5px 0px 0px;
}

#list_menu_by_av {
	width: 27%;
  float:left;
	padding: 0px 5px 0px 5px;
}

#list_menu_year_av {
	width: 17%;
  float:left;
	text-align: right;
	padding: 0px 5px 0px 5px;
}

#list_menu_dwnload_av {
	width: 8%;
  float:left;
	text-align: right;
}

.list_menu_container_ac {
	width: 100%;
	display:inline-block;
	padding: 3px 0px 3px 0px;
}

#list_menu_title_ac {
	width: 63%;
  float:left;
	padding: 0px 5px 0px 0px;
}

#list_menu_by_ac {
	width: 25%;
  float:left;
	padding: 0px 5px 0px 5px;
}

#list_menu_dwnload_ac {
	width: 8%;
  float:left;
	text-align: right;
	padding: 0px 5px 0px 5px;
}

#fot_grid {
        display: -ms-grid;
        -ms-grid-columns: auto auto auto;
        -ms-grid-rows: auto 1fr;
				-ms-grid-column-align: center;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto;
				justify-items: center;
  			align-items: center;
    		margin: 3px 5px 3px 5px;
    		padding: 3px 5px 3px 5px;
}

#fot_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: right;
            grid-row: 1;
            grid-column: 1;
  					justify-self: center;
  					align-self: center;
						margin-left: 200px;
}

#fot_grid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: left;
            grid-row: 1;
            grid-column: 2;
}

#fot_grid3 {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
						-ms-grid-column-span: 1;
						-ms-grid-column-align: left;
            grid-row: 1;
            grid-column: 3;
}

#fot_reg1_grid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
}

#fot_reg1_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
						width: 150px;
}

#fot_reg1_grid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
}

#fot_reg2_grid {
        display: -ms-grid;
        -ms-grid-columns: 25% 25% 25% 25%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 25% 25% 25% 25%;
}

#fot_reg2_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#fot_reg2_grid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 2;
}

#fot_reg2_grid3 {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 3;
}

#fot_reg2_grid4 {
            -ms-grid-row: 1;
            -ms-grid-column: 4;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 4;
}

.td_140_fot {
	height: 140px;
}

#AddToAny_buttons {
	display: flex;
  justify-content: flex-end;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-left: -5px;
}

} /* End PC */


/* Page Layout Start Mobile */

@media screen and (max-width: 640px) {

header {
						background-image:url('https://www.hwalibrary.com/images/headerhdbg.gif');
						height: 130px;
}

#sitebg { 
    top:0px;
    bottom: 0px;
		width: 100%;
    height: 100%;
    background-repeat: repeat;
    position: absolute;
    overflow-x: scroll;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		margin-top: 0;
  	background-color: #FFFFFF;
		border: 1px solid black;
}

#header_grid {
        display: grid;
				width: 100%;
				grid-gap: 2px;
        grid-template-rows: 25px;
				grid-template-columns: auto;
}

#header_grid1 {
            grid-row: 1;
            grid-column: 1;
						padding: 1px;
}

#header_grid2 {
            grid-row: 2;
            grid-column: 1;
						float:right;
						padding: 1px;
}

#header_grid3 {
            grid-row: 3;
            grid-column: 1;
						float:right;
						padding: 1px;
}

#header_grid4 {
            grid-row: 4;
            grid-column: 1;
						float:right;
						padding: 1px;
}

#search-content {
	float:right;
  height: 130px;
  bottom: 0px;
}

#indexgrid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: 1px auto auto auto; /*4 rows */
}

#telecast {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
}

#telecast_video {
				padding: 5px;
            -ms-grid-row: 2; /*place into row 2 / column 1*/
            -ms-grid-column: 1;
}

#telecast_teaser {
     		color: #444444;
            -ms-grid-row: 3; /*place into row 2 / column 1*/
            -ms-grid-column: 1;
}

#magazine {
            -ms-grid-row: 4;
            -ms-grid-column: 1;
}

#booklets {
            -ms-grid-row: 5;
            -ms-grid-column: 1;
}

#biblestudy {
            -ms-grid-row: 6;
            -ms-grid-column: 1;
}

#sermons {
            -ms-grid-row: 7;
            -ms-grid-column: 1;
}

#footer {
            -ms-grid-row: 8;
            -ms-grid-column: 1;
}

#mtrlgrid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: 1px auto;
}

#sidemenu {
            -ms-grid-row: 2;
            -ms-grid-column: 2;
						-ms-grid-column-span: 2;
    				position: absolute;
    				top: -99999px;
}

#content {
            -ms-grid-row: 2;
        		-ms-grid-columns: 100%;
}

#list_page_ft {
            -ms-grid-row: 3;
            -ms-grid-column: 100%;
}

#searchgrid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 1fr;
}

#refine_search {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 100%;
    				position: relative;
    				height: 20px;
						overflow: hidden;
    				top: -99999px;
}

#ftgrid {
        display: -ms-grid;
        -ms-grid-columns: 1px auto 1px auto 1px auto 1px auto 1px auto 1px auto 1px;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto auto auto auto;
}

#ftgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ftgrid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ftgrid3 {
            -ms-grid-row: 3;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 3;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ftgrid4 {
            -ms-grid-row: 4;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 4;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ftgrid5 {
            -ms-grid-row: 5;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 5;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ftgrid6 {
            -ms-grid-row: 6;
            -ms-grid-column: 2;
						-ms-grid-column-span: 1;
            grid-row: 6;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ft2grid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
}

#ft2grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#ft2grid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#donategrid {
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto;
}

#donategrid1 {
        grid-row: 1;
        grid-column: 1;
  			padding-bottom: 15;
}

#donategrid2 {
        grid-row: 2;
        grid-column: 1;
  			padding-bottom: 15;
}

#donategrid3 {
        grid-row: 3;
        grid-column: 1;
  			padding-bottom: 15;
}

.donate_stats {
display: none
}

.div_center {
  	display: block;
  	margin-left: 0px;
   	width: 100%;
}

.pipe_left  {
		 padding: 5px 0px 5px 0px;
}

.pipe_right  {
		 padding: 5px 0px 5px 0px;
}

#hymgrid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
}

#hymgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
		 				padding: 5px 0px 5px 0px;
}

#hymgrid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
						display: flex;
		 				padding: 5px 0px 5px 0px;
}

#videogrid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 100%;
}

#videogrid1 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
		 				padding: 5px 0px 5px 0px;
}

#videogrid2 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
						width: 100%;
						height: auto;
		 				padding: 5px 0px 5px 0px;
}

#sabbathgrid {
        display: -ms-grid;
        -ms-grid-columns: auto auto auto;
        -ms-grid-rows: auto 1fr;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto;
}

#sabbathgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#sabbathgrid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
						display: flex;
}

#sabbathgrid3 {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 3;
            grid-column: 1;
						display: flex;
}

#mediaplayergrid {
        display: -ms-grid;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: auto 1fr;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto;
}

#mediaplayergrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#mediaplayergrid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
						display: flex;
}

#tzeastwestgrid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 1fr;
        display: inline-grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 100%;
}

#tzeastwestgrid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#tzeastwestgrid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
}

.video_right_320 {
	width: 100%;
	max-width: 320px;
	height: auto;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.video_right_427 {
	width: 100%;
	max-width: 427px;
	height: auto;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.tel_video1 {
  width: 100%;
  height: 100%;
}

.tel_video2 {
	width: 320px;
	height: 240px;
}

.tel_video3 {
	width: 256px;
	height: 192px;
}

.div_bottom {
  bottom: 300px;
  background-color: #FFFFFF;
	text-align: center;
}

.font_title_list {
		 padding: 5px 0px 5px 0px;
     text-decoration: none;
     background-color: transparent;
     cursor:pointer;
     color: #3A83DC;
}

.font_title1 {
		 padding: 5px 0px 5px 0px;
     text-decoration: none;
     background-color: transparent;
     cursor:pointer;
     color: #3A83DC;
}

.font_title2 {
		 padding: 5px 0px 5px 0px;
     color: #3A83DC;
}

.font_blue1 {
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_blue2 {
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_blue3 {
		 color: #3A83DC;
		 line-height: 1.2;
}

.font_teaser {
     color: #444444;
}

.font_text {
     color: #444444;
}

.font1 {
     color: #444444;
}

.font2 {
     color: #444444;
}

.font4 {
     color: #444444;
}

.font5 {
     color: #3A83DC;
}

.font6 {
     color: #444444;
}

.font_white1 {
     font-size: 2vm;
		 color: #FFFFFF;
}

.font_white2 {
     font-size: 3vm;
		 color: #FFFFFF;
}

.font_white2_bold {
     font-weight: bold;
     font-size: 3vm;
		 color: #FFFFFF;
}

.font_gray1 {
     font-size: 2vm;
		 color: #808080;
}

.font_gray2 {
     font-size: 1.2vm;
		 color: #808080;
}

.font_gray3 {
     font-size: 1.2vm;
		 color: #808080;
}

.font_yellow1 {
     font-size: 2vm;
		 color: #FFFF00;
}

.font_maroon1 {
     font-size: 2vm;
		 color: #A40900;
}

.font_maroon14 {
     font-size: 3vm;
		 color: #A40900;
}

.font_slidetabs {
  display: none;
}

.font_back_to_top {
     font-size: 2vm;
}

.font_AC_Test {
     font-size: 2vm;
}

.td_ministudy {
		 text-align: left;
}

.font_sidemenu_list {
     font-weight: bold;
     font-size: 18px;
		 color: #FFFF93;
}

.font_gray_score {
     font-size: 1.2vm;
		 color: #808080;
		 padding-bottom: 3px;
}

.div_video_player {
    position: absolute;
    top: -99999px;
}

.div_video_player_mobile {
     font-weight: bold;
     font-size: 2vm;
		 padding: 10px 20px 0px 0px;
}

.div_audio_player {
		margin-top: 10px;
}

h1 {
		font-family:Helvetica,Arial,serif;
		font-size: 5.9vw;
		color: #FFFFFF;
		padding: 1px 0px 0px 0px;
}

.mobile_P {
		margin-top: 15px;
}

pre {
   font-family: Courier, Helvetica, sans-serif;
   font-size: 14px;
}

.div_hght_250 {
}

.pagedivhz1t {
	border-top: 1px solid #808080;
	}

.pagedivhz1b {
	border-bottom: 1px solid #808080;
	}

.pagedivvt1 {
	border-left: 1px solid #808080;
	}

.pagedivvt2 {
	border-left: 1px dashed #209DD2;
	}

.celldivhz1 {
	border-bottom: 1px dotted #209DD2;
	}

.celldivhz2 {
	border-bottom: 1px dotted #3A83DC;
	}

.wwndiv1 {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #3A83DC;
	}

.pagedivhztfoot {
	border-top: 1px solid silver;
	}

.outline_text {
	outline-style: inherit;
	outline-color: #990038;
	outline-width: 1px;
}

.outline_text_alt {
	text-shadow: #FFFF00;
}

.td1 {
	border-bottom: 1px dotted #000000;
	}

.td2 {
	border-bottom: 1px dotted #EBF0F5;
	}

.td_mag1 {
	border-bottom: 1px dotted #C0C0C0;
	}

.td_faq1 {
	border-bottom: 1px dotted #C0C0C0;
	}

.td_wwn1 {
	padding-top: 5px;
	padding-bottom: 5px;
  width: 70%;
	}

.td_wwn2 {
	padding-top: 5px;
	padding-bottom: 5px;
  width: 70%;
	border-bottom: 1px dotted #3A83DC;
	}

.td_wwn3 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #3A83DC;
	}

.div_faq_left {
	padding: 10px 0 10px 0px;
}

.div_faq_right {
	padding: 10px 0 10px 0px;
}

ul li {
list-style-type: solid circle;
margin: 0 0 0px;
padding: 0 0 0 0px;
font-size: 13px;
nowrap;
}

.ul1 {
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: disc;
	list-style-position: outside;
}

.li1 {
	margin: 0 0 0 250;
	}

.ul2 {
	padding:  0px 0px 0px 5px;
  margin: 0px 0px 0px 10px;
}

.li2 {
  font-size: 1.2vm;
	padding: 0px 0px 5px 0px;
}

input.btnpdf {
     text-decoration: none;
     text-align: left;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
}

input.btnblk {
     text-decoration: underline;
     text-align: center;
     font-weight: bold;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk2 {
     text-decoration: underline;
     text-align: center;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk3 {
     text-decoration: underline;
     text-align: left;
     font-weight: bold;
     width: 200;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk4 {
     text-decoration: underline;
     text-align: center;
		 font-size: 9px;
     width: 125;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
}

input.btnblk5 {
		 white-space: normal;
     text-decoration: underline;
     text-align: left;
		 font-size: 16px;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
	   margin: 0px;
	   padding: 0px;
}

input.getPDF {
     text-decoration: underline;
     text-align: center;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #0000FF;
     padding: 0;
     margin: 0;
     white-space:nowrap;
}

.h1_name {
     font-size: 28px;
		 margin: 0px;
		 padding: 0px 0px 0px 15px;
		 color: #FFFFFF;
  	 text-shadow: 2px 2px 0px #000000;
}

.styled-select-mobile select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.styled-select-ythmag_mobile select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.styled-select-cowork_mobile select {
   background: transparent;
   width: 200px;
   padding: 5px;
	 margin: 5px 0px 0px 0px;
   font-size: 13px;
   border: 1px solid #ccc;
   height: 35px;
}

.hr-mobile { height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#C0C0C0;
}

.rel {
	padding: 5px;
	position: relative;
	z-index: inherit;
}

.curved {
	height: absolute;
  overflow: hidden;
	background-color: #f0f0f0;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_blue {
	height: absolute;
	background-color: #EBF0F5;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved2 {
	height: absolute;
  overflow: hidden;
	background:#1E1E1E url(https://www.hwalibrary.com/images/grad2.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #565656;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

#curved3 {
	height: absolute;
	background-color: #FFFFEC;
	margin: 1px auto 1px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_blue2 {
	background:#347CDA url(https://www.hwalibrary.com/images/grad4.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #6FA2E5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_red {
	height: absolute;
	background-color: #AE0701;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #d7d7d7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

.curved_red2 {
	background:#AE0701 url(https://www.hwalibrary.com/images/grad5.png) repeat-x;
	margin: 5px auto 5px auto;
	padding: 5px;
	border: 1px solid #AC1515;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(https://www.hwalibrary.com/design/border-radius.htc);
}

/*MP3 Download Button Start*/
input.btnmp3 {
background-image: url(https://www.hwalibrary.com/images/mp3Dwnload1.png);
}

input.btnmp3:hover {
background-image: url(https://www.hwalibrary.com/images/mp3Dwnload2.png);
}

.div_mp3 {
float: right;
}

.div_mp3_right {
width: 75px;
height: 80px;
float: right;
}

.div_mp4_right {
width: 75px;
height: 80px;
float: right;
}

/*MP3 Download Button End*/

.div_pdf_container {
		margin-top: -30px;
}

.div_pdf_container_transcript {
		margin-top: -30px;
}

/*Autocomplete Start*/

#term{
    width:125px;
		white-space: nowrap;
		zoom: 1;
		z-index: 3;
}

#term2{
    width:330px;
		font-family:arial;
		display:inline-block;
		white-space: nowrap;
		zoom: 1;
		position:relative;
		z-index: 3;
}

.gobutton {
	width:50px;
  font-family: verdana;
  font-weight: bold;
  color: #FFFFFF !important;
  text-shadow: 1px 1px 0px #7CACDE;
  border: 2px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
}
.gobutton:hover {
  color: #F4FF61 !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

.gobutton2 {
		width:50px;
		height:28px;
    cursor:pointer;
}

.characterSpan{
    position: absolute;
    visibility: hidden;
    display: block;
}

.item.autocomplete {
    font-weight: bold;
}

ui-autocomplete2 { position: absolute; cursor: default; }	

* html .ui-autocomplete2 { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu2 {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}

/*Autocomplete End*/

.progress-indicator {
   top:0;
   right:0;
   width:100%;
   height:100%;
   position:fixed;
   text-align:center;
   /* IE filter */
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity:0.5;    /* Mozilla extension */
   -khtml-opacity:0.5;  /* Safari/Conqueror extension */
   opacity:0.5; /* CSS3 */
   z-index:1000;
   background-color:#C0C0C0;
   display:none;
 }

 .progress-indicator img {
	border: 1px solid #C0C0C0;
	padding: 15px 150px 15px 150px;
	background-color: #000000;
  margin-top:425px;
  margin-left:150px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
 }

/*Sabbath & Bible Study Audio/Video Player Start */

#playlist {
    display:table;
    padding:0 0 0 5px;
}
#playlist li {
   	font-size: 13px;
    font-weight: bold;
    color:#3A83DC;
    cursor:pointer;
    padding:0 0 5px 0;
}

#playlist li:hover {
    color:#FF0000;                        
}

#videoarea {
    float:left;
    width:95%;
		height: auto;
    margin:1px;    
		border: 1px solid #888;
		-moz-box-shadow: 0 3px 5px #888;
 		-webkit-box-shadow: 0 3px 5px #888;
 		box-shadow: 0 3px 5px #888;
}

/*Sabbath & Bible Study Audio/Video Player End */

div.jHtmlArea .ToolBar ul li a.custom_disk_button {
background: url(images/disk.png) no-repeat;
background-position: 0 0;
}
        
div.jHtmlArea { border: solid 1px #ccc; }

a:hover {	color: #FF0000; text-decoration: underline}
a:visited {	color: #3A83DC; text-decoration: underline}
a:active {	color: #FF0000; text-decoration: underline}
a:link {	color: #3A83DC; text-decoration: underline}

a.special_13:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special_13:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
     }

a.special_13:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special_13:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
     }

a.special:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:link {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.special2:visited {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:hover {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

a.special2:active {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: underline;
     }

/* special3 used on ssi index & sidemenu */
a.special3:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special3:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.special3:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.special3:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: none;
		 }
/* special3 used on ssi index */

/* spec1 used on pagebreakes */
a.spec1:link { 
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:visited {
     color: #3A83DC;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:hover {
     color: #FF0000;
     background-color: transparent;
     text-decoration: none;
     }

a.spec1:active {
     color: #FF0000;
     background-color: transparent;
     text-decoration: none;
     }
/* spec1 used on pagebreakes */

a.spec_menu:link {
		 font-weight: bold;
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.spec_menu:visited {
		 font-weight: bold;
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
     }

a.spec_menu:hover {
		 font-weight: bold;
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.spec_menu:active {
		 font-weight: bold;
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     }

a.highligh:link { 
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     cursor: pointer;
     }
a.highligh:visited {
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     cursor: pointer;
     }

a.highligh:hover {
     color: #808080;
     background-color: transparent;
     text-decoration: underline;
     cursor: pointer;
     }

a.highligh:active {
     color: #808080;
     background-color: transparent;
     text-decoration: none;
     cursor: pointer;
     }

a.logo:link { 
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }
a.logo:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.logo:hover {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.logo:active {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     }

a.black:link { 
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }
a.black:visited {
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }

a.black:hover {
     color: #444444;
     background-color: transparent;
     text-decoration: underline;
     cursor:pointer;
     }

a.black:active {
     color: #444444;
     background-color: transparent;
     text-decoration: none;
     cursor:pointer;
     }

a.pc_mob_nav_16:link {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     font-size: 4vm;
		 font-weight: bold;
     }

a.pc_mob_nav_16:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: underline;
     font-size: 4vm;
		 font-weight: bold;
     }

a.pc_mob_nav_16:hover {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     font-size: 4vm;
		 font-weight: bold;
     }

a.pc_mob_nav_16:active {
     color: #FFFF00;
     background-color: transparent;
     text-decoration: underline;
     font-size: 4vm;
		 font-weight: bold;
     }

/*Slide Out Notice for Material - NOT CURRENTLY BEING USED - TABS GET IN THE WAY!*/
.slide-out-div {
  display: none;
}
.slide-out-div2 {
  display: none;
}
.slide-out-div3 {
  display: none;
}
/*Slide Out Notice for Material - NOT CURRENTLY BEING USED - TABS GET IN THE WAY!*/

fieldset {
	 	padding:10px;
		line-height: 1.25em;
}

.fieldset_red_border {
		border: 1px solid #AA0A00;
}

.legend_red {
		background-color:#AA0A00;
    text-align: center;
		width : 155px;
		padding: 3px;
}

.fieldset_right {
		width: 325px; 
		float: right;
}

.fieldset_left {
		width: 325px; 
		float: left;
}

.fieldset_right_325 {
		width: 316px; 
		float: right;
}

.fieldset_left_325 {
		width: 325px; 
		float: left;
}

.fieldset_center_325 {
		width: 325px; 
		float: center;
}

.div_caption {
     padding: 5px 5px 5px 5px;
		 margin: 15px 0px 15px 0px;
		 border-top: 1px solid #808080;
		 border-bottom: 1px solid #808080;
		 font-size: 13px;
		 font-style: italic;
}

.div_pdf {
	border: 1px solid #E8E8E8;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	padding: 5px;
	margin: 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.div_right_pdf {
	border: 1px solid #E8E8E8;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	float: right;
	padding: 5px;
	margin: 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.div_left_pdf {
	border: 1px solid #E8E8E8;
	padding: 5px;
	margin: 5px;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	float: left;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.drop_pdf {
  position: relative;
	width: 125px;
	height: 5px;
	float: right;
  top: 38px;
  left: 124px;
	margin-left: 150px;
	}

.div_qr_code {
	width: 170px;
	float: right;
}

.transcript_right {
	float: right;
	border: 1px solid #E8E8E8;
	padding: 5px;
	margin: 5px;
	width: 40px;
	height: 40px;
	background-color: #F7F9FB;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

div#photo_container{max-width:250em;height:auto;position:relative;z-index:2}
div#photo_container a{text-decoration:none;color:white;cursor:default;font-weight:normal;}
div#photo_container a span{visibility:hidden;position:absolute;left:15em;background:#3A83DC;width:20em;border:1px solid #000000;font-size:0.8em;padding:0.3em;cursor:default;line-height:140%;}
div#photo_container a:hover span{visibility:visible;}

input.btnGetURL1 {
		 background-image: url(https://www.hwalibrary.com/images/URLIconSm.gif);
}

input.btnGetURL2 {
     text-decoration: none;
     text-align: left;
     background-color: transparent;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     cursor:pointer;
     color: #3A83DC;
		 font-size: 3vm;
}

/* Mobile Chapter Menu */
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.container > header {
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header {
	line-height: 1.0;
	margin: 0;
	color: #89867e;
}

.container > header span {
	display: block;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

.main,
.container > header {
	position: relative;
	width: 100%;
}

.main {
	max-width: 69em;
	float: left;
}

.hwa-2 .dl-menuwrapper button {
	background: #78A8E7;
}

.hwa-2 .dl-menuwrapper button:hover,
.hwa-2 .dl-menuwrapper button.dl-active,
.hwa-2 .dl-menuwrapper ul {
	background: #3A83DC;
}
/* Mobile Chapter Menu */

.imgborder {
  max-width: 98%;
  height: auto;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder {
	clear: both;
}

.imgborder_center {
  max-width: 100%;
  height: auto;
	float: center;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}
	
.imgborder_center {
	clear: both;
}

.imgborderleft {
  max-width: 100%;
  height: auto;
	float: left;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 10px 10px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborderleft {
	clear: both;
}

.imgborder_top {
  max-width: 100%;
  height: auto;
	top: 5;
	float: right;
	position: relative;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_top {
	clear: both;
}

.img_resize_both_left {
  width: 98%;
  height: auto;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
}

.img_resize_both_left {
	clear: both;
}

.imgborder_r_300 {
  max-width: 100%;
  height: auto;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_r_300 {
	clear: both;
}

.imgborder_faq {
  max-width: 100%;
  height: auto;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_faq {
	clear: both;
}

.imgborder_thb {
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.imgborder_thb {
	clear: both;
}

.qrcodeborder {
  max-width: 100%;
  height: auto;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.qrcodeborder {
	clear: both;
}

.audio_video_img {
  max-width: 40%;
  height: auto;
	float: right;
	border: 1px solid #888;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 5px 5px 5px;
	-moz-box-shadow: 0 3px 5px #888;
 	-webkit-box-shadow: 0 3px 5px #888;
 	box-shadow: 0 3px 5px #888;
	}

.audio_video_img {
	clear: both;
}

.listen_list {
 	padding: 5px 3px 3px 3px;
}

.listen_item {
 	padding: 5px 3px 3px 3px;
}

.read_more {
	width: 100%;
}

.read_on {
	width: 100%;
}

.mag_title {
	width: 100%;
}

.mag_title_pad {
	padding: 0px 0px 0px 0px;
}

.mag_by {
	width: 100%;
	border-bottom: 1px dotted #3A83DC;
 	padding: 0px 0px 5px 0px;
}

.mag_type {
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: 1px dotted #3A83DC;
}

.pgr_title {
	width: 85%;
	float: left;
}

.pgr_by {
	width: 85%;
	float: left;
 	padding: 0px 0px 5px 0px;
}

.pgr_cover {
	width: 15%;
	float: right;
}

.pgr_thumb {
	width: auto;
	float:right;
}

.pgr_line {
	width: 100%;
	float:left;
	border-bottom: 1px dotted #3A83DC;
}

.list_menu_container {
	width: 100%;

}

#list_menu_title {
	width: 100%;
	padding: 3px 0px 0px 0px;
}

#list_menu_by {
	width: 100%;
}

#list_menu_year {
	width: 100%;
	padding: 0px 0px 3px 0px;
}

.list_menu_container_av {
	width: 100%;
	padding: 3px 0px 3px 0px;
}

#list_menu_title_av {
	width: 100%;
	padding: 3px 0px 0px 0px;
}

#list_menu_by_av {
	width: 100%;
}

#list_menu_year_av {
	width: 100%;
}

#list_menu_dwnload_av {
	width: 100%;
	padding: 0px 0px 3px 0px;
}

.list_menu_container_ac {
	width: 100%;
	padding: 3px 0px 3px 0px;
}

#list_menu_title_ac {
	width: 100%;
	padding: 3px 0px 0px 0px;
}

#list_menu_by_ac {
	width: 100%;
}

#list_menu_dwnload_ac {
	width: 100%;
	padding: 0px 0px 3px 0px;
}

i {
  border: solid white;
 	border-width: 0 2px 2px 0;
  display: inline-block;
 	padding: 3px 3px 4px 3px;
}

.right {
 transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
 transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
} 

#fot_grid {
        display: -ms-grid;
        -ms-grid-columns: auto auto auto;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: auto auto auto;
}

#fot_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#fot_grid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#fot_grid3 {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 3;
            grid-column: 1;
		 				padding: 3px 0px 3px 0px;
}

#fot_reg1_grid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 100%;
}

#fot_reg1_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#fot_reg1_grid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
}

#fot_reg2_grid {
        display: -ms-grid;
        -ms-grid-columns: 100%;
        -ms-grid-rows: auto 1fr;
        display: grid;
				grid-gap: 5px;
        grid-template-rows: auto 1fr;
				grid-template-columns: 100%;
}

#fot_reg2_grid1 {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 1;
            grid-column: 1;
}

#fot_reg2_grid2 {
            -ms-grid-row: 2;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 2;
            grid-column: 1;
}

#fot_reg2_grid3 {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 3;
            grid-column: 1;
}

#fot_reg2_grid4 {
            -ms-grid-row: 4;
            -ms-grid-column: 1;
						-ms-grid-column-span: 1;
            grid-row: 4;
            grid-column: 1;
}

.td_140_fot {
	height: 140px;
}

#AddToAny_buttons {
	display: flex;
  justify-content: flex-end;
	padding: 5px;
}

} /* Mobile navigation */

/* Page Layout End */

/*Slide Out Notice for Material - NOT CURRENTLY BEING USED - TABS GET IN THE WAY!*/
@media only screen and (min-width: 1024px) {
.slide-out-div {
     padding: 20px 20px 10px 50px;
     width: 230px;
     background: #FFFFFF;
     border: 1px solid #29216d;
}
.slide-out-div2 {
     padding: 20px 20px 10px 50px;
     width: 230px;
     background: #FFFFFF;
     border: 1px solid #29216d;
}
.slide-out-div3 {
     padding: 20px 20px 10px 20px;
     width: 250px;
     background: #FFFFFF;
     border: 1px solid #29216d;
}
}
/*Slide Out Notice for Material - NOT CURRENTLY BEING USED - TABS GET IN THE WAY!*/

.td_div1 {
	background: url(https://www.hwalibrary.com/images/div1.gif) repeat-y;
	background-position:center;
	}

.hr { height: 0; border-style: dotted; border-width: 1px 0 0 0; border-color:#3A83DC; }

.div_title_padding {
  	padding: 10px 0px 10px 0px;
}

.date_pad {
  	padding: 10px 0px 10px 0px;
}

.read_more {
  	padding: 10px 0px 10px 0px;
}

.p_right {
	font-size: 13px;
	float: right;
}

.text_left {
	float:left;
	margin-top:10px;
	padding:12px;
	margin-bottom:10px;
	width:99%;
	font-size:13px;
}

.text_right {
	float:right;
	margin-top:10px;
	padding:12px;
	margin-bottom:10px;
	width:99%;
	font-size:13px;
}

span.hilite {background:yellow}

.highlight {
    background-color: #FFFF88;
}

.pipe_left_pc_mobile  {
    height: 12px;
    border-left: 1px solid #000000;
    margin: 3px 5px 3px 5px;
}

/*YouTube*/
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100% !important;;
    width:100% !important;;
    position:absolute;
}

/*YouTube*/

/*These items may not be used anymore, if they are it is in the text of the DB only - Start*/

.table_300 {
	height: 335px;
	}

.td_1 {
	height: 1px;
	background:#FFFFFF url(https://www.hwalibrary.com/images/div3.gif) repeat-x;
	}

.td_2 {
	height: 1px;
	background:#FFFFFF url(https://www.hwalibrary.com/images/menu_bg.gif) repeat-x;
	}

.td_40 {
	height: 40px;
	}

.td_633 {
	height: 633px;
	}

.td_right {
	border-right: 1px solid #DBE1EE;
	}

.mytabledisp1 {
	border-top: 1px solid #DBE1EE;
	border-left: 1px solid #DBE1EE;
	border-right: 1px solid #DBE1EE;
	border-bottom: 1px solid #DBE1EE;
	}

#imgborder_fot {
	width: auto;
	max-width: 100%;
	display: block;
	}

textarea {	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    width: 100%;
    }

#bottom {border-bottom: 1px dashed #C0C0C0;}

/* Message for auto save Bible Study test - All is used on other p throughout */
p#message {clear:left; margin-left:50px; margin-top:30px; font-size: 14px;}

/*BaseMenu*/
.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #808080;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;
}

.ddsubmenustyle li a{
display: block;
width: 210px; /*width of menu (not including side paddings)*/
color: #3A83DC;
background-color: #D2E1F7;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #808080; /*ok*/
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 175px; /*width of menu (include side paddings of LI A*/
border-right: 1px solid #808080;
}

.ddsubmenustyle li a:hover{
background-color: #8BB1EB;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/*BaseMenu*/

/*TopMenu*/
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-top: 0px solid #2E2E2E;
border-bottom: 0px solid #2E2E2E;
background: transparent;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: right;
display: block;
text-decoration: underline;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-left: 1px solid white; /*right divider between tabs*/
color: white;
background: transparent;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
color: yellow;
background: transparent; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: transparent; /*background of tab with "selected" class assigned to its LI */
}
/*TopMenu*/

/*DropDownMenu - End*/