/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */
/* Site Developed by Terry Barth Design www.terrybarthdesign.com  */

@media all{

/* CSS Document */
@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
font-size: 12px; font: inherit normal 100% inherit; color: #444; }
/* remember to define focus styles! */
:focus { 	outline: 0; }
body {	line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
	
/* blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; } */

	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	

  body {font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin:0; width:100%; color:#444444; }
  
  p, a, li       {line-height: 1.5em; } 
  h1, h2, h3, h4 {line-height: 1.1em; }
    
	a {color:#466087; text-decoration:underline; }
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img {border:0; vertical-align:top; max-width:100%; }
	form,
	fieldset {border:0; padding:0; margin:0; }
	h1 {font-size: 2em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 .5em; text-align:left; color:#00a8de;}
	h2 {font-size: 1.5em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.5em; text-align:Left; color:#8FBD28;}
	h3 {font-size: 1em; font-family:  Arial, Helvetica, sans-serif; margin:0 0 0.5em; text-align:Left; color:#00a8de;}
	ol, ul {padding: .5em 0 0 0; margin:0; list-style:none; }
	ul ul li.last {padding-bottom: 0;}
  ul li {list-style-type: disc; }
  ol li {list-style-type: decimal; }
  li {margin: 0 0 0.5em 1.5em; padding: 0 0 0 .5em;}
  
	p  {margin:0 0 1em;}
  hr {color:#ccc; background-color:#ddd; height:1px; border:none; width: 100%; margin: 1em auto; }

  .more    {float: right; display: inline-block;}
  .imageright {float: right; margin: 15px  0 5px 10px; border: 1px solid #eee;}
  .imageleft  {float: left;  margin: 15px 10px 5px 0;  border: 1px solid #eee;}
  .readmore {text-align: right; text-decoration: underline;}

	.image50 {width: 50%;}
	.image33 {width: 33%;}
	.imageshadow {
		-moz-box-shadow: 3px 3px 5px #aaa;
    	-webkit-box-shadow: 3px 3px 5px #aaa;
    	box-shadow: 3px 3px 5px #aaa;}
  .readmore {text-align: right; text-decoration: underline;}	
	
  .justifyright {text-align: right;}
  .justifyleft {text-align: left;}
	.hidden {display:none;}
	.box-main:after,
	.center:after {content:""; clear:both; display:block; }
	.right {float:right;} 
	.left {float:left;}
	.alignLeft {float:left; margin-right:1em; }
	.alignRight {float:right; margin-left:1em; }
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.row {width:100%; padding:1em 0; }
	.row:after {content:""; display:block; clear:both; }

	
	.columns {width:100%	}
	.columns:after {content:""; display:block; clear:both; }
	.columns > div  {float:left; vertical-align:top; }
	
	.half {width: 48.0%; margin-right: 1%; float: left;}
	.oneThird {width:31.5%; margin:1%; }
	.twoThird {width:64%; margin:1%; }
	.columns > div:first-child,
	.columns > article:first-child {margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .oneForth + .oneForth,
	.last {float:right; margin-right:0; }     
	.oneForth {width:23%; margin-right: 2%;}
	.threeForth{width:74.5%;}

    #sidebar {width: 18%; margin-right: 7%}

	.imgHolder {display:inline-block; padding:1px; margin-bottom:1em; max-width:100%;
		overflow:hidden;  }
	* +html .imgHolder {max-width:93.5%; border-width:3%; padding:0; }
	.imgHolder img {display:block;}

	
	.video-wrapper {width: 33%;	max-width: 100%;}	
	.video-container {position: relative; padding-bottom: 61.15%; padding-top: 0px; height: 0; overflow: hidden;}
	.video-container iframe,  
	.video-container object,  
	.video-container embed {position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important;}		
	
/* forms */	

	form,
	fieldset {padding:0; margin:0; border:0; }
	input, textarea, select {border:1px solid #ccc; width: 100%; margin-bottom: 1em; padding: .5em .25em;}
	input:focus, textarea:focus, select:focus {outline: none; }	
	input, select, textarea, label  {background:#fff; font:1em/1.214em Arial, Helvetica, sans-serif; 
		color:#444; resize:none; display: inline-block; /* float: left; display: block; width: 98%; margin-right: 1%;  */}
	
	
	textarea {overflow:auto; height:10.812em; }
	select option {}
	#city, #state, #zip, #country {float: left; margin-right: 2%; width: 32%;}
	select {padding: .4em .25em; }
	#country {margin-right: 0;}
	label {margin-bottom: .25em;} 
	.error {color: #E41124; padding: 2px 0px; display: inline-block;}
	#workemail {position: absolute; left: -10000px;}

	
	.form  input[type="checkbox"] {width: 30px; display: inline-block; border: 0; padding: 0; clear: left; }
	
	input[type=submit] {width: 100px; padding: .5em; margin-top: 1em; background-color: #ccc; border: 0;}
	input[type=submit]:hover {cursor: pointer; background-color: #8FBD28; color: #fff;}

	::-webkit-input-placeholder { color: #444; }
	:-moz-placeholder {color:    #444; }

	#form_container {position: relative;}
	#bookid {border: 0; border-bottom: 1px solid #aaa; padding: 0 0.75em; width: 100px; text-transform: uppercase; }
	#bookid input:focus {border: 0; outline: none;}
	
	.datapicker-container {float: left;}
	.datepicker {width: 100px; margin-right: 15px;}
	.dedication_id-container {float: left;}
	#dedication_id {width: 200px; }
	.city-container {clear: left;}
	#date-passed,
	#testimony-container {clear: left;}
	

	/* -webkit-box-shadow:0 0 6px #666; -moz-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; */	
	/*-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;   */
	/* background: #aaa url(../../assets/sitegraphics/file.png) repeat-x scroll 0px 0px; */
	
/*main styles*/
.pagewidth {width:100%;}
.center {max-width:960px; width: 98%;	margin:0 auto; }
	
header {width:100%; padding:1.143em 0; }

#logo {float: left; 165px; width: 25%; padding: 0; margin: 0;}
#logo img {  width: 100%;}


	table {width: 100%; border-collapse: collapse; }
	/* Zebra striping */
	tr.journal-entry:nth-of-type(even) {background: #eee; }
	/* tr:nth-of-type(odd) {background: #eee; } */
	td:before {font-weight: bold; }
	#search-by-book tr {border-bottom: 0;}
	thead tr:nth-of-type(1) {background: #00A8DE; color: white; font-weight: bold; }
	thead td {color: white; font-weight: bold; }
	td, th {padding: 6px; border: 1px solid #ccc; text-align: left; }

	.picker td,
	.picker th {border: 1px solid transparent;}
	td.picker__weekday {padding-bottom: 0.5em; }
	.picker thead tr:nth-of-type(1) {background: transparent none repeat scroll 0 0;
    color: inherit; font-weight: normal;}
	
	.picker__box,
	.picker__box table,
	.picker__box body,
	.picker__box th,
	.picker__box tr,
	.picker__box td,
	.picker__box div {font-size: 18px;}
	.picker .picker__button--today, 
	.picker .picker__button--clear, 
	.picker .picker__button--close {font-weight: normal;}




	.journal-entry {padding: 1em;  }
	.journal-entry:nth-of-type(even) {background: #eee;}

.label {font-weight: bold;}


/* tables */

table.tablesorter thead tr .header {
	background-image: url(../../assets/sitegraphics/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

}
	table.tablesorter thead tr .headerSortUp {background-image: url(../../assets/sitegraphics/asc.gif);}
    table.tablesorter thead tr .headerSortDown {background-image: url(../../assets/sitegraphics/desc.gif); }





.social {display: inline-block; float: right;}
.social a { margin: 0 .5em; text-decoration: none;}
a.social .icon-hover {display: none;}
a.social:hover .icon {display: none;;}
a.social:hover .icon-hover {display: inline-block;}

.social img {width: 20px;  margin: 3px 0 0 0; width: 24px;}


/**************  Drop Down Menu Style **************/
	
.slicknav_menu {display:none; }
.slicknav_menu li.last {float: none;}	
	
.dropdownmenu    {padding-left: 0px; margin-top: 50px; width: 75%; float: left;}
.dropdownmenu ul {padding: 0 0 0 5%; position: relative; z-index: 500; }
.dropdownmenu ul li {padding: 0; margin: 0; display: inline-block; height: 52px; padding-top: 2.5em; }
.dropdownmenu ul li.last a {float:left; margin-right:0; border-right: 0;}
.dropdownmenu ul li a {color:#00a8de; line-height:2em; border-right: 2px solid #ffc01e;
 display: inline-block; padding: 0 10px; text-align: center; }

.dropdownmenu ul li:hover {background: url(../../assets/sitegraphics/hover.png) no-repeat scroll center top; }
.dropdownmenu ul li:hover a,
.dropdownmenu ul li a:hover {color:#ffc01e;}

.dropdownmenu ul li.active a {color: #ffc01e;}

.dropdownmenu ul li:hover ul,
.dropdownmenu ul li a:hover ul { top:3em; left:0; width:100px; }

#sidebar {border-right: 2px solid #00a8de; padding-bottom: 2em;}
#sidebar ul li  {list-style-type: none; }


#sidebar ul li a:hover,/* yellow */
#sidebar ul li.active a,
#sidebar ul li.active a,
#sidebar ul li.active li.active a {color: #ffc01e;}

#sidebar ul li a,
#sidebar ul li.active li a {color: #00a8de; text-decoration: none;}  /* blue */


#sidebar ul li.last {float:none;}


/* vertical align menu  *

.dropdownmenu ul li {width: 15%; display: table; }		
.dropdownmenu ul li a {line-height: 1em; display: table-cell; vertical-align: middle;
    text-align: center;}	
.dropdownmenu ul li ul {padding: 10%; }	

	
/* vertical align content */

.vertical-align { width: 150px; height: 150px; background-color: #aaa; padding: 0px 10px; display: table; }
p.vertical-align-inner {display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; }



	footer {width:100%; overflow:hidden; padding:24px 0; color:#fff; line-height:16px; }
	footer a {color:#000; }
	footer .social {float: right;}
	footer .social a {text-decoration: none;}	
	#copyright {padding: 0; color: #ccc; float: right;}


.docnotfound li {list-style-type: none;}	
.docnotfound .last {float: none;}

/* clearing */
  .stretch,  .clear {  clear: both;  height: 1px;  margin: 0;  padding: 0;  font-size: 15px;
  line-height: 1px;  }
  .clearfix:after {  clear: both;  height: 0;  display: block;  visibility: hidden;  content: ".";  }
  .clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
  .clearfix {display:block;}
  /* End hide from IE Mac */
/* end clearing */

} /* End Media Query */

@media all and (max-width: 1024px){
}

@media all and (max-width: 960px){

}

@media all and (max-width: 780px){
#sidebar,
	.js .dropdownmenu {display:none;}
	.js .slicknav_menu {display:block;}
	.columns > div {float:none; margin:0; width:100%; }
	#logo {float: none;  width: 100%;}
	#logo img { width: 40%; margin: auto; }
}

@media all and (max-width: 600px){

	#city, #state, #zip, #country {width: 100%; float: none;}
  
	
	

}
@media all and (max-width: 504px){
	
}
@media all and (max-width: 320px){


}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#content{padding:0;}
}