:root {
	--canvasColor:#fff;
	--headFootBgColor:#002147;
	--fontDefaultColor:#838383;
	--fontHighlightColor:#2d2d2d;
	--linkColor:#2d5684;
	--headFootTxtColor:#2d5684;
	--headFootLinkColor:#ffffffd1;
	--footHoverColor:#fff;
	--hoverBackground:#5088b6;
	--hoverText:#fff;
}
*{
	box-sizing:border-box;
	font-family:"PT Sans",'Helvetica Neue',Arial,Helvetica,sans-serif
}
body{
	background:#efefef;
	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-----*/
header{
	z-index:100;
	position:relative;
	background:var(--headFootBgColor);
	height:170px;
	width:1366px;
	margin:0 auto;
}
	header a{
		color:white;
		text-decoration:none;
	}
	header #headerTwitterFeed{
		z-index:1001;
		width:50px;
		max-height:50px;
		overflow:hidden;
		position:absolute;
		top:15px;
		right:54px;
		background:url("/images/icons/twitter.png") no-repeat;
	}
		header #headerTwitterFeed iframe{
			margin:64px;
		}
		header #headerTwitterFeed:hover{
			width:auto;
			max-height:500px;
			border:1px outset;
			background:none;
			 transition:all .5s ease-in-out;
			 box-shadow:0 0 3px;
		}
			header #headerTwitterFeed:hover iframe{
				margin:0;
			}
	header #headerButtons{
		background:url('/images/skin-1102/header-buttons.png') no-repeat;
		position:absolute;
		top:0px;
		right:0;
		width:354px;
		height:37px;
	}
		header #headerButtons span{
			display:none;
		}
		header #headerButtons #contact{
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:50px;
			height:40px;
		}
		header #headerButtons #sitemap{
			position:absolute;
			top:0;
			left:62px;
			display:block;
			width:50px;
			height:40px;
		}
		header #headerButtons #bookmark{
			position:absolute;
			top:0;
			left:130px;
			display:block;
			width:40px;
			height:40px;
		}
		header #headerButtons #topSearch{
			display:block;
		}
			header #headerButtons input{
				position:absolute;
				left:230px;
				top:12px;
				width:110px;
				height:18px;
				line-height:15px;
				font-size:8pt;
				border:0;
				background:transparent;
				outline:0;
				padding:3px 1px;
			}
	header h1{
		position:absolute;
		left:45px;
		width:500px;
		font-size:1em;
		font-weight:normal;
	}
		header h1 a div.logo{
			background:url("/images/logo-64.png?") no-repeat;
			background-size:cover;
			width:70px;
			height:70px;
			position:relative;
			float:left;
			margin:2px 15px;
		}
			header h1 a span{
				position:relative;
				top:16px;
				text-transform:uppercase;
				font-weight:bold;
				letter-spacing:1px;
			}
	#feedBack{
		display:none;
		position:absolute;
		top:1px;
		right:0px;
		width:300px;
		height:20px;
		overflow:hidden;
		background:#efefef;
		color:gray;
		border:1px solid #e3e3d3;
		padding:3px;
		text-align:center;
		z-index:1;
		border-radius:5px;
	}
	nav#main {
	`	z-index:10;
		background:transparent;
		padding:5px 19px 5px 8px;
		text-transform:uppercase;
		position:absolute;
		text-align:left;
		bottom:0;
		width:100%;
		height:50px;
		line-height:2em;
	}
		nav#main a{
			color:#fff;
		}
		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 5px 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;
}
	#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;
				font-family:"PT Sans Narrow",'Helvetica Neue',Arial,Helvetica,sans-serif
			}
			div#slides div aside p{
				font-size:1.3em;
				margin:3px 0;
			}
/*---CONTENT----*/
div#contentWrapper {
	width:1366px;
	margin:0 auto;
	background:#fff;
}
#content{
	position:relative;
	left:0px;
	width:100%;
	min-height:700px;
	height:auto;
	overflow:hidden;
	padding:20px;
}
	#content #colCenter  div.imageFrame {
		width:300px;
		height:170px;
		overflow:hidden;
		float:left;
		justify-content:center;
		text-align: center;
		display:grid;
		margin-right:15px;
		border:1px solid gray;
		border-radius:5px;
		margin:10px;
	}
		#content div.imageFrame img.sponsorImage{
			width:150px;
			margin:20px auto;
		}
	#content #colCenter small img.profileImage {
		max-width: 120px;
		border: 3px double gray;
		margin-left: 10px;
	}
	#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 article {
		    border:1px solid #d9d9d9;
		    margin-bottom:20px;
		    padding:0px 20px 30px 25px;
		    border-radius:2px;
			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{
				font-family:sans-serif;
				border:0;
				font-size:11pt;
				line-height:20px;
				color:gray;
			}
			#content #colLeft article ul{
				padding:0;
			}
	#content #colCenter{
		width:50%;
		width:calc(100% - 600px);
		margin:0;
		padding:0 15px;
		float:left;
		overflow:hidden;
	}
		#content #colCenter section article{
		    border:1px solid #e3e3e3;
		    border-radius:3px;
		    margin:10px 0;
		    padding:10px;
		    min-height:100px;
		    overflow:hidden;
		    background:#f7f7f7;
		}
			#content #colCenter section article h3, #content #colCenter section article h4, #content #colCenter section article h5 {
			    margin:0 0 10px;
				clear:initial;
			}
		#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 #colCenter.wideCenter{
			width:625px;
			width:calc(100% - 300px);
		}
		#content #colCenter img {
			float:right;
			max-width:100%;
		}
			#content #colCenter img.sponsorImage {
				width: auto;
			    float: right;
			    margin: 20px auto;
			    max-height: 90px;
			    max-width: 200px;
			}
		#content #colCenter div.sponsorImage {
			overflow: hidden;
			width: 150px;
			height: 325px;
			position: absolute;
			right: 30px;
			background: #aeaeae82;
			padding: 5px;
		}
		#content #colCenter h3 a.floatRight {
			margin-left:6px;
		}
	#content #colRight{
		float:right;
		width:300px;
		min-height:500px;
		text-align:left;
		margin:0 ;
		padding:5px;
	}
		#content #colRight ul {
			margin:10px;
			padding:10px;
		}
		#content #colRight div#sidebarAlerts {
			background:#75cfff99;
			padding:10px;
			border-radius:10px;
			margin-bottom:20px;
			border:2px outset #f73137;
			padding-top:2px;
		}
	#content h1{
		clear:both;
		text-transform:capitalize;
	}
	#content h2{
		clear:both;
		color:var(--fontHighlightColor);
	}
		#content h2 a.readMore {
		    font-size:0.4em;
		    margin-left:1em;
		}
	#content h3,#content h4{
		clear:both;
	}
	#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;
	}
	section#publications article div.publicationImageWrapper {
	    width:140px;
	    float:left;
	}
	#content article.summary h3 {
    	clear:unset;
		margin-top:0;
	}
	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;
		}
	article#userProfile {
		background:#efefef;
	}
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:#eaeaea;
			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 {
			width:250px;
			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;
			}
				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.news.profile {
						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:90px;
			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:auto;
			}
			section.hor article.summary h3 a {
				display:none;
			}
	section.hor article time{
		font-size:.6em;
		text-transform:uppercase;
		display:block;
		margin:3px 0;
		color:#808080;
	}
	section.hor article span.author{
		display:none;
	}
	section.hor article div.excerpt{
		position:relative;
		display:block;
		max-height:55px;
		overflow:hidden;
		font-size:.8em;
	}
		.excerpt::after {
		    content:"...";
		    position:absolute;
		    right:0px;
		    bottom:3px;
		    background:#fff;
		    display:inline-block;
		    width:20px;
		    padding-right:10px;
		}
			section.hor:nth-child(2n) .excerpt::after {
				background:#eaeaea;
			}
	section.hor section.ver {
	    display:block;
	    float:right;
		min-width:350px;
	    max-width:400px;
		top:30px;
		right:0;
		position:absolute;
	    padding:0 0 0 20px;
		background:white;
		height:400px;
		border-left:1px solid gray;
	}
	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.hor section.ver article .calendarBox {
		position:relative;
	    background:var(--headFootBgColor);
	    width:50px;
	    height:50px;
	    text-align:center;
	    color:#fff;
	    float:left;
	    margin-right:20px;
	}
		section.hor section.ver article .calendarBox .day{
			position:absolute;
			font-size:1.4em;
			left:13px;
			top:2px;
		}
		section.hor section.ver article .calendarBox .mon{
			position:absolute;
		    font-size:.81em;
		    left:14px;
		    top:25px;
		    text-transform:uppercase;
		}
	section#colRightHighlight {
	    border:1px solid #e3e3e3;
	    padding:0 20px;
	    border-radius:3px;
	}
/*---FOOTER-----*/
div#footerWrapper{
	background:var(--headFootBgColor);
	height:auto;
	font-size:.7em;
	overflow:hidden;
	width:1366px;
	margin:0 auto;
	padding:0px 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:100%;
	}
	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;
	}
/*---MISC ITEMS----*/
a{
	outline:0;
	color:var(--linkColor);
}
	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;
}
.disabledEmail{
	color:gray !important;
	text-decoration:line-through !important;
}
table{
	border-collapse:collapse;
	font-size:8pt;
}
	table tr:nth-child(even){background:#CCC}
	table tr:nth-child(odd){background:#FFF}
		table tr td{
			height:25px;
			vertical-align:top;
		}
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;
}
div#zoomImageWrapper {
	  height:100%;
	  width:100%;
}
	  div#zoomImageWrapper img#zoomImageId {
	      max-width:90%;
	      max-height:100%;
	  }

#timer{
	display:none;
	width:16px;
	height:16px;
	position:absolute;
	top:0px;
	right:10px;
	z-index:3;
}
#refresh{
	position:fixed;
	right:20px;
	top:5px;
	z-index:3;
}
#refresh a {
	border:0 !important;
	width:32px;
	height:32px;
	display:block;
	background:url("/images/reload.png");
	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;
}

#messageBoard{
}
#messageBoard textarea{
	width:80%;
	height:150px;
}
#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:1em;
	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);
}
.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;
}
.selected{
	background:#b5b5b5;
	padding:2px 6px;
	text-decoration:none;
	color:white;
	border-radius:2px;
	display:inline-block;
	vertical-align:text-top;
}
.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;
}
	.tileThirds h4{
		margin:0;
	}
#beta{
	display:none;
	position:absolute;
	top:70px;
	left:10px;
	font-weight:bolder;
	color:#B50018;
	font-size:14px;
	letter-spacing:2px;
}
#helpPopUpWrapper{
	position:absolute !important;
	top:200px;
	left:40px;
	background-color:white;
	width:300px;
	height:400px;
	z-index:100;
	border:3px outset gray;
	display:none;
	margin:5px;
	padding:10px;
	overflow:auto;
	text-align:left;
	font-size:8pt;
}
#helpPopUpWrapper iframe{
	width:275px !important;
	overflow:hidden !important;
}
#helpPopUp h1{
	color:black;
	font-size:11pt;
}
#helpPopUp h2{
	color:red;
	font-size:10pt;
}
#helpPopUp h3{
	color:gray;
	font-size:9pt;
}
#comments{
	width:700px;
	height:100px;
	font-size:8pt;
	font-family:sans-serif;
	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;
}
#userOnlineNow a{
	text-decoration:none;
	font-size:7pt;
	position:absolute;
	top:0px;
	right:10px;
	font-style:italic;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.imageWidth32{
	width:32px;
	height:auto;
	padding:5px;
	margin-bottom:20px;
}
#content #contactForm textarea{
	width:100%;
	height:300px;
}
textarea.wideEditor{
	width:100%;
	min-height:200px;
}

#contactCard {
	position:relative;
	background:#eaeaea;
	border-radius:5px;
	padding:5px 10px;
	margin:75px 0 35px 0;
	border:4px double #c6c6c6;
	box-shadow:1px 2px 10px #cecece;
}
	#contactCard::before{
		content:"Contact Card";
		position:absolute;
		top:-34px;
		right:10px;
		width:90px;
		padding:2px 5px;
		background:#c6c6c6;
		border:inherit;
		border-radius:10px 10px 0 0;
	}
	#contactCard .imageFrame {
		height:100px;
		width:100px;
		float:right;
		overflow:hidden;
		border-radius:50%;
		border:4px double gray;
		box-sizing:content-box;
	}
	#contactCard h3, #contactCard h4 {
		margin:0;
	}
	#contactCard ul li{
		overflow:hidden;
	}
.profileImage{
	/*width:100px;
	height:auto;*/
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
}
	.tabPane .profileImage{
		position:absolute;
		right:0;
	}
.publicationImageWrapper {
    max-width:50%;
    float:right;
}
.projectImageWrapper{
	/*for captions*/
	float:right;
	font-size:7pt;
	color:gray;
	overflow:hidden;
	display:inline;
	text-align:right;
	line-height:10px;
	width:202px;
	margin:2px;
	padding:1px;
}
.projectImage{
	padding:2px;
	border:1px solid red;
	margin:1px;
	width:200px;
	height:auto;
}
.projectImageThumb{
	padding:2px;
	margin:1px;
	width:100px;
	height:auto;
}
#projectForm input{
	width:100%;
}
#projectForm textarea{
	width:100%;
	height:250px;
}
#loginForm{
	display:block;
	padding:10px;
	margin:10px;
}
.tinyText{
	font-size:7pt !important;
}
#alertBanner {
    position:absolute;
    background:#777;
    text-align:center;
    line-height:2em;
    padding:3px 10px;
    width:100%;
    left:0;
    top:0;
    color:#fff8f8;
    font-weight:bold;
}
	#alertBanner a.anchorButton {
		text-decoration:none;
	    background:blue;
	    border:none;
	    color:white;
	    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:#0b5dae;
	border-radius:3px;
	color:white !important;
	text-decoration:none;
	font-size:.8em;
	padding:1px 4px;
	line-height:1.5em;
	white-space:nowrap;
	margin:0 1px;
}
	.buttonMenu a:hover{
		background:blue;
	}
	.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:#e2e2e2;
		}
		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:50px;
	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:#efefef;
	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;
	background:#efefef;
	color:gray;
	display:inline-block;
	font-size:.8em;
	padding:2px 10px;
	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;
	}

.bigButton{
	height:73px !important;
	width:auto !important;
	font-size:40px !important;
	line-height:40px !important;
	margin:5px !important;
}
.smallButton{
	height:22px;
	line-height:16px;
	width:auto;
	color:#ffffff;
	font-size:9px;
}
.tinyButton{
	font-size:.5em !important;
}
	.tinyButton:hover {
	}
.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{
		display:inline-block;
		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:gray;
	padding:0 4px;
	margin-bottom:5px;
	line-height:2em;
	border:1px solid #c8c8c8;
	background:#eaeaea;
	width:100%;
}
	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);
}
select{
    height:2.1em;
}
#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:450px;
		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;
		bottom:12px;
		right:12px;
		width:111px;
	}
		#dialogueWrapper input[type="button"]:nth-child(even){
			right:130px;
		}
	#dialogueWrapper img {
		float:left;
		margin:5px 20px 20px 0;
	}
p.note{
	font-style:italic;
	color:gray;
}
.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_notifications_area{
}
.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
	}
	#metaInfo label{
	}
#pdfWrapper h5 {
    text-align:center;
}
/***************PORTABLE*********************/
/* smaller desktop */
@media all and (max-width:1280px){
	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{
		width:25%;
	}
		#content #colLeft article div.imageFrame {
			float:unset;
			margin:15px auto;
		}
		#content #colLeft label {
		    width:100%;
		}
			#content #colLeft label + input, #content label + select {
				width:100%;
			}
	#content #colCenter{
		width:50%;
	}
		#content #colCenter.wideCenter{
			width:75%;
		}
	#content #colRight{
		width:25%;
	}
	#contactCard .imageFrame{
		float:unset;
		margin:10px auto;
	}
	.twoColumns {
    	column-count:1;
	}
		.twoColumns p {
		    text-indent:0px;
		    text-align:left;
		}
	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;
		}
}
/* tablet */
@media all and (max-width:780px){
	header,div#slides,div#contentWrapper,div#footerWrapper{
		width:100%;
	}
	header{
		height:75px;
	}
	header h1{
		left:0;
	}
	header h1 a div.logo{
		width:50px;
		height:50px;
	}
	#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;
	}
		nav#main ul.nav::after{
			content:"Menu";
			position:absolute;
			left:-45px;
			top:140px;
			line-height:1.5em;
			transform:rotate(270deg);
			background:var(--headFootBgColor);
			padding:5px 10px;
			border-radius:5px 5px 0 0;
		}
		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 #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;
	}
		#content #colRight section#contactCard{
			margin-top:30px;
		}
		#content #colRight section#contactCard ul{
			display:grid;
			justify-content:center;
		}
	.profileImage.floatRight {
	    left:calc(50% - 90px);
	    position:relative;
	    margin:25px 0 25px 0;
	    float:initial;
	}
	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;
	}
		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::before {
    	content:unset;
	}
}
/* phone */
@media all and (max-width:512px){
	header,div#slides,div#contentWrapper,div#footerWrapper{
		width:100%;
	}
	header h1{ left:0; margin:0; }
	header h1 a div.logo{ margin:6px; width:60px; height:60px;}
	div#slides{ display:none;}
	#content #colLeftLoggedOut{
		display:none;
	}
	#content #colLeft{
		width:100%;
		float:none;
		min-height:unset;
	}
		#content #colLeft article#userProfile{
    		max-height:70px;
		}
			#content #colLeft article#userProfile .imageFrame{
				display:none;
			}
		#content #colCenter.wideCenter {
		    width:100%;
		}
	#randomProject,#recentLogins,#pastPolls{
		display:none;
	}
	#content #colCenter,#content #colRight{
		width:100%;
	}
	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;
	}
}