@font-face {
    font-family: 'bernhardmod_btbold';
    src: url('/font/bnhrdmob-webfont.woff2') format('woff2'),
         url('/font/bnhrdmob-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
@font-face {
    font-family:'blank_scriptregular';
    src: url('/font/blank_script-webfont.woff2') format('woff2'),
         url('/font/blank_script-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
:root {
	--canvasColor:#fff;
	--headFootBgColor:#fff;
	--fontDefaultColor:#000;
	--fontHighlightColor:#c60aae;
	--fontHighlightDimColor:#226e88;
	--contentBackground:#fff;
	--sidebarOpaqueBackground:#fff;
	--linkColor:#527ebc;
	--headFootBgColor:#1d2539;
	--headFootTxtColor:#fff;
	--headFootLinkColor:##888;
	--footHoverColor:#bb2f2f;
	--hoverBackground:#5088b6;
	--hoverText:#fff;
	--buttonBgColor:#0b5dae;
	--buttonTextColor:#fff;
}
*{
	box-sizing:border-box;
	font-family:sans-serif;
	font-size:1em;
}
body{
	background:var(--canvasColor);
	background-size:cover;
	background-attachment:fixed;
	color:var(--fontDefaultColor);
	margin:0 auto;
	padding:0;
	text-align:left;
}
#wrapper{
	position:relative;
	margin:0;
	width:100%;
	min-height:100%;
	overflow:hidden;
	text-align:left;
}
/*---HEADER-----*/
#headerWrapper{
	position:fixed;
	width:100%;
	border-bottom:1px solid #000;
	background:var(--headFootBgColor);
	color: var(--headFootTxtColor);
	z-index:100;
}
header{
	position:relative;
	height:100px;
	width:1366px;
	margin:0 auto;
}
	header a{
		color:var(--headFootLinkColor);
		text-decoration:none;
	}
	header h1{
		position:absolute;
		margin:0;
		z-index:11;
		left:45px;
		width:360px;
		height:100%;
		font-size:1em;
		font-weight:normal;
	}
		header h1 a div.logo{
			background: url("/images/favicon/favicon-57.png") no-repeat;
			width: 57px;
			height: 57px;
			position: absolute;
			top: 20px;
		}
			header h1 a span{
				font-family:"bernhardmod_btbold";
				position:relative;
				top:20px;
				left:37px;
				text-transform:uppercase;
				font-weight:normal;
				letter-spacing:-1px;
				font-size:2.4em;
				line-height:.7em;
			}
	#feedBack{
		display:none;
		position:absolute;
		top:1px;
		right:110px;
		width:300px;
		height:30px;
		overflow:hidden;
		background:#efefef;
		color:gray;
		border:1px solid #e3e3d3;
		padding:3px;
		text-align:center;
		z-index:12;
		border-radius:5px;
	}
	nav#main {
	
		z-index:100;
		background:transparent;
		padding:5px 19px 5px 8px;
		text-transform:uppercase;
		position:absolute;
		text-align:left;
		bottom:0;
		right:0;
		width:calc(100% - 250px);
		height:50px;
		line-height:2em;
	}
		nav#main a{
			color:var(--headFootLinkColor);
		}
		nav#main ul{
			list-style:none;
			padding-left:0;
			margin-top:0;
			margin-bottom:0;
			float:right;
		}
			nav#main ul li{
				width:auto;
				float:left;
				padding:0 20px;
				white-space:nowrap;
			}
				nav#main ul li:hover a{
					color:var(--hoverBackground);
				}
				nav#main ul li:hover ul{
					display:block;
					position:absolute;
					background:#fff;
					min-width:150px;
					overflow:hidden;
					border:1px solid #d5d5d5;
					box-shadow:0 0 2px 0;
				}
					nav#main ul li:hover ul li{
						float:none;
						line-height:3em;
						padding:0;
					}
						nav#main ul li:hover ul li a{
							color:gray;
							display:inline-block;
							width:100%;
							padding:0 40px 0 30px;
						}
				            nav#main ul li:hover ul li a:hover{
													background:var(--hoverBackground);
					                color:var(--hoverText);
				            }
					nav#main ul li ul{
						display:none;
						background:white;
					}
				/* arrows on multiple levels */
				nav#main ul li > a:after {
					  content:'\25B6';
					  float:right;
					  border:0;
					  font-size:.6em;
					  padding:.25em 0 0 .5em;
					  border:0;
				}
				nav#main ul li:hover > a:after {
					visibility:hidden;
				}
				nav#main ul li > a:only-child:after {
					content:'';
				}
				nav#main ul > li > a:after {
					content:'\25BC';
					position:absolute;
				}
	/*clear the content if a is only child*/
	nav#main ul li > a:only-child:after {content:''; }
nav#subMain{
	display:none;
}
/*---SLIDES-----*/
div#slides{
	z-index:0;
	position:relative;
	width:1366px;
	min-height:420px;
	top:0;
	background:gray;
	background-size:cover;
	transition:all 2s;
	overflow:hidden;
	margin:0 auto;
	margin-top:100px;
}
	#wrapper.collapsed div#slides {
	    min-height:0px;
	}
	div#slides div{
		z-index:1;
		position:absolute;
		background-size:cover !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		height:100%;
		width:100%;
		display:none;
	}
		div#slides div.clickable{
			cursor:pointer;
		}
		div#slides div aside {
			background:#000;
			background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			color:#fff;
			position:absolute;
			bottom:0;
			left:0;
			padding:20px 50px;
			min-height:150px;
			width:100%;
			transition:left 2s;
		}
			div#slides div aside h3{
				margin:0;
				font-size:2.8em;
				text-transform:uppercase;
				letter-spacing:1px;
			}
			div#slides div aside p{
				font-size:1.3em;
				margin:3px 0;
			}
/*---CONTENT----*/
div#contentWrapper {
	width:1366px;
	margin:0 auto;
	background:var(--contentBackground);
}
#content{
	position:relative;
	left:0px;
	width:100%;
	min-height:700px;
	height:auto;
	overflow:hidden;
	padding:20px;
}
	#content #colCenter  div.imageFrame {
		width:150px;
		height:75px;
		overflow:hidden;
		float:left;
		justify-content:center;
		text-align:center;
		display:grid;
		border:1px solid gray;
		border-radius:5px;
		margin:10px;
	}
		#content div.imageFrame img.sponsorImage{
			width:150px;
			margin:20px auto;
		}
	#content ul{
		margin-bottom:50px;
	}
		#content ul li{
			margin:0 0 2px 0;
		}
			#content ul li[draggable='true'] {
				list-style-image:url('/images/icons/drag.gif');
				cursor:move;
			}
	#content #colLeft{
		float:left;
		width:300px;
		min-height:500px;
		text-align:left;
		margin:0;
		padding:5px;
	}
		#content #colLeft ul {
			margin-left: 10px;
			padding-left: 5px;
		}
			#content #colLeft ul li {
				margin-bottom: 15px;
			}
		#content #colLeft article {
		    border:1px solid #d9d9d9;
		    margin-bottom:20px;
		    padding:0px 20px 30px 25px;
		    border-radius:6px;
			overflow:hidden;
		}
			#content #colLeft article div.imageFrame {
				width:100px;
				height:120px;
				overflow:hidden;
				float:left;
				justify-content:center;
				display:grid;
				margin-right:15px;
				border-radius:5px;
				background:#114471;
			}
				#content #colLeft article div.imageFrame img {
					/*min-width:100%;
					max-height:120px;*/
					height:100%;
					width:100%;
					object-fit:cover;
				}
			#content #colLeft article h3{
				border:0;
				font-size:11pt;
				line-height:20px;
				color:gray;
			}
			#content #colLeft article ul{
				padding:0;
			}
	#content #colCenter{
		width: calc(100% - 300px); /* different width if no colLeft */
		margin:0;
		padding:0 15px;
		float:left;
		overflow:hidden;
	}
	#content #colLeft ~ #colCenter{
		line-height:1.6em;
		width:calc(100% - 600px);
	}
		#content #colCenter label + input,#colCenter label + textarea,#content #colCenter label + select{
			width:calc(100% - 155px);
			min-width:135px;
			margin-bottom:10px;
		}
			#content #colCenter label + input[type="checkbox"],#content #colCenter label + input[type="radio"] {
			    width:initial !important;
			    text-align:left;
			}
		#content #colLeft ~ #colCenter.wideCenter{
			width:625px;
			width:calc(100% - 300px);
		}
		#content #colCenter img {
			max-width:100%;
			border-left: 8px solid #bd7846;
		}
	#content #colRight{
		float:right;
		width:300px;
		min-height:500px;
		text-align:left;
		margin:0 ;
		padding:5px;
	}
		#content #colRight ul {
			margin:10px;
			padding:10px;
		}
	#content h1{
		clear:both;
		text-transform:capitalize;
	}
	#content h2{
		clear:both;
		color:var(--fontHighlightColor);
		font-family:blank_scriptregular;
		font-weight: normal;
		text-transform: initial;
		font-size: 3em;
		margin: 10px 0 0 0;
		line-height:.7em;
		text-indent: -2ch;
  		padding-left: 2ch;
	}
		#content h2 + h3{
			margin-top:0px;
		}
		#content h2 a.readMore {
		    font-size:0.3em;
		    margin-left:1em;
			display:inline;
		}
	#content h3{
		clear:both;
		font-family:bernhardmod_btbold;
		color:var(--fontHighlightDimColor);
		background:#e7e0f7;
		font-size:1.3em;
		padding:3px;
		margin:10px 0 10px;
	}
		#content #colRight h3{
			font-weight:normal;
		}
	#content #colCenter h4 {
		text-transform: lowercase;
		clear: both;
		color:navy;
		font-family: blank_scriptregular;
		font-size: 2em;
		margin: 0px 0 -9px -10px;
		padding: 0;
		rotate: -2.1deg;
		font-weight:normal;
	}
		#content h4::first-letter {
			text-transform: uppercase;
		}
	#content blockquote{
		font-size:7pt;
		margin-left:10px;
		margin-right:20px;
		text-align:justify;
		border-left:3px solid gray;
		padding:0 5px 5px 5px;
		line-height:15px;
		min-height:50px;
		height:auto;
	}
	#content ul, #content ol{
		margin:2px 2px 4px 15px;
	}
	#content ul{
		list-style:disc;
		text-align:left;
	}
		#content ul ul{
			list-style:square;
		}
			#content ul ul ul{
				list-style:circle;
			}
	#content ol li{
		border-bottom:1px dotted #dfdfdf;
		padding-top:5px;
	}
/*---SECTIONS & ARTICLES----*/
article.summary {
    overflow:hidden;
    padding:20px 0;
    margin:10px 0;
	padding:10px;
}
	article.summary:nth-child(2n){
		background:#eaeaea;
		border-radius:3px;
		min-height:250px;
		border-top:1px solid #bfbfbf;
		border-bottom:1px solid #bfbfbf;
	}
	section#indexNews article.summary:last-of-type {
		margin-right:70px;
	}
	#content article.summary h3 {
    	clear:unset;
		margin-top:8px;
		height:25px;
		font-size:1em;
	}
	article.summary div.imageFrame {
		height:auto;
		max-width:30%;
		overflow:hidden;
		border:1px solid black;
		float:right;
		margin-left:10px;
	}
		 article.summary div.imageFrame img{
			object-fit:cover;
			width:100%;
			display:block;
			position:relative;
		}
section.hor {
	width:100%;
	height:auto;
	min-height:250px;
	overflow-y:hidden;
	overflow-x:auto;
	white-space:nowrap;
	margin-bottom:20px;
	padding:15px 30px 25px;
}
	section.hor:nth-child(2n) {
			background:#9f9f9f29;
			border-radius:3px;
			min-height:250px;
			border-top:1px solid #bfbfbf;
			border-bottom:1px solid #bfbfbf;
	}
	section.hor h2{
		font-size:2em;
		text-transform:uppercase;
		margin:8px 0;
		width:100%;
	}
	section.hor article{
		min-height:240px;
		display:inline-block;
		white-space:initial;
		vertical-align:top;
	}
		section.hor article.summary {
			position:relative;
			width:200px;
			background:transparent;
			border:none;
		}
			section.hor article.summary div.imageFrame {
				height:120px;
				max-width:100%;
				float:none;
				overflow:hidden;
				border:1px solid black;
				position:relative;
				margin:0;
			}
				section.hor article.summary div.imageFrame img{
					object-fit:cover;
					width:100%;
					display:block;
					top:0;
					bottom:0;
					position:absolute;
					margin:auto;
				}
					section.hor article.summary div.imageFrame img.abstract {
						height:100%;
					}
		section.hor article.list{
			width:33%;
		}
		section.hor article h3 {
			font-size:1em;
			margin:5px 0;
			height:40px;
			overflow:hidden;
			color:#3c3c3c;
			font-weight:bold;
		}
			section.hor article.list h3 {
	    		height:auto;
			}
			section.hor article.list ul {
				font-size:.8em;
				padding:0;
			}
				section.hor article.list ul a.readMore{
					font-size:1em;
	 			}
			section.hor#indexNews article.summary h3 {
			    height:45px;
			}

	section.hor article time{
		font-size:.6em;
		text-transform:uppercase;
		display:block;
		margin:3px 0;
		color:#808080;
	}
	section.hor article div.excerpt{
		position:relative;
		display:block;
		max-height:55px;
		overflow:hidden;
		font-size:.8em;
	}
	section.hor section.ver {
	    display:block;
	    float:right;
		min-width:260px;
	    max-width:400px;
		top:20px;
		right:0;
		position:absolute;
	    padding:0 0 0 20px;
		background:var(--sidebarOpaqueBackground);
		height:400px;
		border-left:1px solid gray;
	}
		section.hor section.ver::before {
			content:"";
			position:absolute;
			top:-5%;
			left:-22px;
			height:110%;
			width:22px;
			background:url("/images/shadow-more-to-right.png") no-repeat;
		}
	section.hor section.ver article{
		display:block;
		margin-top:30px;
		min-height:50px;
	}
		section.hor section.ver article .title a{
			font-weight:bold;
			text-decoration:none;
		}
	section.hor section.ver::before{
		content:"";
		position:absolute;
		top:-5%;
		left:-22px;
		height:110%;
		width:22px;
		background:url("/images/shadow-more-to-right.png") no-repeat;
	}
	section#colRightHighlight {
	    border:1px solid #e3e3e3;
	    padding:0 20px;
	    border-radius:3px;
	}
	table.calendar tr {
		background: transparent !important;
	}
		table.calendar tr td{
			
		}
	.calendarCell{
		height:170px;
		text-align:right;
		padding:5px !important;
		margin:0 !important;
		border:1px dotted gray;
		font-size:9pt;
		line-height:20px;
		width:14%;
	}
	.calendarCellNone{
		background:rgba(0,0,0,.5);
	}
	.calendarCellToday{
		background:yellow;
		color:black;
	}
	.calendarCellPast.calendarCell {
		background: #d5d5d5;
	}
		.calendarCellPast.calendarCell *{
			color:gray !important;
			background: #d5d5d5;
		}
	  
	.dayOfMonth {
		background:#FFF;
		display:inline-block;
		width:100%;
		margin:0;
		padding:0 5px;
		color:#000 !important;
		text-shadow:none !important;
		font-weight:normal;
		border:1px solid #000;
	}
		.dayOfMonth:hover {
			text-decoration:none !important;
			background:#000;
			color:#FFF !important;
			border:1px solid #FFF;
		}
	.obscure{
		color:rgba(72, 72, 72, 0.74) !important;
		font-style:italic;
	}
.zebraStripe:nth-of-type(2n){
	padding:10px;
	overflow:auto;
}
.zebraStripe:nth-of-type(2n+1){
	background:#d3eaff9c;
	padding:10px;
	border:1px solid gray;
	overflow:auto;
}
/*---FOOTER-----*/
div#footerWrapper{
	background:var(--headFootBgColor);
	color: var(--headFootTxtColor);
	height:150px;
	font-size:.7em;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	padding:10px 30px;
}
	div#footerWrapper a{
		color:var(--headFootLinkColor);
		text-decoration:none;
	}
	div#footerWrapper a:hover{
		color:var(--footHoverColor);
	}
	div#footerWrapper footer{
		position:relative;
		margin:0 auto;
		width:1366px;
	}
	div#footerWrapper footer nav#footerNav{
		padding:8px;
		height:130px;
		clear:both;
	}
		div#footerWrapper footer nav#footerNav ul{
			display:block;
			width:20%;
			float:left;
			text-align:left;
			list-style-type:none;
			list-style-position:inside;
			padding:0;
		}
			div#footerWrapper footer nav#footerNav ul li{
				line-height:1em;
				margin-left:12px;
				margin-top:20px;
			}
				div#footerWrapper footer nav#footerNav ul li:first-child a{
					font-weight:bold;
					color:white;
					text-transform:uppercase;
				}
	div#footerWrapper footer nav#footerAbout {
		display:block;
		font-size:1em;
		float:left;
	}
		div#footerWrapper footer nav#footerAbout a{
			display:inline-block;
			padding-right:20px;
		}
	div#footerWrapper footer nav#footerSocial{
		float:right;
	}
	#footerLogo {
		position:absolute;
		right:0;
		top:0;
	}
/*---MISC ITEMS----*/
a{
	outline:0;
	color:var(--linkColor);
}
	a[class^="icon-"]:before, [class*=" icon-"]:before {
		text-decoration:none;
	}
	a.readMore{
		display:inline-block;
		background:#efefef;
		color:gray;
		border:1px solid #888888;
		text-decoration:none;
		padding:0px 5px 2px 5px;
		font-size:.7em;
		line-height:1em;
		text-transform:lowercase;
		font-weight:normal;
		border-radius:2px;
	}
		a.readMore:hover{
			background:var(--hoverBackground);
			color:var(--hoverText);
		}
code {
	  background:#f5f5bb;
	  font-family:monospace;
	  padding:3px;
	  white-space:unset;
	  margin:10px;
	  display:block;
}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
	clear:both;
}
small{
	font-size:smaller;
}
.attention {
	color:yellow;
	text-shadow:1px 1px 1px black;
	font-size:.6em;
	top:-1em;
	position:relative;
}
.disabledEmail{
	color:gray !important;
	text-decoration:line-through !important;
}
table{
	border-collapse:collapse;
	font-size:8pt;
}
	table tr:nth-child(even){background:#2626262b}
	table tr:nth-child(odd){background:transparent}
	table tr td, table tr th{
		vertical-align:top;
		padding:10px;
	}
	table tr th{
		background:var(--headFootBgColor);
		color:var(--headFootTxtColor);
	}
label{
	display:inline-block;
	width:150px;
	font-size:1em;
	vertical-align:top;
	line-height:1.5em;
	white-space:nowrap;
}
	label.wideLabel{
		margin-left:50px;
		text-indent:-50px;
		width:350px;
		font-size:inherit;
	}
	/* move button array over too */
	.rightAlignedButtons input[type="button"]:first-child {
    	margin-left:150px;
	}
#content a img{
	border:0;
}
#timer{
	display:none;
	width:16px;
	height:16px;
	position:absolute;
	top:0px;
	right:10px;
	z-index:3;
}
#refresh{
	position:fixed;
	right:20px;
	top:5px;
	width:22px;
	height:19px;
	z-index:100;
}
#refresh a {
	border:0 !important;
	width:32px;
	height:32px;
	display:block;
	background-size:cover;
}
	#refresh.loading{
		animation:rotation 2s infinite linear;
	}
		@keyframes rotation {
			from {
				transform:rotate(0deg);
			}
			to {
				transform:rotate(359deg);
			}
		}
	#refresh img{
		border:0 !important;
	}
form{
	display:inline;
}
/* dragable table rows */
.draggable td:hover{
	cursor:move !important;
}
tr.active td {
	background:silver !important;
	color:black !important;
}
table tr.target td{
	border-top:1px dashed red !important;
}
#messagesEditor{
	float:left;
	width:580px;
}
#messagesList{
	float:left;
	width:150px;
	min-height:500px;
	margin-right:4px;
}
#messagesQueue{
	float:left;
	width:155px;
	min-height:500px;
	font-size:7pt;
	margin-left:5px;
}
#messagesQueue span,#messagesQueue select{
	font-size:7pt;
	width:100px;
}
#messagesQueue input{
	font-size:7pt;
}
.formRows{
	display:inline-block;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
}
div#peopleResultsWrapper {
	width:100%;
}
	div#peopleResultsWrapper div.peopleRow {
		width:100%;
		white-space:nowrap;
		overflow:hidden;
		cursor:pointer;
	}
		div#peopleResultsWrapper div.peopleRow:nth-child(odd) {
			background-color:#e2e2e2;
		}
		div#peopleResultsWrapper div.peopleRow:hover{
			background:#fff;
			text-decoration:underline;
			color:blue;
		}
	div.peopleColumn {
		width:33%;
		height:24px;
		float:left;
		overflow:hidden;
	}
		div.peopleColumn:first-child{
			clear:left;
		}
#editPeopleBox{
	float:right;
	/*position:relative;
	//right:40px;
	top:220px;*/
	width:320px;
	min-height:450px;
	overflow:auto;
}
#peopleTable{
	width:420px;
	overflow:hidden;
}
#rolesResults{
	float:right;
	top:225px;
	width:500px;
	float:right;
	top:10px;
}
div#breadcrumbs{
	display:block;
	border-bottom:1px dotted black;
	font-size:.8em;
	font-style:italic;
	margin-bottom:20px;
	padding-bottom:10px;
}
	div#breadcrumbs a {
		text-decoration:none;
		color:blue;
	}
.warn{
	font-weight:bold;
	color:red;
}
.grayBox{
	background:#efefef;
	border:1px dashed gray;
	padding:10px;
}
div.grayed, div.grayed a, div.grayed a:visited, table tr.grayed{
	  color:rgba(128, 128, 128, 0.5);
}
.vertPinList {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	left:0;
	display:grid;
	grid-template-columns:repeat(auto-fill, 165px);
	justify-content:left;
}
	.pinCard {
		padding-bottom:20px;
		margin:15px 10px;
		border-radius:6px;
		border:1px outset gray;
		overflow:hidden;
		text-align:center;
	}
	.pinImage{
		float:none !important;
		min-width:100%;
		height:130px !important;
		object-fit:cover;
	}
.tableLikeColumn{
	display:inline-block;
	width:150px;
}
#scheduleHoverDiv{
	display:none;
	position:absolute;
	right:200px;
	z-index:120;
	background:white;
	border:outset 2px gray;
	margin:10px;
	padding:10px;
	min-height:250px;
}
#content .selected{
	background:#b5b5b5;
	padding:2px 6px;
	text-decoration:none;
	color:white;
	border-radius:2px;
	display:inline-block;
	vertical-align:text-top;
}
	#content li.selected{
		display:list-item;
		color:black;
		background:#b5b5b5;
	}
		#content li.selected a{
			text-decoration:none;
			color:white;
		}
.sentEmail{
	background:#99FF99; /* light green */
}
#content article.tiles{
  width:100px;
  height:100px;
  float:left;
  overflow:hidden;
  text-align:center;
  font-size:8pt;
  position:relative;
  border:1px solid;
  margin:3px;
  border-radius:1px;
}
	#content article.tiles div.links{
	  position:absolute;
	  bottom:0;
	  background:#ffffff69;
	  display:block;
	  width:100%;
	}
		#content article.tiles div.imageFrame {
		  position:relative;
		  top:0;
		}
.tileThirds {
	  width:calc(33.3% - 10px);
	  float:left;
	  margin:5px;
	  border:1px outset;
	  padding:2px;
	  overflow:hidden;
	  min-height:85px;
}
	.tileThirds h4{
		margin:0;
	}
#beta{
	display:none;
	position:absolute;
	top:70px;
	left:10px;
	font-weight:bolder;
	color:#B50018;
	font-size:14px;
	letter-spacing:2px;
}
#comments{
	width:700px;
	height:100px;
	font-size:8pt;
	font-weight:normal;
}
#content .icon{
	padding:1px;
	margin:1px;
}
#content .icon img{
	width:13px;
	height:13px;
}
.inlineDiv{
	position:absolute;
	width:740px !important;
	height:30px;
	display:inline-block;
}
.floatRight{
	float:right;
}
	img.floatRight,img[style*="float:right"],img[style*="float: right"]{
		margin-left: 10px;
		margin-bottom: 10px;
	}
.floatLeft{
	float:left;
}
	img.floatLeft,img[style*="float:left"],img[style*="float: left"]{
		margin-right: 10px;
		margin-bottom: 10px;
	}
.imageWidth32{
	width:32px;
	height:auto;
	padding:5px;
	margin-bottom:20px;
}
#content #contactForm textarea{
	width:100%;
	height:300px;
}
textarea.wideEditor{
	width:100%;
	min-height:200px;
}
#loginForm{
	display:block;
	padding:10px;
	margin:10px;
}
.tinyText{
	font-size:7pt !important;
}
#alertBanner {
    background:#f9f64b;
    text-align:center;
    line-height:2em;
    padding:3px 10px;
    width:100%;
    left:0;
    top:0;
    color:#a41212;
    font-weight:bold;
}
	#alertBanner a.anchorButton {
		text-decoration:none;
	    background:var(--buttonBgColor);
	    color:var(--buttonTextColor);
	    border:none;
	    font-weight:bold;
	    padding:0 15px;
	    border-radius:4px;
	    line-height:2em;
	    margin:0 10px;
	}
		#alertBanner a.anchorButton:hover {
		    background:var(--hoverBackground);
		    color:var(--hoverText);
		}
.buttonMenu a{
	background:var(--buttonBgColor);
	color:var(--buttonTextColor);
	border-radius:3px;
	text-decoration:none;
	font-size:.8em;
	padding:1px 4px;
	line-height:1.5em;
	white-space:nowrap;
	margin:0 1px;
}
	.buttonMenu a:hover{
		background:var(--hoverBackground);
		color:var(--hoverText);
	}
	.buttonMenu a.selected{
		background:blue;
	}
	.buttonMenu span.icon16::before{
		color:white;
		position:relative;
		top:2px;
		right:-5px;
	}
div#peopleResultsWrapper {
	width:100%;
}
	div#peopleResultsWrapper div.peopleRow {
		width:100%;
		white-space:nowrap;
		overflow:hidden;
		cursor:pointer;
	}
		div#peopleResultsWrapper div.peopleRow:nth-child(odd) {
			background-color:#e2e2e21c;
		}
		div#peopleResultsWrapper div.peopleRow:hover{
			background:#fff;
			text-decoration:underline;
			color:blue;
		}
#peopleEdit div.imageFrame {
	overflow:hidden;
	width:120px;
	height:120px;
	position:absolute;
	top:15px;
	right:10px;
	border-radius:50%;
	border:4px double gray;
	box-sizing:content-box;
}
	#peopleEdit div.imageFrame img{
		object-fit:cover;
		object-position:top;
		width:100%;
		height:100%;
	}
.tabMenu{
	color:white;
	position:relative;
	border-bottom:0px solid gray;
	min-height:2em;
}
	.tabMenu a{
		background:#E5FAFF;
		position:relative;
		top:0;
		height:2em;
		line-height:1.3em;
		display:inline-block;
		border:1px solid gray;
		border-bottom:1px solid gray;
		padding:3px 7px;
		margin:5px 1px;
		border-radius:3px 3px 0 0;
		text-decoration:none;
		min-width:30px;
		vertical-align:initial;
	}
		.tabMenu a::before{
			content:"";
			display:inline-block;
			border-bottom:1px solid gray;
			width:7px;
			position:absolute;
			bottom:-1px;
			left:-7px;
		}
		.tabMenu a::after{
			content:"";
			display:inline-block;
			border-bottom:1px solid gray;
			width:7px;
			position:absolute;
			bottom:-1px;
			right:-7px;
		}
		.tabMenu a:hover{
			background:#efefef;
		}
		.tabMenu a.selected{
			top:0px;
			border-bottom:0;
			background:white;
			height:2em;
			color:black;
		}
			.tabMenu a.selected::after,.tabMenu a.selected::before{
				border:0;
			}
	p.tabMenu::before {
			content:"";
			border-bottom:1px solid gray;
			position:absolute;
			width:100%;
			display:block;
			height:5px;
			bottom:5px;
	}
.tileMenu input[type="button"] {
	float:left;
	height:80px;
	line-height:1em;
	width:45%;
	background:#efefef33;
	margin:3px;
	margin-left:initial;
	text-align:center;
	cursor:pointer;
}
	.tileMenu input[type="button"]:hover{
		background:var(--hoverBackground);
		color:var(--hoverText);
	}
.anchorButton,.formButton,.bigButton,.smallButton,.tinyButton,input[type="button"]{
	border:1px solid #d5d3d3;
	border-radius:3px;
	background:var(--buttonBgColor);
	color:var(--buttonTextColor);
	display:inline-block;
	font-size:.8em;
	padding:7px 10px;
	margin:2px;
	font-weight:normal;
	text-decoration:none;
}
	.anchorButton:hover,.formButton:hover,.bigButton:hover,.smallButton:hover,.tinyButton:hover,input[type="button"]:hover {
		background:var(--hoverBackground);
		color:var(--hoverText);
	}
	input[type="button"]:disabled{
		background:#efefef;
		color:gray;
	}
	input.formButton[onclick*="initEditor"] {
		position: absolute;
		font-size: .6em;
		padding:2px 5px 4px;
		border-radius: 6px;
	  }
	  
.bigButton{
	font-size:1.5em !important;
	margin:5px !important;
}
.bigButton.anchorButton.icon-play {
	position:absolute;
}
.smallButton{
	height:22px;
	line-height:16px;
	width:auto;
	color:#ffffff;
	font-size:9px;
}
.tinyButton{
	font-size:.5em !important;
}
.fileTile{
	border:1px dotted gray;
	float:left;
	margin:3px;
	padding:5px;
	width:100px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
	.fileTile a.delete{
		display:none;
		position:absolute;
		right:5px;
		top:5px;
	}
		.fileTile a.delete img{
			max-width:16px;
			max-height:16px;
		}
	.fileTile:hover a.delete{
		display:inline-block;
	}
	.fileTile img{
		max-width:48px;
		max-height:48px;
		border:0;
	}
	.fileTile span{
		display:none;
	}
		.fileTile:hover span {
			position:fixed;
			top:120px;
			right:75px;
			height:50px;
			padding:10px;
			display:block;
			width:400px;
			background:#ff000061;
			border-radius:10px;
			color:black;
			z-index:1;
		}
.centerColumnHalfWidth{
	width:50%;
	overflow:hidden;
}
	.centerColumnHalfWidth p{
		text-indent:-30px;
		padding-left:30px;
	}
.twoColumns{
	column-count:2;
	column-gap:20px;
}
	.twoColumns p{
		text-indent:50px;
		text-align:justify;
	}
		.twoColumns div.small p{
			text-indent:0 !important;
			font-size:.8em !important;
		}
	.twoColumns figure{
		float:right;
		max-width:100%;
		text-align:center;
		font-style:italic;
		border:thin silver solid;
		margin:0.5em;
		padding:0.5em;
		break-inside:avoid;
	}
		.twoColumns figcaption p {
				text-align:center;
				font-size:.8em;
				text-indent:0;
				margin:0;
				padding:0;
		}
				.twoColumns figure img {
						max-width:100%;
				}
.noBreak{
	break-inside:avoid-column;
}
input,textarea,select{
	color:black;
	padding:0 4px;
	margin-bottom:5px;
	line-height:1.3em;
	border:1px solid #c8c8c8;
	background:#eaeaea12;
	width:100%;
	font-size:1em;
}
	input[type='radio'],input[type='checkbox'],input[type='submit'],input[type='button']{
		width:initial;
	}
	fieldset + input[type="submit"] {
	    margin-left:0;
	}
label + input, label + select{
	width:calc(100% - 175px);
}
#dialogueWrapper {
	display:none;
	width:100%;
	background:rgba(0, 0, 0, 0.7);
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	z-index:100;
	text-align:center;
	margin:0 auto;
	 transition:all 1.3s ease-in-out;

}
	#dialogueWrapper #dialogue{
		visibility:visible;
		display:block;
		min-height:200px;
		width:370px;
		background:rgb(245,246,246); /* Old browsers */
		background:linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
		z-index:10000;
		border:2px outset;
		border-radius:10px;
		position:relative;
		margin:0px auto;
		margin-top:160px;
		box-shadow:rgba(0, 0, 0, 0.760784) 0px 0px 20px;
		text-align:left;
		padding:20px 20px 50px 20px;
		line-height:16px;
	}
	#dialogueWrapper h2 {
		font-size:16px;
		margin-bottom:2px;
	}
	#dialogueWrapper input[type="button"] {
		position:absolute;
		color:#171d34ad;
		bottom:12px;
		right:12px;
		width:111px;
	}
		#dialogueWrapper input[type="button"]:nth-child(even){
			right:130px;
		}
	#dialogueWrapper img {
		float:left;
		margin:5px 20px 20px 0;
	}
#hoverWindowWrapper{
	display:none;
	position: fixed;
	background: white;
	box-shadow: 0 0 10px 0px;
	padding: 6px;
	top:120px;
	overflow:scroll;
	max-height:70%;
	width: 800px;
	left: calc(50% - 400px);
}
*.note{
	font-style:italic;
	color:black;
	background:#efefef;
	padding:2px 8px 3px;
	font-size:.8em;
	border-bottom: 1px dotted #bdbdbd;
	display:inline-block;
}

.divHoverDropdown{
	position:absolute;
	display:inline-block;
	height:18px;
	width:265px;
	overflow:hidden;
	background-color:#efefef;
	text-align:left;
	border:2px outset #A4A4A4;
	padding:0px 5px 1px 2px;
	margin:0 2px;
	color:buttontext;
	border-radius:2px;
	white-space:nowrap;
}
	.divHoverDropdown::after {
		position:absolute;
		content:"▼";
		font-size:7pt;
		right:8px;
		top:-1px;
	}
	.divHoverDropdown:hover {
		height:auto !important;
		max-height:400px;
		overflow-y:scroll;
		position:absolute;
		box-shadow:0 0 5px black;
		background:white;
		width:auto !important;
	}
div.abstractsItem {
	margin-bottom:10px;
	border-top:outset;
	padding-top:5px;
	min-height:50px;
}
div.abstractsAuthors {
	margin-left:20px;
	font-size:.9em !important;
}
	div.abstractsAuthors i{
		font-size:.9em !important;
	}
form#abstractTopicsFilter {
	white-space:nowrap;
	width:93px;
	overflow:hidden;
	border-right:2px solid gray;
	display:block;
	padding-right:2px;
	background:white;
	float:left;
}
	form#abstractTopicsFilter:hover{
		width:auto;
		margin-right:10px;
	}
div#abstractReaderWrapper{
	margin-left:100px;
}
.cke_notification {
	  background:rgba(255, 120, 107, 0.85);
	  padding:5px 10px;
	  margin:0 auto;
	  border-radius:5px;
	  box-shadow:0 0 5px;
	  text-align:left;
	  font-weight:bold;
	  width:90%;
	  position:relative;
}
	  a.cke_notification_close {
	      position:absolute;
	      top:5px;
	      right:5px;
	      text-decoration:none;
	      color:white;
	  }
#metaInfo{
	overflow:hidden;
}
	#metaInfo #page-title,#metaInfo #page-description,#metaInfo #page-keywords{
		width:calc(100% - 110px) !important
	}
#pdfWrapper h5 {
    text-align:center;
}
/***************PORTABLE*********************/
/* smaller desktop */
@media all and (max-width:1200px){
	header,div#slides,div#contentWrapper,div#footerWrapper{
		width:100%;
	}
  	/*#buttonLogOut,#buttonLogIn{ display:none !important; }*/
	#content{
		padding:5px 10px 5px 5px;
	}
	#content ul, #content ol {
		margin:initial;
		padding-left:25px;
	}
		#content #colLeft article div.imageFrame {
			margin:5px auto;
		}
		#content #colLeft label {
		    width:100%;
		}
			#content #colLeft label + input, #content label + select {
				width:100%;
			}
	#content #colLeft{
		width:25%;
	}
	#content #colCenter{
		width:50%;
		padding-bottom:100px;
	}
		#content #colLeft ~ #colCenter {
			width: 50%;
		}
	#content #colRight{
		width:25%;
	}
	.twoColumns {
    	column-count:1;
	}
		.twoColumns p {
		    text-indent:0px;
		    text-align:left;
		}
	nav#main ul li {
		padding: 0 0 0 20px;
	}	
	p.tabMenu {
	  height:auto;
	}
		p.tabMenu .tab{
		  margin:3px;
		  border-radius:3px;
		}
			p.tabMenu .tab.selected{
			  border:1px solid;
			  margin:initial;
			  padding:3px 7px;
			  vertical-align:initial;
			}
		p.tabMenu:before, .tabMenu .tab:before,.tabMenu .tab:after{
		  display:none;
		}
	.vertPinList {
		grid-template-columns: repeat(auto-fill, 160px);
	}
	.youTubeInlineVideo{
		display:block;
	}
}
/* tablet */
@media all and (max-width:780px){
	header,div#slides,div#contentWrapper,div#footerWrapper{
		width:100%;
	}
	header{
	}
	header h1{
		left:0;
		margin:0;
	}
	header h1 a div.logo{
		width:50px;
		height:50px;
		display:none;
	}
	#headerTwitterFeed{ display:none; }
	nav#main{
		overflow:hidden;
		width:0;
		height:0;
	}
	nav#main ul.nav {
		position:fixed;
		display:block;
		height:100%;
		top:0px;
		left:calc(100% - 5px);
		width:350px;
		transition:left .5s linear;
		background:var(--headFootBgColor);
		line-height:2em;
		padding-top:90px;
		border-left:1px solid gray;
	}
		nav#main ul.nav::after{
			content:"Menu";
			position:absolute;
			left:-45px;
			top:60px;
			line-height:1.5em;
			transform:rotate(270deg);
			background:var(--headFootBgColor);
			padding:5px 10px;
			border-radius:5px 5px 0 0;
			border-top:2px solid gray;
		}
		nav#main.menuOpen ul.nav {
			max-width:95%;
			left:calc(100% - 150px);
		}
			nav#main.menuOpen ul.nav::before{
				position:absolute;
				content:"";
				width:100%;
				height:100%;
				display:block;
				right:350px;
				z-index:-1;
			}
			nav#main ul.nav li{
				float:unset;
			}
				nav#main ul li a::after{
					content:"";
				}
			nav#main ul li ul{
				display:none;
			}
		/* reset hovers */
		nav#main ul li:hover ul, nav#main ul li a:hover ul {
			position:inherit;
			margin-top:inherit;
			box-shadow:none;
			width:inherit;
			background:transparent;
			border:none;
		}
		nav#main ul li:hover ul li {
			line-height:2em;
		}
		nav#main ul li:hover ul li a{
			padding-left:20px;
		}
		nav#main ul li:hover > a:after {
			visibility:inherit;
		}
			nav#main ul.nav li:hover ul{
				display:none;
			}
	nav#subMain {
	  text-align:center;
	  display:block;
	}
	  nav#subMain a {
	    display:inline-block;
	    text-decoration:none;
	    border:1px solid gray;
	    border-radius:3px;
	    margin:4px;
	    padding:10px;
	    line-height:1em;
	  }
	div#slides{
		min-height:300px;
	}
		div#slides div aside h3{
			font-size:2em;
		}
		div#slides div aside p{
			font-size:1em;
		}
	nav#main ul#logInOut{
		display:none;
	}
	#content #colLeft{
		width:35%;
		min-height:auto;
	}
		#content #colLeftLoggedOut {
		  background:#fff;
		  position:relative;
		  width:100%;
		  padding:0 10px;
		  height:350px;
		}
			#content #colLeftLoggedOut input{
			  width:100%;
			}
			/*#content #colLeftLoggedOut .signUpImage{
				display:none;
			}*/
		#content #colLeft article{
			padding:0px 5px 5px 5px;
		}
		#content #colLeft ~ #colCenter{
			width:65%;
			margin-bottom:20px;
		}
		#content #colCenter input[type="text"],
		#content #colCenter input[type="email"],
		#content #colCenter input[type="password"],
		#content #colCenter input[type="date"],
		#content #content #colCenter input[type="number"],
		#content #colCenter select,
		#content #colCenter label + select,
		#content #colCenter label + textarea{
			width:100%;
		}
		#content #colCenter.wideCenter{
			width:65%;
		}
	#content #colRight{
		width:100%;
		text-align:center;
		padding:0 50px;
		margin-bottom:30px;
		border-top: 3px solid black;
	}
	section.hor article{
		display:block;
		width:100%;
	}
	section.hor article.summary{ width:100%; }
	section.hor article.list{
		width:100%;
	}
	section.hor section.ver{
		float:unset;
		width:100%;
		top:0;
		position:relative;
		border:none;
		height:160px;
	}
	section.hor section.ver::before {
    	content:unset;
	}
}
/* phone */
@media all and (max-width:512px){
	header,div#slides,div#contentWrapper,div#footerWrapper{
		width:100%;
	}
	header h1 a div.logo{ display:none;margin:6px; width:60px; height:60px;}
	#feedBack{
		left:calc( 50% - 150px);
	}
	header h1 a span{
		left:10px;
	}
	#content #colLeftLoggedOut{
		display:none;
	}
	#content #colLeft{
		display:none;
	}
	#content #colLeft ~ #colCenter{
		width:100%;
	}
		#content #colCenter.wideCenter {
		    width:100%;
			padding-bottom:100px;
		}
		#content #colLeft #recentLogins {
			display: none;
		}
			#content #colCenter h2 a.tinyButton.floatRight {
				display: block;
				clear: both;
				float: right;
				margin-bottom: 3px;
			}
	#content #colCenter,#content #colRight{
		width:100%;
		padding:0;
	}
	div.peopleColumn {
		width:50%;
	}
		div.peopleColumn:nth-child(3){
			display:none;
		}
	div#footerWrapper footer nav#footerNav ul{
		width:50%;
	}
	div#footerWrapper footer nav#footerNav ul li {
	    line-height:2em;
	    text-indent:initial;
	    margin-left:0;
	}
	.twoColumns {
    	column-count:1;
	}
		.twoColumns p {
		    text-indent:0px;
		    text-align:left;
		}
	#crookedbush{
		display:none;
	}
	#footerSocial{
		display:none;
	}
	#youtubePlayerWrapper.max {
		width:100%;
		left:0;
	}
	section#indexNews article.summary:last-of-type{
		display:none;
	}
	.vertPinList {
		grid-template-columns: repeat(auto-fill, 155px);
	}
	#hoverWindowWrapper{
		width:320px;
		left:calc(50% - 160px);
	}
}