/* clears all space around common items,  since browsers have different default spacing for them */

body, p, h1, h2, h3, blockquote {
	padding: 0;
	margin: 0;
}

/* Setting up the basic site elements */

body {
	background-color:#fff;  
	font-family: Verdana, Arial,Helvetica, sans-serif;
	font-size: 16px;
}
.section-heading, .skip-content {
	position:absolute;
	text-indent: -9999px;
}
p {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height:1.5em;
}
blockquote {
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 1.5em;
}
li {
	line-height: 1.5em;
}
h1 {
	font-size:22px;
	font-weight:normal;
	margin-bottom: 10px;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin-bottom: 10px;
}
h3 {
	font-size:16px;
	font-weight:normal;
	margin-bottom: 10px;
}
a {
	text-decoration:none;
}

a img {border:none;}
a:link {color:#0066cc;}
a:visited {color: #00F;}
a:hover {color: #C00;}
a:focus {outline:#06F solid 2px;}
a:active {color:#5A6F8E;}
/*  END BASIC ELEMENTS */

/* Header */

.headerBanner {
	/*width:100%;*/
	max-width: 925px;
	margin-bottom:5px; 
	text-align: center; 
	margin-top: 10px; 
	display:table;
/*	padding: 0 10px;*/
}
.mainBanner {
	display:block;
	width: 100%;
}
.mainBanner, .mobileBanner {
	width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.mobileBanner {
	max-width: 550px;
}
.navBar {
	width: 100%;
	margin-bottom: 10px;
	background-color:#003366; 
	vertical-align:central;
	display:table;
}
.searchField {
	max-width: 199px;
	background-color:#003366;
	padding:4px 5px;
	/*border-left: #FFF 1px solid;*/
	z-index:1000;
	display: inline;
	float:right;
}
/* END Header */


.PageWrapper {
	max-width: 925px; 
	display: block; 
	margin-left: auto; 
	margin-right: auto;
/*	text-align:center;*/
}
.copyBlock {
	margin-top: 10px; 
	margin-bottom: 30px; 
	margin-left:auto; 
	margin-right:auto; 
	display:table;
	padding: 10px;
	background-color: #d0ebff; 
	width:100%;
	font-size: 10px;
}
.footerBlock {
	display: table; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	padding-bottom: 5%; 
	padding-top: 2%; 
	max-width: 925px;
	width: 100%;
}
.footerLinks { 
	font-size:12px; 
	font-variant:small-caps; 
	color:#990000; 
}
.buttondock {
	width:220px;
	margin-bottom: 10px;
}
table.sermonmenu {
    border-color: #858585;
    border-width: 0 1px 1px 1px;
    border-style: solid;
	font-size: 12px;
	width: 220px;
}
#sideBar {
	text-align: center;
	display:inline-block;
}
#mainBody {
	display:inline;
	float:left;
	width: 100%;
	max-width: 695px;
	margin-right: 10px;
}
.infoBar { 
	border: 1px solid #003366; 
	width:100%; 
	margin-bottom: 10px;
}
.weeklyVideo {
	border: 1px solid #003366;
	width:100%;
}
/* YouTube videos embeds responsive */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;  
	overflow: hidden;
	margin-bottom: -21px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
}
/* Study Index */
.studyBooksCol {
	font-size:16px; 
	padding-right: 50px; 
	width: 35%; 
	text-align:left; 
	float:left; 
	padding-left: 10px; 
	display:inline-block;
}
.studyDatesCol {
	font-size:16px; 
	padding-right:20px; 
	width: 20%; 
	float:left; 
	padding-left: 10px; 
	height: 100%; 
	display:inline-block;
}
.studyToolsCol {
	font-size: 14px;
	float:left; 
	width: 30%; 
	padding-left: 10px;
	text-align:right;
}

/* END Study Index */

/* Study pages table styles */
table.transTable {
	width: 100%;
	max-width: 900px;
	margin-left:auto; 
    margin-right:auto;
}
.transTable tbody td {
	text-align:left;
	vertical-align:middle;
	padding: 5px;
}
table.transTable td {
	height: 25px
}
table.transTable th {
	height: 25px;
	vertical-align:middle;
}
#verses {
	width: 190px;
}
#date {
	width: 65px;
}
#pdf {
	width: 25px;
}
#audio {
	width: 25px;
}
#video {
	width: 25px;
}
.transTable td img {
	display: block;
	margin-left:auto;
	margin-right:auto;
}
/* end studies page table styles */

/* Sermon transcript styles */

.studyPage {
	width:100%;
	max-width:800px;
	margin-left:auto; 
    margin-right:auto;
}
.studyFooter, .studyHeader {
	text-align:center;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border: 1px solid #009;
	background-color:#F7F7F7;
	color:#009;
}
#studyGoogleTranslate {
	text-align:center;
	padding: 20px;
	margin-bottom: 20px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border-bottom: 1px solid #009;
	background-color: #bad8ff;
	color: #bad8ff;
}
.studyHeader {
	max-width: 300px;
}
.studyFooter {
	max-width: 620px;
}

.studyBody {
	text-align:left;
	padding:20px;
}
.transTitle {
	font-size: 26px;
	text-align:center;
	margin-bottom: 3px;
}
.transSub {
	text-align:center;
	margin-bottom: 3px;
}
.transDate {
	text-align:center;
}

.vidPageTitle {
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 3px;
	margin-top: 10px;
	padding-top: 20px;
}
/* Media, Previous and Next arrows on sermon transcipts */

table.mediaTable {
	max-width: 165px;
	border-top: #960000 2px solid;
	border-bottom: #960000 2px solid;
	margin-bottom: 30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
table.mediaTable td {
	text-align:right;
	vertical-align:middle;
	padding-left: 5px;
	height: 25px;
}
table.mediaTable #message {
	width: 105px;
}

.arrow-previous {
  border-color: white #009 white white;
  border-style:solid;
  border-width:20px 30px 20px 5px;
  width:0;
  height:0;
}

.arrow-next {
  border-color: white white white #009;
  border-style:solid;
  border-width:20px 5px 20px 30px;
  width:0;
  height:0;
}
/* Conference Page */
#conference-01 {
	display:table;
	text-align:center;
}
.speakersSection {
	width: inherit;
	display: table;
	margin-left:auto !important;
	margin-right:auto !important;
}
.speakerBlock {
	max-width: 120px;
	min-width: 120px;
	float:left;
	text-align:center;
	vertical-align:top;
	display: inline;
	height: auto;
	font-size: 10px;
}
.confReg {
	padding: 10px;
	width:100%;
	border: solid 1px #000;
}
.confRegBlock {
	display: inline;
	float:left;
	width: 47%;
	text-align:left;
	vertical-align:top;
	padding-left:20px;
}
/* Media sets page */
.mediaBlock {
	max-width: 200px;
	min-width: 200px;
	text-align:center;
	padding: 10px; 
	vertical-align:top;
	display: inline-block;
	float:left;
	font-size: 14px;
}


/* Main Nav Menu Seach Box */

/*.ie .searchField {
	padding-bottom: 4px;
	padding-top: 5px;
	padding-left: 19px;
}
.gecko .searchField {  
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 19px;
}
.chrome .searchField {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 30px;
}
.safari .searchField {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 26px;
}
.opera .searchField {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 27px;
}
.mobile .searchField {
	padding-bottom: 6px;
	padding-top: 5px;
	padding-left: 16px;
}*/
/* saf3+, chrome1+ */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.searchField {padding-left: 22px;	padding-bottom: 1px;}}*/
/* END NAV */
/* RefTagger Scripture tagger */
.lbsTooltip
{
	background:#fff;
	border: 1px solid gray;
	z-index: 99;
	text-align: left;
	text-indent: 0;
	letter-spacing: normal;
}

.lbsTooltip div
{
	text-align: left;
}

.lbsTooltipHeader
{
	background: #960000;
	color: white;
	font-weight:bold;
	font-size:15px;
	line-height: 18px;
	font-family:Arial,Helvetica,serif;
	margin: 0;
	padding:4px;
	position:relative;
	border: 0;
}

.lbsTooltipBody 
{
	padding: 4px 8px 0 8px;
	margin:0;
	position:relative;
	z-index: 2;
	border: 0;
	line-height:16px;
}

.lbsTooltipBody p, .lbsTooltipBody span
{
	display: inline;
	color: black;
	font-family:Arial,Helvetica,serif;
	font-size: 14px;
	line-height:16px;
}

.lbsTooltipFooter
{
	font-size:11px;
	font-family:Helvetica,Arial,serif;
	bottom:4px;
	margin-top: 4px;
	position:absolute;
	text-align:right;
	border: 0;
	letter-spacing: normal;
}

.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover 
{
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-size:11px;
	font-family:Helvetica,Arial,serif;
}

.lbsTooltipFooter div
{
	text-align:right;
}


.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref
{
	font-size: 85%;
	top: -1px;
	position: relative;
}

.lbsTooltipBody .ch-ref
{
	font-weight: bold;
}

.lbsTooltipBody .verse-ref
{
	color: dimgray;
}

.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p
{
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}

.lbsLibronix img
{
	float: none !important;
}
/* END RefTagger */
@media only screen and (max-width:925px) {
body {
	font-size:18px;
}
#mainBody {
	float:none;
	width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.buttondock {
	width:100%;
	text-align:center;
}
#sideBar {
	text-align:center;
    margin-left: auto;
    margin-right: auto;
	max-width:400px;
	margin-top: 10px;
}
table.sermonmenu {
	width:100%;
	font-size: 18px;
}
}
@media only screen and (min-width:551px) {
body {
	font-size:16px;
}
.mobileBanner {
	display: none;
}
#sideBar {
	text-align:center;
    margin: 0 auto;
	max-width:400px;
	margin-top: 10px;
}
.speakerBlock {
	max-width: 120px;
	min-width: 120px;
	text-align:center;
	padding: 10px; 
	vertical-align:top;
	display: block;
	height: auto;
	font-size: 10px;
}

h1, .vidPageTitle, .transTitle {
	font-size:20px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
}
@media only screen and (max-width:550px) {
body {
	font-size:16px;
}
.mainBanner {
	display: none;
}

.PageWrapper {
	padding-left: 5%;
	padding-right: 5%;
}
#sideBar {
	text-align:center;
    margin: 0 auto;
	max-width:400px;
	margin-top: 10px;
}
.speakerBlock {
	max-width: 120px;
	text-align:center;
	padding: 20px; 
	display: block;
	float:left;
	font-size: 10px;
}
.speakerBlock h3 {
    font-size:16px;
    }
h1, .vidPageTitle, .transTitle {
	font-size:20px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
}
@media only screen and (max-width:420px) {
body {
	font-size:16px;
}
.PageWrapper {
	padding-left: 5%;
	padding-right: 5%;
}
#sideBar {
	text-align:center;
    margin: 0 auto;
	max-width:400px;
	margin-top: 10px;
}
.copyBlock {
	font-size:14px;
}
.studyBooksCol {
	font-size:18px; 
	padding-right: 0; 
	width: 100%; 
	text-align:left; 
	float:left; 
	padding-left: 0; 
}
.studyDatesCol {
	font-size:18px; 
	padding-right:0; 
	width: 100%; 
	float:left; 
	padding-left: 0; 
}
.studyToolsCol { 
	font-size: 16px;
	width: 100%; 
	padding-left: 0;
	text-align:center;
}
.speakersSection {
	display: table;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}
.speakerBlock {
	float:none;
}
.speakerImg {
	float:none;
	text-align:center;
}
.confReg {
	width:100%;
	display:table-cell;
	text-align:center;
	font-size:14px;
	padding: 1%;
	}
.confRegBlock {
	display: table-cell;
	width: 100%;
	vertical-align:top;
	text-align:center;
	padding:0;
}

h1, .vidPageTitle, .transTitle {
	font-size:20px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
.footerLinks { 
	font-size:14px; 
	font-variant:small-caps; 
	color:#990000; 
}
}