body { 
	margin:0px;
	background-color:#fff;
	height:100%
	font-family:"Hoefler Text", Garamond, Gentium, Times New Roman, Times, serif;
	}

html {height:100%}

form {margin:0px}

img {
	margin:0px;
	border-style:none
	}

button { 
	margin:0px; 
	border-style:none; 
	padding:0px; 
	background-color:transparent; 
	vertical-align:top
	}

p {color:#555;}

table {empty-cells:hide}

a:link { color:#4070BB; text-decoration:none }

a:visited { color:#25948b; text-decoration:underline }

a:hover { color:#767676; text-decoration:underline }

a:active { color:#4070BB; text-decoration:underline }

h1 { 
	font-size:36px;
	color:#555; 
	}

h2 { 
	font-size:24px;
	color:#4070BB; 
	}

h3 { 
	font-size:20px;
	color:#4070BB; 
	}

em {font-style:italic}

strong {font-weight:bold}

img, video {
	max-width: 100%;
}

.style11 { font-family:Arial,Helvetica,sans-serif; font-size:14px }

.style1 {text-decoration:underline}

* html #fwNav1 {float:right;}

* html #fwNav1 .fwNavItem a { float:left; height:1%; }

.btn, button.btn {
	padding: 5px 10px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    text-decoration: none;
    color: rgba(255, 255, 255, 1.0);
    background: linear-gradient(180deg, rgba(40, 170, 215, 1.0) 0%, rgba(70, 190, 240, 1.0) 50%, rgba(20, 70, 100, 1.0) 100%);
    border: 2px solid rgba(200, 205, 210, 1.0);
    border-radius: 30px;
    margin:  10px;
    padding: 5px 10px;
}



/* for mobile phones and small screens */
[class*="grid-"] {
	width: 1fr;
}

.grid-page-container {
	display: grid;
	padding: 8px;
	margin: 0;
	min-height:100%;
}

.grid-logo-container > img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.grid-photo-button-container {
	text-align: center;
}

.triFooter p, .triFooter ul {
	font-size: 1.4em;
	}

.triFooter { 
	background: #EEE; 
	padding: 4px;  
	margin: 4px; 
	border-radius: 15px;
	}



/* for larger screens */

@media only screen and (min-width: 960px) {
	.grid-page-container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		gap: 0;
		padding: 0;
		padding-top:8px;
		max-width: 960px;
		margin: auto;
		min-height:100%;
	}

	.grid-logo-container {
		grid-column: 1 / span 7;
		grid-row: 1 / span 2;
	}

	.grid-menu-container {
		grid-column: 8 / span 5;
		grid-row: 1 ;
	}

	.grid-photo-button-container {
		grid-column: 8 / span 5;
		grid-row: 2 ;
		text-align: center;
	}

	.grid-article-container {
		grid-column: 1 / span 10;
		grid-row: 3 ;
	}

	.grid-body-container {
		grid-column: 1 / span 12;
		grid-row: 3 ;
		display: flex;
	}

.grid-contact-card-container {
		grid-column: 10 / span 3;
		grid-row: 4 ;
	}

	.triFooter { 
		background: #EEE; 
		padding: 4px;  
		margin: 4px; 
		position: relative;
		width: 304px;
		float: left;
		clear: none;
		border-radius: 15px;
		}

	.photoright {
		float: right;
		margin: 0px -200px 4px 8px;
		}
}

#fwNav1 {
	padding:0;
	margin:0;
	list-style:none;
	display: inline-block;
	}

.fwNavItem { width:auto;  float:left;margin:0; padding:0; border-right:1px solid #D3D3D3; border-top:0; border-bottom:0; border-left:1px solid #FBFDEE; position:relative; }

#fwNav1 .fwNavItem a { display:block;color:#4070BB; text-decoration:none; background:url(Resources/transparenta.gif) repeat; margin:0;padding:4px 10px 3px 10px; height:1%; }

#fwNav1 .fwFirstChild {border-left:0;}

#fwNav1 .fwLastChild {border-right:0;}

#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#D3D3D3; }

#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#767676; background:url(Resources/transparenta.gif) repeat; }

.pagingNav {list-style:none;}

.pagingNavItem {
	border-right: 1px solid #D3D3D3;
	}

.pagingNavItem:last-child {
	border-right: 0px;
	}