body {
	font-family: 'gothic', Arial, Verdana, Helvetica, sans-serif;
    color: #555555;
    font-size: 16px;
	background-color: #FFFFFF;
	height: 100%;
	margin:0px;
	padding: 0;
}

html {
	height: 100%;
}

h1 {
	font-family: 'Istok Web', Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	/*color: #482756;*/
	font-weight: 800;
	margin-bottom: 0px;
}

h2 {
	font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	/*color: #482756;*/
	font-weight: 800;
	margin-bottom: 0;
}

h3 {
	font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*color:#482756;*/
	font-weight: 800;
	margin-bottom: 0px;
}

p {
	font-family: 'Noto Sans', Verdana,Arial,Helv,Sans Serif;
	font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 1em;
}

strong, b {
    font-weight: bold;
}

a img {
    border: none;
}

img {
    max-width: 100%;
}

.clearfix {
	display: inline-block;
	clear: both;
}

.clear {
	clear: both;
}

.wraptext { /* to wrap long urls */
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	width: 100%;
    clear: both;
	margin: 0 auto -149px;
}


#topline {
    width: 100%;
    height: 0.5%;
    background: #2f5d88;
    margin: 0.9% 0 0.8% 0;
    clear: both;
    font-size: 0.9%;
}


/* ----------------------------  Header ------------------------------------ */
#header {
	/*height: 100px;*/
    background-color: #000000;
	width: 100%;
    height: 10%;
    margin: 0 auto;
    clear: none;
	float: left;

}


#header_left {
	/*background: url(../../graphics/mobile/bus_directory_icon.png) no-repeat;*/
	width: 20%;
	float: left;

}

#header_left img {
    max-width: 100%;
}

#header_right {
	/*background: url(/content/graphics/global/header/header_images.png) no-repeat;*/
    /*background-color: #242b33;*/
    color: #ffffff;
	width: 75%;
    /*height: 10%;*/
	float: right;
	padding: 0 .05% 0 .05%;
    text-align: right;
    /*border: 1px solid red;*/

}

#header_right_top {
    text-align: right;
    color: #ffffff;
    font-size: 1.1em;
    padding: 1% 1% 1% 1%;
    margin-top: 2%;
    /*border: 1px solid yellow;*/
}


#header_login {
	clear:both;
	float: left;
	height: 40px;
	width:240px;
   /* border: 1px solid green; */
}

/* contains "Powered By Christian Pages" in header */
#header_cp {
	height: 40px;
	width:180px;
	float: left;
	text-align: right;
	padding-right: 10px;
    padding-top: 4px;
	font-family: 'Noto Sans',Verdana, Arial, Sans-serif;
	font-size: 12px;
}


/*  -------------------- Mobile Navigation ------------------------------  */

#menu {
    padding: 2%;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    margin-top: 4%;
    font-size: 1.1em;
}

#nav_list {
    /* div to hold toggled menu */
    /*position: absolute;
	z-index: 100;*/
    width: 100%;
    float: right;
    background-color: #000000;
    color: #ffffff;
}

#navigation_list ul {
	display: none;
    /*clear:both;*/
    list-style: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;

}



/*#navigation_list ul li ul {
    padding-left: 2%;
    font-size: 0.8em;

}*/

/*#navigation_list li li {
    padding-left: 2%;
    display: block;
    line-height: 2;
    font-size: 0.9em;
    border-bottom: 1px solid #666666;
    text-decoration: none;
}*/

#navigation_list li a{
    display: block;
    /*padding: 1% 1% 1% 2%;*/
    padding: 0.5em 0.5em 0.5em 1.5em;
    line-height: 2;
    border-bottom: 1px solid #666666;
    border-top: none;
    font-size: 0.9em;
    color: #ffffff;
    text-decoration: none;
}



/*#navigation_list li li a{
    display: block;
    padding-left: 3%;
    line-height: 2;
    border-bottom: 1px solid #666666;
    font-size: 0.8em;
    color: #ffffff;
    text-decoration: none;
}*/

#nav_close {
	/*padding: 1em 2em 1em 2em;*/

	margin-top: 1em;
	text-align: right;
	color: #ffffff;
	font-family: 'Istok Web', Arial, Helvetica, Sans Serif;
	border-bottom: none;
	border-top: 1px solid #666666;
	text-decoration: none;

}



.menu_button {
    display: block;
    text-align: right;
    color: #ffffff;
    text-decoration: none;
}

.menu_button:hover {
    color: #64b5dc;
    text-decoration: none;
}

#footer_nav li, #footer_nav li a {
    display: inline-block;

}
/* -------------------------------------------- End Navigation ---------------------- */


/* Home Page message */
.topmessage {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    clear:both;
    font-size: 1.1em;
    /*letter-spacing: -0.9em;*/
    line-height: 1.4;
    text-align: center;
    padding: 1em;
    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}






/*------------------------------ Mobile Specific ----------------------------- */

.page_header {
    width: 100%;
    /*background-color: #242b33;*/
    background-color: #555555;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    float: left;
    clear:both;
    padding: 4px 0 4px 0;
    margin: 4px 0 8px 0;
    font-family: Arial, Helvetica, Verdana, sans serif;
}

.page_header a {
    color: #ffffff;
    text-decoration: none;
}


.page_header_left {
    width: 8%;
    border-right: 1px solid #cccccc;
    padding: 4px 4px 4px 6px;
    display: block;
    float: left;
    clear: none;
}

.page_header_left a {
    display: block;
    height: 100%;
}

.page_header_left img {
    max-width: 100%;
}

.page_header_right {
    padding: 6px 4px 4px 4px;
    float: left;
    width: 80%;
    clear: none;
}


/* =========== Banner Ads ================= */
.bannerad {
	clear:both;
	width: 98%;
}

.bannerad img {
	max-width: 100%;
}



/* ========== Category Lists ============== */

.categorybox {
		float: left;
		width: 100%;
		clear: both;
}

.catcolumn img {

    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 600px) {
	.catcolumn {
		float: left;
		width: 44%;
		margin-right: 5%;
        margin-bottom: 1em;
        margin-bottom: 1em;
	}

}

@media screen and (max-width:599px) {
	.catcolumn {
		float: left;
		width: 98%;

	}
}




.catlist ul {
    display: inline;
    list-style-type: none;
    clear:both;
    margin-top: 0;
}

.catlist li {
    border-bottom: 1px solid #cccccc;
    padding: .5em .5em .5em .5em;
    width: 100%;
    list-style-type: none;


}

.catlist li a {
    color: #000000;
    display: block;
    height: 100%;
    text-decoration: none;
}


.catlist {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.9em;
    color: #555555;
}
















#content {
	height: 100%;
    /*font-family: 'Istok Web', Futura, Arial, Arial, Sans-serif;
    font-size: 0.8em;*/
	background-color:#FFFFFF;
	z-index: 700;
	clear: both;
	margin: 1%;
	width: 98%;
/*    border: 1px solid green; */

	}


#interior {
    width: 90%;
    margin: 1%;
    padding:2% 5% 2% 2%;
    float: left;
    position: relative;

}










#email_form {
    clear:both;
} /* Email contact form on listing page */



/* Facebook */
#fbshare {
	margin-top: 3px;
	margin-right: 10px;
	float: right;

}

#fblike {
	float: left;

}


#popup {background-color: #FFFFFF;
		background-image: none;}






#breadcrumb_box {
	width: 100%;
    margin: 2% 0 2% 0;
    padding: 0 2% 0 2%;
	text-align: left;
    line-height: 1.8em;
	clear: both;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;

}

.breadcrumb {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#555555;
    text-decoration: none;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#257196;
    text-decoration: none;
}



.breadcrumb_main, .breadcrumb_main a, .breadcrumb_main a:link, .breadcrumb_main a:active, .breadcrumb_main a:visited, .breadcrumb_main a:hover {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #257196;
    text-decoration: none;
}


/* /////////////////////// Zip Form /////////////////////// */

#zipbox {
	width: 98%;
	clear: both;
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0.4em 0.4em 0.6em 0.4em;
	padding-top:0.6em;
	line-height: 1.2em;

}

#zipmiles {
	width: 80%;
	float: right;
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: .4em 0 .4em 0;
	background-color: #ffffff;
	/*border: 1px solid pink;*/
}

.zipinput {
	font: 1em 'Istok Web', Arial, Verdana, Helvetica, sans-serif;
	/*-webkit-border-radius:1.2em;
	-ms-border-radius:1.2em;
	-moz-border-radius:1.2em;
	-o-border-radius:1.2em;
	border-radius:1.2em;*/
	padding: .1em;
	margin-bottom: .2em;
}

.zipbutton {
	background: none repeat scroll 0 0 #303030;
	border: medium none;
    color: #fff;
	display: inline-block;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: .2em .7em .2em .7em;
	cursor:pointer;
    -webkit-appearance: none;
}

/* /////////////////Search Box ////////////////////////////////////// */

.searchbox_wrapper {
    width: 99%;
    float: left;
    clear:both;
    vertical-align: top;
    margin-top: 1em;
    z-index: 20;

    /*color:#666666;*/
}

.searchbox_input {
	width: 90%;
	float: left;
	clear:both;
	padding: .4em;
    border: 1px solid #555555;
	/*-webkit-border-radius: 1.2em;
	-ms-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	-o-border-radius: 1.2em;
	border-radius: 1.2em; */
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: 20;
	color:#555555;
}

.searchleft {
	float: left;
	width: 75%;
	margin-left: 0.4em;
	/*border: 1px solid gray;*/
}

.searchright {
	float: left;
	width: 20%;
	/*border: 1px solid green;*/
}

.search_button {
	background: none repeat scroll 0 0 #303030;
	border: medium none;
    color: #fff;
	display: inline-block;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: .4em;
	cursor:pointer;
    -webkit-appearance: none;


}



/* ////////////////////////////  Toggle Box /////////////////////////////////// */

.togglebox {
  display: none;
  color: #ffffff;
}

.togglebox + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 2%;

}

.togglebox + label + div {
  display: none;
  margin-bottom: 2%;
}

.togglebox:checked + label + div {
  display: block;
}

.togglebox + label:before {
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 3%;
  text-align: center;

}

.togglebox:checked + label:before {
  content: "\2212";
}




/* ////////////////// Footer ////////////////////////////////////////////////// */

/*  ///////// SEE site.css for colors and widths, etc. /////    */

#footer_container {
	width: 100%;
	background: url(../graphics/global/footer_bgcolor.png) repeat;
	height: 149px;
	clear: both;

}



#footer {
	background-color: #ededed;
    width: 100%;
	clear: both;
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;


}





/* /// See content/global/site.css for colors!!!!!!!!!!!!! /////////////////////// */

#footer a:link {
	color: #82acde;
	text-decoration: none;
}

#footer a:active {
	color: #9c5eb7;
	text-decoration: none;
}

#footer a:visited {
	color: #82acde;
	text-decoration: none;
}


#footer a:hover   {
	color: #9c5eb7;
	text-decoration: none;
}

.footer_text {
	/*color: #769bcf;*/
	color: #FFFFFF;
}


.footer_nav {
    clear:both;
    font-size: 0.9em;
    padding: 2%;
    text-align: center;

}

.footer_nav img {
    max-width: 100%;
}

#footer_bottom {
	clear: both;
	padding: 2%;
    text-align: center;


}

#footer_textbox {
	float: right;
	margin: 60px 60px 10px 20px;

}




fieldset {
	margin: 3% 0 0 3%;
	padding: 1%;
	position: relative;
    border: 0;
    outline: 1px solid #cccccc;
    background-color: #ebebeb;
    /*font-size: 0.8em;*/
    width: 90%;

}

fieldset ol {
    padding: 1%;
    list-style: none;

}

fieldset li {
    padding-bottom: 1%;
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #333333;

}


input [type=text], input [type=tel], input [type=email] {
    line-height: 1.5em;
    height: 1.5em;
}


legend {
	display: block;
}

.church_signup_legend {
	margin-left:0;
	margin-bottom: 0;
	display: block;
	left: 0px;
	right: 0px;
	height: 25px;
	margin-top: -2px;
	padding: 5px 5px 10px 5px;
	font-family: 'Istok Web', Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFFFFF;
	width: 102%;
	background-color:#94688b;


}

/*.adforms_width {
	width: 623px;
}*/


.formbox {
	border: 1px solid #999999;
}

.church_signup_legend a,
.church_signup_legend a:active,
.church_signup_legend a:visited {
	color: #FFFFFF;
}

.church_signup_legend a:hover {
	color: #eabb2b;

}


.submitbox {
	float: right;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: right;
}

input.church_button {
	padding: 4px;
	background-color: #c58b21;
	border: 1px solid #666666;
	color: #FFFFFF;
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;

}

input.church_button_on {
	padding: 4px;
	background-color: #555555;
	border: 1px solid #666666;
	color: #FFFFFF;
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
}

input.alert_button {
    background-color: #b51319;
    color: #ffffff;
    border: 1px solid #666666;
    padding: 4px;
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer
}

.alert_button_on {
    background-color: #93080d;
    color: #ffffff;
    border: 1px solid #666666;
    padding: 4px;
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor:pointer;
}




/* Form button used in listing signup forms */
.form_button {
	background-color: #ffc92b;
	color: #333333;
    border: 1px solid #666666;
	font-weight: bold;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-left: -8px;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor:pointer;

}
.form_button_on {
	background-color: #f0bd29;
    color: #333333;
	border: 1px solid #666666;
	font-weight: bold;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-left: -8px;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;

}

.form_button a, .form_button_on a {
    text-decoration: none;
    display: block;
}




.formlabel_email {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    float: left;
    margin-right: 4px;
    width: 50px;

}

.formlabel_email_top {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    float: left;
    display: block;
}

.formlabel_church {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 160px;
	float: left;
	text-align: right;
	margin-right: 6px;
	/*line-height: 20px;*/
	vertical-align: bottom;

}

.formlabel_top {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	display: block;
	/*padding-left: 10px;*/
}

/* Use for radio buttons and check boxes */
.formlabel_right {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding-left: 4px;

}

.formlabel_file {
	float: left;
	color: #000000;
	margin-left: 6px;
	width: 120px;
	text-align: left;
	padding-right: 10px;
}


/* /////////////  Form Text Styles ///////////////// */

.form_sub {font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
		   color:#4B6996;
		   font-size: 12px;
		   /*font-weight:300;*/
		   }

.formsubhead
	{font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #7a4293;
	 font-weight: 800;

   }

/*.navbottom {
    float:left;
    margin-right: 15px;
} */
/*
.sourcebox {width:150px;}

.urlbox {width:350px;}       */

/* Honeypot field */
.sample {
    background-color: #ffffff;
    color: #ffffff;
    width: 2px;
    height: 2px;
    overflow: hidden;
}

/* //////// Moved link colors to site.css   !!!!  //////// */



/* //////   Text Section /// */

.bold {
    font-weight: bold;
}

.copyright {font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			color:#333333;
}

.right {text-align: right;}


.text  {
	font-family: 'Noto Sans', Verdana,Arial,Helvetica,Sans Serif;
	font-size: 1em;
    line-height: 1.4em;
}


.text2  {
	font-family: 'Istok Web', Verdana,Arial,Helv,Sans Serif;
	font-size: .9em;
	color: #000000;
}

.text3  {
	font-family: 'Istok Web', Verdana,Arial,Helv,Sans Serif;
	font-size: 11px;

}

/*  /////////////// Listing Text Styles ///////////// */


.BoldRed	{color:#990000;
        	 font-weight:bold;}

.BoldRed a, .BoldRed a:link, .BoldRed a:active, .BoldRed a:visited, .BoldRed a:hover {
    color:#990000;
}





.catlisting_name {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #01397e;
	font-weight: bold;
}



.distance {
	font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1F7474;
	text-align: right;
}

.document
{
	font-size: 0.9em;
    background-color: #ffffff;
	color:#000000;
	padding-left:3%;
	padding-right:3%;
    margin: 3% 0 4% 0;

}

.document ol {
    list-style-type: disc;
    margin-bottom: 1em;
}

.document ol ol {
    list-style-type:circle;
}

.document ol li {
    margin-left: 2em;
}

.document ul {
    list-style-type: lower-latin;
    margin-bottom: 1em;
}

.document ul li {
    margin-left: 2em;
}

.gray {
	color: #808080;
}

.head {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #555555;
    font-weight: 800;

}

/*.headline {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #242b33;
    font-weight: bold;
}*/


.divider  {
	clear:both;
	float: left;
	width: 98%;
	border-bottom: 1px solid #dddddd;
	/*margin: 3em 0 3em 0;*/
}

.imagebox {
	width: 98%;
	margin-left: .4em;

}

.imagebox img {
	max-width: 100%;

}

.page_headline {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #2f5d88;
    font-weight: bold;
}



.initial_wrapper {
	width: 98%;

}

.initial {
	/* used on mobile site to print intials for selecting listings or categories */
	font-family: 'Fira Mono', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	word-wrap: break-word;
	width: 2.5em;
	padding: .3em .5em .3em .5em;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #cccccc;
	color: #ffffff;
	line-height: 3.2em;
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.initial a:link, .initial a:active, .initial a:hover, .initial a:visited {
	color: #ffffff;
	text-decoration: none;
}

.on {
	display: block;
}

.off {
	display: none;
}

#init_header {
	margin: 0 0 1.8em 0;
	float: left;
	width: 100%;
}

.initial_headline {
	float:left;
	margin-top: 1em;
}

#change_init {
	float:left;
	margin-left: 1em;

}

.linktext
	{padding-left: 10px;}



/* rollover gray div for listings list - used in functions printMobileListings  */
.listingbox {
    display:block;
    background-color: #ffffff;
    clear: both;
    float: left;
    width: 94%;
    color:#555555;
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: .5em .5em .5em .5em;
    border-bottom: 1px solid #cccccc;
}

.listingbox_on , .listingbox_on:hover .listingbox:hover{
    display:block;
    background-color: #ebebeb;
}


.listingbox_left {
	width: 70%;
	float: left;
}

.listingbox_right {
	width: 30%;
	float: left;
}

.listingbox img, .listingbox_right img {
    max-width: 100%;
}

.listingbox_bottom {
	clear:both;
	float: left;
	width: 100%;
}

.listingbox_moreinfo {
	float: left;
	width: 48%;
}

.listingbox_distance {
	float: left;
	width: 50%;
}


.listinghead {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 800;
    margin-bottom: 2%;
}

/* //// Category listing page   /// */
.listingname {
    font-size: 1.1em;
    font-weight: bold;
    color: #257196;
}

.listingname a {
    text-decoration: underline;
}

.listingphone {
    font-family: 'Istok Web', Verdana,Arial,Helv,Sans Serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

.listingbody {
    font-family: 'Noto Sans', Futura, Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #555555;
}

.listing_connect {
	display: block;
	vertical-align: middle;

}

.listing_subcat {
	font-family:'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height: 18px;
	font-style: italic;
}


.main {font-family:'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	   font-size: 11px;

	}

.metro {
    font-size: 0.9em;
    width: 90%;
    padding: 5px;
}




.nationalbox {
	padding: 0.1em 0.1em 0 0;
	margin: 0 0 0.4em 0;
}

.nationalicon {
	float: left;
}

.nationalad {
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 0.3em 0 0.5em;
	float: left;
}



.nolistings {
	color: #999999;
}




.Red	{color:#990000;}

.Red a:link {color: #990000;}
.Red a:active {color: #990000;}
.Red a:visited {color: #990000;}
.Red a:hover {color: #990000;}




.scripture {font-family: Times, Times New Roman;
		    color: #7a4293;
			font-style: italic;
			font-size: 15px}

.searchcat {
	font-family:'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight: bold;
    color: #01397e;
}
/*.seemore {font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
		  font-style: italic;
		  font-weight: 500;
		  color:#1F7474;
		  }*/

.smallbreak {
	font-size: 5px;
}

.smallred {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color:#990000;
}


.smalltext{
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.sortby {
	font-size:0.9em;
	font-weight: bold;
	text-align: center;
	width: 90%;
	clear:both;
	border-bottom: 1px dotted #cccccc;
}

.subcat {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}


.subcat a:link {text-decoration: none;}
.subcat a:active {text-decoration: underline;}
.subcat a:visited {text-decoration: none;}
.subcat a:hover {text-decoration: underline;}

.subhead {
    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #242b33;
	font-weight: 800;
}

.subhead2 {
    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color:#242b33;
    font-weight: 800;

}



.tagline {
    font-style: italic;
    color:#000000;
    /*font-weight: bold;*/
    margin: 4px;
}

.textbox {
	background-color:#FEFBD6;
	border:2px solid #92278F;
	font-family: 'Istok Web', Verdana,Arial,Helv, sans-serif;
	color:#92278F;
	font-size: 12px;
}

.topcat {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #01397e;
    font-weight: bold;
    text-decoration: none;
}

.topcat a { text-decoration: none; }
.topcat a:hover, .subcat a:hover { text-decoration: underline;}


.warnbox {
    background-color: #f3ecbe;
    border: 1px solid #cccccc;
    padding:5px;
}



/* Listing Page Connect Grid */
.gridrow {
    width: 90%;
    margin: .5em .5em .4em .5em;
    font-size: 1em;
    line-height: 2.2em;
    vertical-align: middle;
    /*font-style: italic;*/
    float: left;
    clear:both;
}

.gridbox_left {
    float: left;
    width: 48%;
    clear:none;
}

.gridbox_right {
    float: left;
    width: 48%;
    clear:none;
}

.grid_icon {
    float:left;
    margin-right:.8em;

}


.social_icon {
	float: left;
	margin: .8em .4em .2em 0;

}



/* List Styles */

ul.adv {
    list-style-type: disc;
    margin-left: 2em;
}
ul li.adv {
    list-style-type: disc;
    margin-left: 2em;
}


ol ol li
	{
		list-style-type:lower-alpha;
	}

.lower_alpha li
	{
		list-style-type: lower-alpha;
	}

.roman
	{
		list-style-type:upper-roman;
	}


.textbox
	{
		background-color: #ffffff;
	}

.focus
	{
		background-color:#FFFF99;
	}

.focusurl
	{
		background-color:#FFFF99;
		width:350px;
	}


/*  Text Boxes    */
.box {
    border: 1px solid #cccccc;
    background-color: #f9f5f0;
}

.box_text {
    padding: 6px 5px 10px 12px;
}

.box_left {
    float: left;
}

.box_right {
    float: right;
}

.box_listing {
    width: 98%;
    padding: 1% 2% 2% 1%;
    border-bottom: 1px solid #cccccc;
    float: left;
}

.box_headline {
    font-size: 16px;
    font-family: 'Noto Sans', Arial, Verdana, Helvetica, Sans Serif;
    /*font-weight: bold;*/
    padding: 3px 0 3px 3px;

}

.box_topborder {
    border-top: 1px dotted #d6d6d6;
    color: #333333;
}



/* Listing Page Photo */ /* Updated for Mobile */
.contactrow {
    float:left;
    width: 98%

}

.photo {
    float: left;
    width: 44%;
    margin: 1% 1% 2% 0;


}

.photo img {
    max-width: 100%;
}

.contactname {
    float: left;
    width: 54%;
}


#video_wrapper {
	width: 98%;

}

.iframe_holder {
	position: relative;
	clear:both;
}

.iframe_holder .ratio {
	display: block;
	width: 100%;
	height: auto;
}

.iframe_holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.close_toggle {
	clear:both;
	float: right;
	font-size: 1.4em;
	font-weight: bold;
	margin-right: 1em;

}

/*  Highslide - Prevent Close Button from printing */
/* Used on Index page for disclaimer   */
.no-header .highslide-header {
    display:none;
}

.disclaimer_header {
    /*background-color: #5f7fb0;*/
    background-color: #1c3a68;
    color: #FFFFFF;
    font-family: Shanti, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 3%;
    margin:0;
     border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.disclaimer {
    font-family: 'Istok Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #555555;
    background-color: #FFFFFF;
    border: 3px solid #1c3a68;
    margin:0;
    padding: 3% 5% 3% 5%;
     border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}


 /* ------------------------------ Fonts ---------------------------------- */

a:link {color:#257196; text-decoration: none;}
a:active {color: #257196; text-decoration: none;}
a:visited {color: #257196; text-decoration: none;}
a:hover {color: #64b5dc; text-decoration: underline;}

.grid_icon a:link, .grid_icon a:active, .grid_icon a:visited, .grid_icon a:hover {
	color:#257196;
	text-decoration: none;
}