/* ******************************************
	fonts
****************************************** */

@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

/*included below in body*/
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ******************************************
	box include
****************************************** */
*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



/* ******************************************
	Web Fonts
****************************************** */
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/********************************************
	Fluid Media
********************************************/

	figure {
	    position: relative;
	}

	figure img,
	figure object,
	figure embed,
	figure video {
	    display: block;
	    max-width: 100%; 
	}

	img {
	    border: 0;
	    -ms-interpolation-mode: bicubic;
		max-width:100%;
	}

	/* 
	interpolation-mode
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images/
	 */

/*******************************************
 Float Clearing http://nicolasgallagher.com/micro-clearfix-hack 
 *******************************************/

.group:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    clear: both;
}

.group {
    *zoom: 1; /* 3 */
    }


html {
	  font-size: 100%;
	  line-height: 1;
	  -moz-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
	  -webkit-text-size-adjust: 100%;
	}

body {
	background-image:url(../images/smbg.png);
	background-repeat: repeat-x;
	background-color: #ffffff;
	/*padding: 0 2%;*/
	margin: 0;
	font-family: 'open_sansregular', Arial, Helvetica, san-serif;
	color: #000000;
	line-height: 1;
	/*font-size: 15px; .9375em scale=".9375em x 1.19 = 1.12, 3/4=.84, 1/2=.56, 1/4=.28, scale+addamount/fontsize=lineheight
	line-height: 19px; 1.19*/
	text-align: center;
	width: 100%;
	}
	
#wrapper {
	margin: 0 auto;
	padding:0 .625em;
	text-align:left;
	max-width:75rem; /*992px*/
	z-index:2;
	}
	
header {
	float:left;
	width:100%;
	/*height:6.875em;*/
	margin:0;
	padding:0;
	/*text-align:center;*/
	/*display:block;*/
	clear:both;
		}
		
#name {
	float:left;
	margin:.7em 0 1em 0 ;
	min-width:99%;
	
	}
		
nav {
	color: #101311;

		}
		
#navmenu {
	float:left;
	margin-top:-2.2em;
	min-width:100%;
	padding:0 .325em 0 1.3em;
			}
nav li {
	color: #6b796e;
	padding-left:2.6em;
	padding-top:.6em;
	padding-bottom:.6em;
	font-size:1em;
	line-height:1.1;
	text-align:left;
	list-style:inside url(../images/cbull.png);
	}
nav li li {
	font-variant:none;
		
	}	
	/*li.sep {
	border-bottom: 1px #CCCCCC solid;
	margin-bottom:0;	
		}*/
	
	li.none {
	color: #6b796e;
	text-align:left;
	list-style:outside none none;
	border-bottom: 1px #e2fae1 solid;
	padding:.6em .6em;
	}
	
	li.space {margin-top:2em;}
	
	
 a.mmenu:link { 
	color: #101311; 
	text-decoration: none; 
	
}	
		
a.mmenu:visited { 
	color: #101311; 
	text-decoration: none; 
	
}
	

a.mmenu:active { 
	color: #101311; 
	text-decoration:none;
	
	}


a.mmenu:hover {
	color: #689302; 
	text-decoration:none;
	
	}
/*start for navigation on small	*/
	#navmenu nav {
	height:0;
	overflow:hidden;
	}
	
	
/* ******************************************
    Advanced Checkbox Hack
****************************************** */

body { 
    -webkit-animation: bugfix infinite 1s; 
}

@-webkit-keyframes bugfix {
    from {padding: 0;} 
    to {padding: 0;} 
}

/* 
1. Hide <nav> off-screen / -9999px/-999em technique works best.
*/

#navmenu input[type=checkbox] {
    position: absolute;
    top: -999em;
    left: -999em;
}
#navmenu label { 
    display: block;
    background: url("../images/returnopen.png") no-repeat right center;
    text-indent: -999em;
    cursor: pointer;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}
/* 
6. Show <nav> on-screen / drop-down menu 
*/

#navmenu input[type=checkbox]:checked ~ nav {
    height: auto;
    overflow: hidden;  
}


/* fordropdownmenus*/
nav ul ul {
	display: none;
	}

/*nav ul li:hover > ul {
	display: block;

	}*/
	nav ul li:hover > ul {
	display: block;
	z-index:300;

	}

/*nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	line-height:1.1;

	}
*/
/*nav ul:after {
		content: ""; clear: both; display: block;
	}*/

		
	/*	
		enddropdownmenus*/	

		
h1,h2,h3,h4,p {
	font-weight:100;
	}
	
h1,h2,h3,h4 {
		text-align:center;
		color:#616e64;
		}
			
	h1 {
	font-family: 'open_sanssemibold', Arial, Helvetica, san-serif;
	font-size:1.5em; /*24px*/
	line-height:1;
	display:block;
	
	}
	
	#name h1 {
		font-size:1.4em;
		letter-spacing:.014em;
		text-align: left;
		margin-left:.325em;
		color:#ffffff;
		}
@media screen and (min-width:425px){
	#name h1 {
		font-size:1.8em;
		letter-spacing:.014em;
		text-align: left;
		margin-left:.325em;
		color:#ffffff;
		}	
	}
	h2.port 	{
	font-family: 'open_sansbold', Arial, Helvetica, san-serif;
	color:#adc0ed;
	font-size:1.4em;
	line-height:1;
	padding:.84em 0 .325em 0;
	margin-bottom: 1.3em;
	text-align:left;
	border-bottom:1px solid #cdcdcd;
		color: #94a7d4;
	}
	
		
	h3 	{
	font-family: 'open_sansbold', Arial, Helvetica, san-serif;
	color:#adc0ed;
	font-size:1.2em;
	line-height:1.3;
	margin:1.12em 0 0 0;
	text-align:left;
	color: #94a7d4;
	}
	
	h4 	{
	font-family: 'open_sanssemibold', Arial, Helvetica, san-serif;
	font-size:1em;
	color:#adc0ed;
	line-height:1.3;
	margin:1.12em 0 0 0;
	text-align:left;
	
	}
	
/*******************
	image styles	
	****************/

img {
	border:0px;
	z-index:0;
	max-width:100%;
	}
	
	img.spaceright {
		max-width:100%;
		float:left;
		text-align:center;
		margin:0 .625em .625em 0;
		}
		
	img.spaceleft {
		max-width:100%;
		float:left;
		text-align:center;
		margin:0 .625em .625em 0;
		}
.container {
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	padding-bottom: .65em;
	width:100%;
	margin:0 auto;
/*		float:left;
		max-width:100%;
		margin-top:.65em;
		padding-bottom: .65em;
		clear:both*/
		}
		.holdport {
/*		float:left;*/
		width:100%;
		}
		.portinfo {
			width:100%
		}
@media screen and (min-width: 700px)  {
	
.container {display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding-bottom: .65em;
	width:100%;
	margin:0 auto;
/*		float:left;
		max-width:100%;
		margin-top:.65em;
		padding-bottom: .65em;
		clear:both*/
		}
		.holdport {
/*		float:left;*/
		width:75%;
		}
		.portinfo {
			width:25%
		}
}
/*max-width: 900px;*/		
.containernews {
		float:left;
		max-width:100%;
		margin-top:.65em;
		padding-bottom: .65em;
		clear:both
		}
		
	
	.holdportfull {
/*		float:left;*/
		max-width:100%;
		}
		
	.portimages {
		margin:0;
		padding: 1rem;
		max-height:200px;
		width:auto;
				}
.portimagesed {
		margin:0;
		padding: .5rem;
		max-height:200px;
		width:auto;
				}
				
	.portimagesmta {
		margin:.875em .325em;
		padding: 0;
		max-width:100%;
				}
	.portinfo {max-width:100%}
		
figure 	{
		max-width:100%;
		z-index:0;
		}
figcaption {
	 font-size:.84em;
	 line-height:1.12;
	 margin:0 0 3em .28em;
	 }

/*.slideshow { min-height:100%;min-width:100%;margin-top:.325em;display:block;z-index:0 }
.slideshow img { padding: 0; border: 0px solid #ffffff; z-index:0}
.about {font-size:.6em;margin-top:.65em;color: #6f7470; text-align:center;}*/
	
.none {
	margin:0;
	padding:0
	}
	
	.left {
	text-align:left;
	}
		
p {
	margin:.975em 0 0 0; /*3/4 scale*/
	font-size: .9375; /*(15px)*/
	line-height: 1.386; /*.9375 x 1.4=1.3125 1.3 is scale 1.3/.9375=1.386*/
	text-align:left;
}

p.more {
	margin:.975em 0 0 0; /*3/4 scale*/
	font-size: 1em; /*(15px)*/
	line-height: 1.386; /*.9375 x 1.4=1.3125 1.3 is scale 1.3/.9375=1.386*/
	text-align:left;
}

p.photocred {clear:both;font-size:.65em;margin:-1.3em .875em .875em .875em;text-align:left;color:#666;max-width:31.25em}
	

strong {
	font-family: 'open_sansbold';
	
	
}

em {
	font-family: 'open_sansitalic';

}

main {
		float:left;
		min-width: 100%;
		display:block;
		margin: 0;
		padding:1rem .56em;
		text-align:center;
		z-index:3;
		}




 A:link { 
	color: #af0b1e; 
	text-decoration: none; 
	
}	
		
 A:visited { 
	color: #af0b1e; 
	text-decoration: none; 
	
}
	

A:active { 
	color: #af0b1e; 
	text-decoration:none;
	
	}


A:hover {
	color: #e0011b; 
	text-decoration:none;
	
	}
		
.about {
	font-size: .65em; text-align:center;color: #535f55}
	
footer {
	/*position:fixed;*/
	margin-bottom: 1.33em;
	float:left;
	clear:both;
	min-width:100%;
	font-size:.84em;
	margin-top:4em;
	padding:.325em .56em;
	border-top: 1px solid #CCC;
	font-size:.6em;
	text-align:center;
	background-color: #ffffff;
	display:block;
	z-index: 10;
	}
	
	img.thin {
		border:1px #CCC solid;
		padding:.325em;
		}
		
.homevid {
	position:relative;
	max-width:100%;
	clear:both;
	margin:3em 0 4em 0;
	height:auto;
	padding-bottom:2em;
	}		
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 1em;
	margin-top:1em;
	height: 0;
	}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	min-height:20em;
	padding-bottom:6em;
	}
	
	@media screen and (min-width:700px)  {
		.portimages {
		margin:.0;
		padding: 1rem;
		width:auto;
			max-height:200px;
		}
		.portimagesed {
		margin:0;
		padding: .5rem;
		max-height:200px;
		width:auto;
				}
		
	.portimagesmta {
		margin:.875em .325em;
		padding: 0;
		max-width:100%;
				}
	}
	
/*450px*/
@media screen and (min-device-width: 25em) and (orientation: portrait)  {
	
/*	.container {
float: left;
width: 100%;
margin-top: 2em;
padding-bottom: .65em;
clear: both;
margin: 2em auto;

		}*/
		
		.containersm {
		float:left;
		margin:0;
		padding:0;
		clear:both;
		}
		
		.containernews {
		float:left;
		max-width:100%;
		margin-top:.65em;
		padding-bottom: .65em;
		clear:both
		}
		
	.holdport {
		float:left;
		max-width:100%;
		float:none;
		}
	
	.portinfo {
	float:left;
	max-width:100%;
/*	font-size: .875em;*/
	margin-left:.8em;
	}
	
	.portimages {
		margin:.0;
		padding: 1rem;
		max-height:200px
		}
	.portimagesed {
		margin:0;
		padding: .5rem;
		max-height:200px;
		width:auto;
				}
		
.portimagesmta {
		margin:.875em .325em;
		padding: 0;
		max-width:100%;
				}
	.holdportHH {
		float:none;
		max-width:100%;
		}
		
	.holdportfull {
		float:left;
		max-width:100%;
	
		}	
		
	.portinfoHH {
	float:left;
	max-width:100%;
	/*font-size: .875em;*/
	margin-left:.8em;
	}
	
	img.spaceright {
		float:right;
		margin:0 0 1.3em 1.3em;
		}
		
	img.spaceleft {
		float:left;
		margin:0 1.3em 1.3em 0;
		}
	img.thin {
		border:1px #CCC solid;
		padding:.325em;
		}
	}
h3.aboutinfo { 	
	margin-top:0;
	text-align:center;
	}	
	/*512px*/
@media only screen and (min-device-width: 37em) and (orientation: landscape)  {
	
	body {
	background-image:url(../images/lgbg.png);
	background-repeat: repeat-x;
	}
	#wrapper {
	margin: 0 auto;
	padding:0 .325em;
	text-align:left;
	max-width:75em; /*1200px*/
	z-index:2;
	}
	
header {
	float:left;
	width:100%;
	/*height:6.875em;*/
	margin:0;
	padding:0;
	/*text-align:center;*/
	/*display:block;*/
	clear:both;
		}
		
h2.port 	{
	display:none;
	}
	
h3.aboutinfo { 	
	margin-top:0;
/*	padding-left: .875rem;*/
	text-align:left;
	}

.container {
		float:left;
		max-width:75em;
		margin-top:2em;
		padding-bottom: .65em;
		clear:both
		}
		
.containernews {
		float:left;
		max-width:75em;
		margin-top:0;
		padding-bottom:0;
		clear:both
		}
		.containersm {
		float:left;
		margin:0;
		padding:0;
		clear:both;
		}

.holdportHH {
		float:left;
		width: 34em !important; /*544px*/
		text-align:left;
		}
		
.portinfoHH {
	float:left;
	width:22em; /*352px*/
	/*font-size: .875em;*/
	}
		
/*.holdport {
		float:left;
		width: 40em !important; 
		text-align:left;
		}*/
		
.holdportfull {
		float:left;
		width: 62em !important; /*992px*/
		text-align:left;
		}
	

/*.portinfo {
	float:left;
	width:24em; /*384px*/
	/*font-size: .875em;*/
	}*/
		
.portimages {
	margin:0;
	padding:.7rem;
	float:left;
	max-height:200px;
	}
	.portimagesed {
		margin:0;
		padding: .5rem;
		max-height:200px;
		width:auto;
				}
	
.portimagesmta {
		margin:.875em .325em;
		padding: 0;
		
				}
		
#name {
	float:left;
	margin:.7em 0 1em 0 ;
	min-width:31%;
	}

#name h1 {
font-size: 2.1rem;
letter-spacing: .014em;
text-align: left;
padding: .8rem 1.3em 0 .325em;
color: #ffffff;
margin-left: 0;
		}	
		
nav {
	color: #616e64;
	}
		
#navmenu {
	float:left;
	margin-top:0;	
	margin-top: .5rem;
	min-width:56%;
	padding:1.2rem .325em 0 0;
	}
			
nav li {
	display:inline;
	color: #6b796e;
	font-size:.875em;
	line-height:1;
	text-align:left;
	padding:0;
	}
	
nav li li {
	/*font-variant:small-caps;*/
	font-size:.9725em;
	line-height:1.3;

	}
	
	li.space {margin-top:0em;}
	

	li.none {
	color: #6b796e;
	text-align:left;
	border-bottom: 0px #e2fae1 solid;
	padding:.6em .6em 0 .6em;
	}
	
	li.drop {
	color: #6b796e;
	text-align:left;
	border-bottom: 0px #e2fae1 solid;
	padding: .6em .6em 0 .6em;
	display:block;
	clear:right;
		}
	
	
	
/*start for navigation on small	*/
	#navmenu nav {
	height:auto;
	overflow:visible;
	}
	
	

#navmenu label { 
    display: none;
    
}

/*broughtin*/
nav ul li {
	padding:.325em 1em 0 .8em;
	margin:0;
	list-style: none;
	position: relative;
	display:inline-table;
	line-height:1;

	}

nav ul:after {
		content: ""; clear: both; display: block;
	}

	
nav ul li a {
		display: block; 
		color: #fefefb;
  		
		line-height:1;
		margin:.35em .35em;
		text-decoration: none;
		text-align:left;
	}
	
nav ul ul li a.drop {	
		z-index:5;
		font-size:.9725em;
		line-height:1;
		font-weight:100;
		margin:0 0 .4em .2em;
		
}
	
nav ul ul {
	background: #e4f0e7; 
	/*border-radius: 2px; */
	padding:.6em 0 .8em 0;
	position: absolute; 
	left:0;
	top: 100%;
	width:210%;
	z-index:5;
	background: #9db4a3;
}

nav ul ul.arted {
	background: #e4f0e7;
	background: #9db4a3;
	/*border-radius: 2px; */
	padding:.6em 0 .8em 0;
	position: absolute; 
	left:0;
	top: 100%;
	width:120%;
	z-index:5;
}

nav ul ul.public {
	background: #e4f0e7; 
	background: #9db4a3;
	/*border-radius: 2px; */
	padding:.6em 0 .8em 0;
	position: absolute; 
	left:0;
	top: 100%;
	width:140%;
	z-index:5;
	}
	
nav ul ul.aboutcon {
	background: #e4f0e7; 
	background: #9db4a3;
	/*border-radius: 2px; */
	padding:.6em 0 .8em 0;
	position: absolute; 
	left:0;
	top: 100%;
	width:175%;
	z-index:5;
	
}
	
	nav ul ul li a.drop {
		/*color:#FFFFFF;*/	
		z-index:5;
		margin-right:0;
		padding-right:0;
}
li.sep {
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 0;	
		}
	
 A.mmenu:link { 
	color: #616e64; 
	text-decoration: none; 
	 color:#39413b;
	
}	
		
 A.mmenu:visited { 
	color: #616e64; 
	text-decoration: none; 
	 color:#39413b;
	
}
	

A.mmenu:active { 
	color: #616e64; 
	text-decoration:none;
	color:#39413b;
	
	}


A.mmenu:hover {
	color: #000; 
	text-decoration:none;
	
	}	
	
	img.spaceright {
		float:right;
		margin:0 0 1.3em 1.3em;
		}
		
	img.spaceleft {
		float:left;
		margin:0 1.3em 1.3em 0;
		}
	
p {
	margin:.975em 0 0 0; /*3/4 scale*/
	font-size: 1rem; 
	line-height: 1.4; 
	
	text-align:left;
}	
p.more {
	margin:.9375em 0 1em 0; /*3/4 scale*/
	font-size: 1.1; 
	line-height: 1.4; /*.9375 x 1.4=1.3125 1.3 is scale 1.3/.9375=1.386*/
	text-align:left;
}

section p  	{
	font-size: 1rem; /*(16px)*/
	line-height: 1.4;
}	
}