/* smallest devices */
	.main{
		width: 100%;
		padding-left:8px;  
		padding-right:8px;
	}
	.header{
		width: 100%; 
		margin-top:0px;
	}
	.picture{
		margin-top:38px;
		width:min(100%, 244px);  
	}
	.title {   
		margin-top:10px;
		margin-left:12px;
		width:100%;
	    float: left;
	}
	.fullNobullet ul {
		padding-left: 10px;
		padding-right: 10px;
	}


@media only screen and (max-width: 739px) {
  .menu a:not(:first-child) {display: none;}
	/*.menu .menubutton {display: none;}*/
	.menu a.menuselected {display:block}
	.menu a.icon {
    float: right;
    display: block;
  }
  .menu.responsive {position: relative;}
  .menu.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	.blankblockshow{display: none}
	.menu a.menufirst {
		/*background-color: #ebd4ae; 
		color: #585858;*/
	}
}

@media only screen and (min-width: 740px) {
	.title{
		margin-top:12px;
		margin-left:0px;
		float:right;
	    width: 400px;
	}
	.picture{
		margin-top:0px;
		width: 244px;
		float:left;
	}
	.main{
		   width: 740px; /* was 820 */
		   padding-left:24px;  
		   padding-right:24px;
	}
	.header{
			width: 740px; /* was 820 */
   			margin-top:12px;
	}
	.menu{
			margin-left: 12px;
	}
	.menu a.menufirst {
		/*background-color: #6f98e8;
		color: white; */
		background-color: white;
		color: #000;
	}

	.fullNobullet ul {
/*
		padding-left: 1em;
		padding-right: .88em;
*/
	}
}



html {overflow-y: scroll;}  /* prevents v-scroll bar from disappearing on short pages, which causes horizontal shift to the column */
body { 
	font-family: Palatino Linotype,"Times New Roman", Times, serif;; 
	margin:0;
	padding:0;
	text-align:center;
	background:#ecf1f9;
}
a:visited    { 
	color: #2e5299; /* previously .3B65BA; 3967c4; 365799 */
    text-decoration:underline;
    text-decoration:none;
}
a:link  {
	color: #2e5299;
    text-decoration:underline;
    text-decoration:none;
}
a:link:hover  {
	color: #2e5299; 
	text-decoration:underline;
}
a:visited:hover  {
	color: #2e5299; 
	text-decoration:underline;
}
p, br {
	margin:0;
	padding:0;
}
.main {  /* main frame that contains everything else */
/*   width: 740px;*/
   background:#ffffff;
   box-sizing: border-box;
   text-align:left;
   padding-left:20px;
   padding-right:20px;
/*   margin-top:12px;*/
   margin-bottom:20px;
   margin-left:auto;
   margin-right:auto;
   padding-top:6px;
   padding-bottom:0px;
   border-bottom:1px solid #c0c0c0;
   border-left:1px solid #c0c0c0;
   border-right:1px solid #c0c0c0;
}
.header {
/*   width: 740px;*/
   box-sizing: border-box;
   background: #222222;
   text-align:left;
/*   border-bottom:1px solid #C0C0C0; */
   padding-top: 0px;
   padding-bottom: 0px; 
   padding-left: 0px;
   padding-right: 0px;
   margin-left:auto;
   margin-right:auto;
   height: auto;
   margin-bottom: 0px;
}
	
.title {
	box-sizing: border-box;
   position: relative;
/*   width: 440px;*/
   float: right;
   margin-top:0px;
   margin-bottom:0px;
   background:#ffffff;
}
.picture {
   box-sizing: border-box;
   position: relative;
   float: left;
   margin-bottom:0px;
   background:#ffffff;
}
.full { /* block text inside the main frame. Bottom border. */
   position: relative;
   box-sizing: border-box;
   float: left;
   width: 100%;
   padding-top:18px;
   padding-bottom:22px;
   margin-top:0px;
   margin-bottom:0px;
   border-bottom:1px solid #C0C0C0;
   z-index:1;
}
.full-noborder { /* block text inside the main frame. No border. */
   position: relative;
   box-sizing: border-box;
   float: left;
   width: 100%;
   padding-top:18px;
   padding-bottom:22px;
   margin-top:0px;
   margin-bottom:0px;
   border-bottom:0px;
   z-index:1;
}
.fullNobullet { /* block text inside the main frame. Bottom border. */
   position: relative;
   box-sizing: border-box;
   float: left;
   width: 100%;
   padding-top:18px;
   padding-bottom:0px;
   margin-top:0px;
   margin-bottom:0px;
   border-bottom:1px solid #C0C0C0;
   z-index:1;
}
.noborder {
	border-bottom: 0px;
}
.footer { /* the page needs to end with this, as <p id="footer"> */
   position: relative;
   box-sizing: border-box;
   width: 100%;
   padding-top:10px;
   padding-bottom:10px;
   margin-top:0px;
   margin-bottom:0px;
   text-align:center;
   font-size:xx-small;
   font-style:italic;
   color:808080;
}
.fullNobullet ul {
   box-sizing: border-box;
	list-style-type: none;
	margin:0;
	padding:0;
	padding-right:10px;
	padding-left:10px;
   width: 100%;
	font-style:normal;
	text-align:justify;
}
.fullNobullet ul li {
   box-sizing: border-box;
	padding:0;
	margin-bottom: 18pt;
   width: 100%;
}
.fullNobullet ul ul {
   box-sizing: border-box;
	margin:0;
	padding:0;
   width: 100%;
	font-style:italic;
	text-align:right;
}
.fullNobullet ul ul li {
   box-sizing: border-box;
	margin:0;
	padding:0;
   width: 100%;
}

.menu {
/*	background-color: #6f98e8;  previously: #3967c4; */
	background-color: #222222;
	overflow: hidden;
/*	margin-left: 1px;*/
}

.menu a {
	float: left;
	display: block;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 16px;
	color: white;
/*	background-color: #6f98e8;*/
	background-color: #222222;
	font-weight: bold;
	/*font-family: Cambria, Georgia;*/
}

a.menuselected {
	background-color: white;
	color: #000;
}

a.menufirst {
	/* defined in the media queries above */
}

a.menubutton,a.menubutton:visited {
	color: white;
}
a.menuselected:hover, a.menufirst:hover {
	text-decoration: none;
}

a.menubutton:hover{
	text-decoration: none;
	background-color: #aaa;
	color: #000;
}

/* Hide the link that should open and close the topnav on small screens */
.menu .icon {
  display: none;
}

/* http://fontawesome.io */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-bars:before {
  content: "\f0c9";
}