/* 
  -----------------------------------
  Adaptations
  by Project Seven Development
  www.projectseven.com
  Layout 3 - TMM Menu
  415485
  -----------------------------------
*/

/* START: added after email from GJ 20140910 
.sidebar {
display: none;
}

.navigation {
   left: 0 !important;
}

div.main-content {
  width: 80%;
  background-color: #fff;
}
*/

/* STOP: added after email from GJ 20140910 */


/* GJ -assign background color and border radius to coumns div (wrapper) */

.sidebar {
display: none;
}

#columns {
	background-color: #fff;
/*	border-radius: 12px; */
	padding: 30px;
}
#columnsfirst2 {
	background-color: #fff;
	padding: 8px;
/*	border-radius: 12px; */
/* 20230622	padding: 30px; */
}

/*LINKs DIV*/
.links {
    width: 90%;
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #444444;
  border-right-color-value: #444444;
  border-bottom-color: #444444;
  border-left-color-value: #444444;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 0.85em;
  background-color: #f0f0f0;
  box-shadow: #cccccc;
}


/*FIX FOR SAFARI 6 AND IE9 SUB-PIXEL RENDERING RECURSION WITH EQUAL HEIGHTS COLUMN SCRIPT*/
body {overflow-y: scroll;}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
/*	background-color: #783779;
	background-image:url(../images/BKG-12-blue-pink.jpg);
	background-repeat:repeat-x; */
	margin: 20px 6px;
	font-size: 1.15em;
}
/* added by Gerry  to left-align images */

img.scaled-max-plain-left {
     display: block;
     height: auto;
     margin: 0;
     max-width: 100%;
     width: auto;
     border-radius: 2px;
/*     border-radius: 12px; */
}
/* stop addition Gerry */
img {
/*	 display: block; */
     height: auto;
     margin: 0;
     max-width: 100%;
     width: auto;
     border-radius: 2px;
	 }
img.scaled-logo {
/*     display: block; */
     height: auto;
     margin: 0;
     max-width: 100%;
     width: auto;
     border-radius: 2px;
/*     border-radius: 12px; */
}
img.scaled-logo {
/*     display: block; */
     height: auto;
     margin: 0;
     max-width: 100%;
     width: auto;
     border-radius: 2px;
/*     border-radius: 12px; */
}
img.scaled-plain {
	height: auto;
	width: 100%;
    border-radius: 12px;
}
img.scaled-max {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
    border-radius: 2px;
/*	border-radius: 5px; 
	border: 1px solid #FFF;
	box-sizing: border-box;
	box-shadow: 2px 2px 5px #999;
	box-shadow: 5px 5px 20px #999; */
}
img.scaled-max-plain {
	height: auto;
	width: auto;
	max-width: 100%;
	margin: 0px auto;
	display: block;
/*    border-radius: 12px; */
/*    border-radius: 5px; */
}
#masthead {
	margin: 0px auto;
/*	background-color: #000000; */
}
#mastheadfirst2 {
	margin: 0px auto;
    text-align:center; /* 20151030 */
/*	background-color: #000000; */
}
h1
h1, h2, h3, h4, h5 {
	font-weight: normal !important;
	font-style: normal !important;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
/*	font-family: Arial, Helvetica, sans-serif; */
	line-height: normal;
	margin-bottom: 20px;
}
h1 {
	font-size: 1.9em;
	line-height:1.8em;
	color:#415485;
}
h2 {
	font-size: 1.5em;
	margin-top: 40px;
	color:#415485;
}
h3 {
	font-size: 1.4em;
	margin-top: 36px;
	color:#415485;
}
.h3year {
	font-size: 1.3em;
	margin-top: 36px;
	color:#415485;
}
.boxh3{
	font-size: 1.4em;
	margin-top: 0.3em;
	color:#415485;
}
h4 {
	font-size: 1.3em;
	margin-top: 36px;
	color:#415485;
}
.boxh4 {
	font-size: 0.9em;
	margin-top: 36px;
	color:#415485;
}
.header  {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
p {
	margin-top: 6px;
	margin-bottom: 12px;
}
.fancy-quote {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
	letter-spacing: 0.10em;
	margin-bottom: 0.8em;
	color:#415485;
}
#masthead h1 {
	font-size: 2.5em;
	margin: 0px;
}
#masthead .subhead {
	font-size: .7em;
	margin: -.5em 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}
#columns {
/*
	border-radius: 5px;
	border: 1px solid;
	border-color: #444; */
	position: relative;
	margin: 0px auto;
}
#columnsfirst2 {
/*
	border-radius: 5px;
	border: 1px solid;
	border-color: #444; */
	position: relative;
	margin: 0px auto;
}
#masthead, #columns, #footer {
	width: 1260px;
	margin: 0px auto;
}
#mastheadfirst2, #columnsfirst2, #footerfirst2 {
/*	width: 1060px; */
	max-width: 1060px;
	margin: 0px auto;
}
.sidebar {
	width: 20%;
	float: left;
	position: relative;
	left: -20%;
	line-height: 1.5em;
}

/* GJ -changed width to 17%, set ;left to zero, and remove padding */
.navigation {
	/* width: 20%; */
	width: 17%;
	float: left;
	position: relative;
	/* left: 20%;
	padding:20px; */
	left: 0;
}
.navigationfirst2 {
display: none;
}


/* ---------------------------------------------------------------

/* START: removed after email from Gerry Jacobsen 20140910 */

/* GJ -chnaged width to 80% */
.main-content {
	/* width: 60%; */
	width: 80%;
	float: right;
	line-height: 1.5em;
}
/* Førstesiden START */
.main-contentfirst2 {
	/* width: 60%; */
	width: 98%;
	float: right;
	line-height: 1.5em;
}
/* Førstesiden STOPP */


/*
STOP: removed after email from Gerry Jacobsen 20140910 
div.main-content {
        width: auto;
        float: none;
		border-radius: 12px; 
}*/

/* -------------------------------------------------------

.navigation .content {
	background-color: #fff;
/*	background-color: #000000; */
/*	background-image: url(images/#);
	background-repeat: no-repeat;
	background-position: 0px -60px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
/*	box-shadow: 0px 0px 30px #000; 
	position: relative;
}*/
.main-content .content {
/*	padding: 20px 24px;  REMOVED 20170402 */
	background-color: #FFF;
	font-size: 1em;
/*	border-radius: 5px 5px 5px 5px; */
/*	border-radius: 0px 5px 5px 0px; */
}
.sidebar .content {
	padding: 20px 8px;
	font-size: 0.85em;
/*	background-color: #990000; */
/*	background-color: #7A96AD; */
	box-shadow: inset 0px 0px 30px #536F86;
}


/* START Interior PE 2-Column Structure*/
.inner-columns-wrapper-PE-2col {
	overflow: hidden;
	/* nypes */ margin-bottom:1.6em;
}
.two-column-column1 {
	width: 49%;
	margin-right: 2%;
	float: left;
    min-width: 280px;
}
.two-column-column2 {
	width: 49%;
	float: left;
	min-width: 280px;
}

.two-column-content {
/*	padding: 16px; */
	padding: 0.7em;
/*	border: 1px solid #444; */
/*	border-radius: 5px;/
/*	border-radius: 5px; */
	font-size: 1em;
/*	background-color: #F0F0F0; */
/*	box-shadow: inset 0px 0px 30px #CCC; */
}
.two-column-column2 .two-column-content {
/*	background-color: #F0F0F0; */
/*	box-shadow: inset 0px 0px 30px #CCC; */
}

/* STOP Interior PE 2-Column Structure*/


/* START Interior 3-Column Structure*/
.inner-columns-wrapper {
	overflow: hidden;
	/* nypes */ margin-bottom:24px;
}
.three-column-column1 {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.three-column-column2 {
	width: 32%;
	margin-right: 2%;
	float: left;
}
.three-column-column3 {
	width: 32%;
	float: left;
}
.three-column-content {
/* 	padding: 16px; */
	padding: 8px;
/*	border: 1px solid #444; */
/*	border-radius: 5px; */
	font-size: 0.85em;
/*	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #CCC; */
}
.three-column-column2 .three-column-content {
/*	background-color: #F0F0F0; */
/*	box-shadow: inset 0px 0px 30px #CCC; */
}
.three-column-contentNY {
/* 	padding: 16px; */
	padding: 8px;
/*	border: 1px solid #444; */
/*	border-radius: 5px; */
	font-size: 0.85em;
/*	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #CCC; */
}
/*.three-column-column2NY .three-column-content {
	background-color: #FFF;
	box-shadow: inset 0px 0px 30px #888; 
}*/

/* STOP Interior 3-Column Structure*/



/* START Interior 4-Column Structure*/
.inner-columns-wrapper {
	overflow: hidden;
	/* nypes */ margin-bottom:20px;
}
.four-column-column1 {
	width: 22%;
	margin-right: 2%;
	float: left;
	max-width: 260px;
	min-width: 200px;
	margin-bottom: 15px;
}
.four-column-column2 {
	width: 22%;
	margin-right: 2%;
	float: left;
	max-width: 260px;
	min-width: 200px;
	margin-bottom: 15px;
}
.four-column-column3 {
	width: 22%;
	float: left;
	max-width: 260px;
	min-width: 200px;
	margin-right: 2%;
	margin-bottom: 15px;
}
.four-column-column4 {
	width: 22%;
	float: left;
	max-width: 260px;
	min-width: 200px;
	margin-bottom: 15px;
}
.four-column-content {
	padding: 16px;
/*	border: 1px solid #444;
	border-radius: 5px; */
	font-size: 0.85em;
/*	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #CCC; */
}
/*
.four-column-column2 .four-column-content {
	background-color: #F0F0F0;
	box-shadow: inset 0px 0px 30px #888;
} */

/* STOP Interior 4-Column Structure*/




#footer {
	margin: 6px auto;
	font-size: 1em;
	text-transform: uppercase;
	color:#555555;
	text-align: center;
}
#footerfirst2 {
	margin: 6px auto;
	font-size: 1em;
	text-transform: uppercase;
	color:#555555;
	text-align: center;
}

/*link styles*/
#footer a, #footer a:visited, #footer a:hover, #footer a:focus {color: #777777; text-decoration:none; font-weight: bold;} 
#footerfirst2 a, #footerfirst2 a:visited, #footerfirst2 a:hover, #footerfirst2 a:focus {color: #FFF; text-decoration:none; font-weight: bold;} 

a, a:visited, a:hover, a:focus {text-decoration:none; font-weight: bold; color:#333298;} 
/* #333298 = startfarge i gradient */

span.clearfix {
	clear: both;
	display: block;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


/* Images */
.RightAlignedImage {
	float:right;
	padding:12px;
	}
@media screen and (max-width:500px) {
	.RightAlignedImage {
		float:left;
		padding-left:0px;
		}
	}

.scaled-max-plain-left RightAlignedImage {
	float:right;
	padding:12px;
     display: block;
     height: auto;
     margin: 0;
     max-width: 100%;
     width: auto;
     border-radius: 2px;
}


/* make YouTube videos responsive START */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
/* 
Setting the position to relative lets us use absolute positioning for the iframe itself, which we’ll get to shortly. The padding-bottom value is calculated out of the aspect ratio of the video. In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. The padding-top value is set to 30 pixels to allow space for the chrome — this is specific to YouTube videos. The height is set to 0 because padding-bottom gives the element the height it needs. We do not set the width because it will automatically resize with the responsive element that contains this div. Setting overflow to hidden ensures that any content protruding outside of this element will be hidden from view.
*/

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 
    Absolute positioning is used because the containing element has a height of 0. If the iframe were positioned normally, we would have given it a height of 0 as well.     The top and left properties position the iframe correctly in the containing element. The width and height properties ensure that the video takes up 100% of the space used by the containing element (which is actually set with padding).
 
*/

/* make YouTube videos responsive STOP */
/* Make Facebook LIKE-box responsive START */
#likebox-wrapper * {
   width: 100% !important;
}
/* Make Facebook LIKE-box responsive START */


.LinksMain {
    font-size:1.3em;
}
.LinksMinor {
    font-size:1.15em;
}
dfn {
    font-style: strong;
} 
.FBbutton {
	background-color:#fff;
	font-size:1em;
	width:100%;
	max-width:310px;
    padding:12px;
	box-shadow: inset 0px 0px 30px #999;
    border-radius:8px;
}
.Byline1 {
	font-size: 1.15em;
	font-weight: bold;
	text-decoration: underline overline;
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 30px;
}

.ingress {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom: 34px;}

.DIVmaxwidth380 {
	width:98%;
	max-width:380px;
	}


/* BUTTON STYLES START */
		.button{
border:2px solid #fb9d23; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:1.2em;font-family:arial, helvetica, sans-serif; padding: 21px 21px 21px 21px; text-decoration:none; display:inline-block;font-weight:bold; color: #333298; line-height:400%;
}

.button:hover{
 border:1px solid #ff9913; line-height:2.1em;color:#990000;
}
		.button-more-photos{
border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:1em;font-family:arial, helvetica, sans-serif; padding: 12px 12px 12px 12px; text-decoration:none; display:inline-block;font-weight:bold; color: #000; line-height:2.1em;
}

.button-more-photos:hover{
 border:1px solid #ff9913; line-height:2.1em;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
.churches{
border:2px solid #ffad41; webkit-border-radius: 3px; -moz-border-radius: 2px;border-radius: 2px;font-size:0.9em;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:normal; line-height:1.7em;
}

.churches:hover{
 border:2px solid #ff9913; line-height:1.7em;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
/* BUTTON STYLES STOP */
/* BUTTON STYLES STOP */


.Quote {
	margin-right: 20px;
	margin-left: 20px;
	padding:24px;
	background-image:url(../images/Quotes.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	font-size:85%;
	line-height:normal;
}
@media screen and (max-width:500px) {
	.Quote {
	margin-right: 1.4em;
	margin-left: 1.4em;
		}
	}
	
.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.JP {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-image: url(../images/667x667-JP.jpg);
	background-repeat: no-repeat;
	max-width:667px;
	min-height:667px;
	border: medium solid #000000;
}
.timeline {
	border: 3px solid #ec1922;
	width:90%;
	font-size:90%;
	padding:28px;
	margin:24px;
/*	background-image:url(../images/#);
		background-repeat: no-repeat;
		background-position:right top; */
		}
ul .ul-noindent{
  list-style-position: inside;
  padding-left: 0;
}
.kleintext {
font-size: 85%;
}
.redboxlinks {
border:2px solid #ec1922; webkit-border-radius: 3px; -moz-border-radius: 2px;border-radius: 2px;font-size:0.9em;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:normal; line-height:1.7em;
}
/* Style every second row (even rows) with a gray background */
tr:nth-child(even) {
  background-color: #f2f2f2;
}