@charset "utf-8";
/* Main CSS document 

/*
	Arcana by HTML5 UP, original template
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

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;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
q {quotes: '“' '”' '‘' '’' '“' '”' '‘' '’';}
/* This goes down 4 levels to convert straight quotes to curly quotes, uses the UTF8 charset, 
and deals with single and double quotes in English. */
 /* opening followed by closing quote pairs */
/* The equivalent using Unicode escapes: q {quotes: '\201C' '\201D' '\2018' '\2019';} */
q:before {content: open-quote;}
q:after {content: close-quote;}

/*	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	} */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		/*background: #f7f7f7 url("images/bg01.png"); /*almost white */
		background: #fff url("images/bg01.png"); /*white */
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea {
		/* color: #474747;gray */	
			color: #000000;	
			font-family: libreFranklin-Regular, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
			font-size: 16pt;	
			font-weight: 500;	
			line-height: 1.65em;
	}

		textarea { /* added 1/16/2020 */
			color: #474747;/*gray */	
			font-size: .75em;	
			font-weight: 500;	
			line-height: 1em;
}
abbr {border-bottom: thin dotted;}
	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
		color: #bf5700; /*UT orange */
		text-decoration: none;
		border-bottom: dotted 1px;
		border-bottom: transparent;
	}
	.phoneLink a[href^="tel:"] {
		font-weight: bold;
	 	 
}

		a:hover, a:focus {
			color: #f8971f; /*UT lt  orange */
			border-bottom-color: transparent;
		}
		
	p  a:link, a:visited, ul.links a:link, a.visited, ul.menu a:link, a:visited {
		border-bottom: dotted 1px;
	}
	

	p a:hover, p a:focus, ul.links a.hover, ul.links a.focus, ul.menu a:hover, a:focus {
		border-bottom-color: transparent;
	}
	p a:hover, p a:focus {
		color: #005f86; /* dark blue PMS 7469*/
	}

	strong, b {
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p, ul, ol, dl, table, blockquote {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-family: LibreFranklin-Bold, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
		font-weight: 700;
		line-height: 1.75em;
		margin-bottom: 1em;
	}


		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

		h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
			font-style: normal;
			font-weight: 300;
		}

	h2 {
		font-size: 1.75em;
		letter-spacing: -0.025em;
	}
	h2.centeredh2, h2.centeredh2b, h3.centeredh3, h4.centeredh4 {
	font-weight:700;
	font-family: LibreFranklin-Bold, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	color: #005f86; /* dark blue PMS 7469*/
	text-align: center;
	clear:both;
	
}

	h2.ital-centeredh2, h2.ital-centeredh2b, h3.ital-centeredh3, h4.ital-centeredh4 {
	font-weight:700;
	font-family: LibreFranklin-BoldItalic, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	color: #005f86; /* dark blue PMS 7469*/
	text-align: center;
	clear:both;
	
}

	h2.org-centeredh2, h2.org-centeredh2b, h3.org-centeredh3, h4.org-centeredh4 {
	font-weight:700;
	font-family: LibreFranklin-Bold, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	color: #bf5700; /*UT orange */
	text-align: center;
	clear:both;
	
}

	h2.org-ital-centeredh2, h2.org-ital-centeredh2b, h3.org-ital-centeredh3, h4.org-ital-centeredh4 {
	font-weight:700;
	font-family: LibreFranklin-BoldItalic, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	color: #bf5700; /*UT orange */
	text-align: center;
	clear:both;
	
}

h3.dk-org-centered {
    font-weight:700;
	font-family: LibreFranklin-BoldItalic, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	color: #984500; /* dk orange */
	text-align: center;
	clear:both;
}

	h2.reg-blue {
	
	font-weight:200;
	color: #005f86; /* dark blue PMS 7469*/
	text-align: center;
	clear:both;	
	margin: 1em auto 2em ;
}

	h3 {
		font-size: 1.2em;
		letter-spacing: -0.025em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border-top: solid 1px #e0e0e0;
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em #e0e0e0;
		font-style: italic;
		padding: 1em 0 1em 2em;
	}

blockquote.mailing-address {
    	border-left: solid 0.5em #e0e0e0;
		font-style: italic;
		padding: 1em 1em 1em 1em;
        margin: 0 0 2em 0;
    	background-color: rgba(205,241,248,0.25); /*25% of #cdf1f8, very light turquoise */
		background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
		background-position: top left,						bottom left,					top left;
        background-size: 100% 4em,						100% 4em,						auto;
		background-repeat: no-repeat,						no-repeat,						repeat;
        border-radius: 5px;
}


/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #bf5700; /*UT orange */
        color: #B85300; /* dk-orange1 */
		font-size: 1.25em;
		position: relative;
		margin-top: -1.25em;
		margin-bottom: 2em;
		
	}
/*	header .major p.lesslinespace {
		margin-bottom: 1em;
	}*/
	header.major {
		text-align: center;
		margin: 0 0 .5em 0; /*was 2em */
	}

		header.major h2 {
			font-size: 1.75em; /*was 2.25em */
		}

		header.major p {
			position: relative;
			border-top: solid 1px #e0e0e0;
			padding: .5em 0 0 0;
			margin: 0;
			top: -1em;
			font-size: 1.5em;
			letter-spacing: -0.025em;
			text-align: center;
		}

	header.major.lt-turquoise-banner h2 {
		font-size: 1.65em;
		color:#1F6669;/* turquoise */
		color: #0e4a7c; /*dark blue */
}
	header.major.lt-turquoise-banner p {
		text-align: center !important;
		
	}
header.major.lt-turquoise-banner p.long-copy,
header.major.lt-turquoise-banner p.long-copy-borderless{
		font-size: 1.1em;
		line-height: 1.4em;
}
header.major.lt-turquoise-banner p.long-copy-left,
header.major.lt-turquoise-banner p.long-copy-left-borderless{
		font-size: 1.1em;
		line-height: 1.4em;
		text-align:left !important;
}

header.major.lt-turquoise-banner p.long-copy,
header.major.lt-turquoise-banner p.long-copy-borderless{
		font-size: 1.1em;
		line-height: 1.4em;
}


header.major.lt-turquoise-banner p.long-copy-borderless,
header.major.lt-turquoise-banner p.long-copy-left-borderless  {
		border-top:none;
			
}
/* LINK color in copy on turquoise boxes*/
header.major.lt-turquoise-banner p.long-copy a:link,
header.major.lt-turquoise-banner p.long-copy a:visited,
header.major.lt-turquoise-banner p.long-copy-left a:link,
header.major.lt-turquoise-banner p.long-copy-left a:visited,
header.major.lt-turquoise-banner p.long-copy-left-borderless a:link,
header.major.lt-turquoise-banner p.long-copy-left-borderless a:visited, 
header.major.lt-turquoise-banner p.long-copy-borderless a:link,
header.major.lt-turquoise-banner p.long-copy-borderless a:visited
	{
	color: #B85300 !important; /*dk-orange1 */
   font-weight: 700;
}	

footer {
		margin: 0 0 1em 0; /*was 3em */
	}

	div.footer-icons {
		text-align: center;
		margin-bottom: 1.5em;
		z-index: 1000;
	
}

		footer > :last-child {
			margin-bottom: 0;
		}

		footer.major {
			padding-top: 3em;
		}
		.behind {z-index: -5;}
#arl-logo-footer, #arl-footer-logo80, #arl-footer-logo80 li, #arl-footer-logo80 a
		{
			text-align: center;
			display: none;
			border-bottom:none;
			margin-bottom: .5em;
			text-decoration: none;
            list-style-type: none;
			}
/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		background: #fff;
		border: solid 1px #e0e0e0;
		border-radius: 5px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0.75em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		textarea:focus {
			border-color: #37c0fb;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	label {
		display: block;
		color: inherit;
		font-weight: 600;
		line-height: 1.75em;
		margin-bottom: 0.5em;
	}

	::-webkit-input-placeholder {
		color: #666;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: #666;
	}

	::-moz-placeholder {
		color: #666;
	}

	:-ms-input-placeholder {
		color: #666;
	}
/*skip link: this is for accessibility. It allows a user to 
tab through all the page links, or a blind user to select it and skip to the main content.
It needs to be the first link on the page.*/

/*for accessibility */
	.skip {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-bottom-right-radius:8px;
	background:#AE4F00;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
	  
	}

	.skip:focus {
	 left:0px;
	top:0px;
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
	color:white;
	text-decoration-line: none;
	}	
/* Image */

	.image, .image2, .image3 {
		border: 0;
		display: inline-block;
		position: relative;
		border-radius: 5px;
	}

		.image img, .image2 img, .image3 img {
			display: block;
			border-radius: 5px;
		}

		.image.left, .image2.left, .image3.left {
			display: block;
			float: left;
			margin: 0 2em 2em 0;
			position: relative;
			top: 0.25em;
		}

		.image.left img, .image2.left img, .image3.left img {
				display: block;
				width: 100%;
			}

		.image.fit {
			display: block;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

		.image.featured {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.featured img {
				display: block;
				width: 100%;
			}		
			.image.featured iframe, 
			.image.featured figure {
				
				display: block;
				width: 100%;
			}
	/*image-left for the turquoise bands */
	img.image-left-tur-banner {
	float:left;
	max-width: 33%;
	padding: 0 1em .5em 0;
	border-radius: 5px !important;
	clear:both; 
	margin: .5em 0;
	
}

	/*image-left for the turquoise bands */
	img.image-left-tur-banner-big {
	float:left;
	max-width: 45%;
	padding: 0 1em .5em 0;
	border-radius: 5px !important;
	clear:both; 
	margin: .5em 0;
	
}

/* Icon */

	.icon {
		
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			/*font-family: "Font Awesome 5 Free"; */
			/*font-weight: 900; */
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}
		#main {}
		#main p {
			text-align: left;
		}
		.second-arllogo { /*only shows if less than 840px */
			display: none;
			text-decoration: none;
		}

			
		
		#main .icon.major {
			text-align: center;
			cursor: default;
			
			background-color: #bf5700;/*UT orange */
			background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			color: #fff;
			border-radius: 100%;
			display: inline-block;
			width: 5em;
			height: 5em;
			line-height: 5em;
			box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
			margin: 0 0 2em 0;
		}
		
		#main .icon.major:before {
				font-size: 36px;
			}
		/*NEW */

		#main .main-icon {	
			text-align: center;	
			color: #bf5700;/*UT orange */	
				}	
		
		#main .main-icon a {	
			text-align: center;	
			color: #bf5700;/*UT orange */
		}
		#main .icon.major:hover,
		#main .icon.major:focus {
		background-color: #005f86; /* dark blue PMS 7469*/
		}
		
		#main .main-icon a:hover,	
		#main .main-icon a:focus {	
			color: #005f86 !important; /* dark blue PMS 7469*/	
		}
		.rotate20 {transform:rotate(20deg); -ms-transform: rotate(20deg); /* IE 9 */;}
		.rotate30 {transform:rotate(30deg);	-ms-transform: rotate(30deg); /* IE 9 */;}
		.rotate90 {transform:rotate(90deg);	-ms-transform: rotate(90deg); /* IE 9 */;}
		.rotate45 {transform:rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */;}

		.box-head, .box-text {
				text-align: center;
			}
		#main h3 a, #main h4 a {
			color: #00a9b7; /*turquoise */
			color: #005f86; /* dark blue PMS 7469*/
			text-align: center;
			border-bottom: dotted 1px;}
		#main h3 a:hover, #main h3 a:focus
		 {color: #bf5700;
		 border-bottom: none;
		}/*UT orange */
		
		#main h4, #main h4 a  {
			color: #bf5700;
			text-align: center;
		}
		#main h4 a:hover, #main h4 a:focus {
			color: #005f86; /* dark blue PMS 7469*/
			text-align: center;
			border-bottom: dotted 1px;}
	
	/* SEARCH RESULTS */
		#search-results{
	/*padding:0px 10px 0px 5px; */
		padding: .5em .5em 1em .5em;
		overflow:hidden;
		font-size: 80%; line-height: 1.6em;
		/*font: 12px/20px Arial, Helvetica, sans-serif !important;*/
		}

		#search-results iframe html{
		border:none;
		}
		#search-results iframe {
		min-width:300px;
		}
			
	/*BACKGROUND COLOR CLASSES AND UT COLORS AND ALIGNMENT TAGS */
	.ut-orange {color:  #bf5700;}
    .dk-orange2 {color: #B35000; }
    .dk-orange1 {color: #B85300;}
	.dk-orange {color: #984500;}
    .darker-orange {color: #7a3700;}
	.pms432gray {color: #333f48;}
	.lt-orange {color: #f8971f;}
	.yellow {color: #ffd600;}
	.lt-green {color: #a6cd57;}
	.green {color: #579d42;}
	.turquoise {color: #00a9b7;}
	.dark-blue {color: #005f86;}
	.med-gray {color: #9cadb7;}
	.wm-gray {color: #d6d2c4;}
	.white {color: #ffffff;}
	
	.dk-orange-bkgrd {background-color: #984500;}
	.ut-orange-bkgd {background-color:  #bf5700;}
	.pms432gray-bkgd {background-color: #333f48;}
	.lt-orange-bkgd {background-color: #f8971f;}
	.yellow-bkgd {background-color: #ffd600;}
	.lt-green-bkgd {background-color: #a6cd57;}
	.green-bkgd {background-color: #579d42;}
	.turquoise-bkgd {background-color: #00a9b7;}
	.dark-blue-bkgd {background-color: #005f86;}
	.med-gray-bkgd {background-color: #9cadb7;}
	.wm-gray-bkgd {background-color: #d6d2c4;}
	.white-bkgd {background-color: #ffffff;}
	.ut-orange-bold {color: #bf5700; font-weight: bold;}
	.ut-orange-italic {color: #bf5700; font-style: italic;}
	.red {color: red;}
	.dk-red {color: #b23231;}
	.dk-red-bold {color: #b23231; font-weight:bold;}
	.bold-red {color: red; font-weight:bold;}
	.regular-font {font-weight:normal;}
	.light-font {font-weight:lighter;}
	.underline {text-decoration: underline;}
	.caps {text-transform:uppercase;}
	.transform-none {transform:none;}
	.hide {display: none; visibility: hidden;}
	.hide-840 {visibility: visible; display: block }
	.nobullet {
		list-style-type:none;
		list-style:none;
		text-decoration: none;
		}
	
	.italic {font-style:italic;}
	.bold {font-weight: bold;}
	.bold-italic {font-style: italic; font-weight: bold;}
	.center {text-align: center;}
	.outline-image {border: thin solid #666666;}
/* SPACING CLASSES */
	.clear { clear: both; }
	.clear_20margin {clear:both; margin-bottom:20px;}
	.clear_10margin {clear:both; margin-bottom:10px;}
	.clear_10margin-both {clear:both; margin: 10px 0;}
	.clear_20margin-both {clear:both; margin: 20px 0;}
    .clear_20margin-top {clear:both; margin-top: 20px;}
    .clear_1margin-both {clear: both; margin-top: 1em; margin-bottom: 1em;}
    .clear_1-4margin-both {clear: both; margin-top: 1em; margin-bottom: 4em;}
    .clear_1margin-top {clear:both; margin-top: 1px;}
	.clear_margin-employ-btn {clear: both; margin-top: .5em; margin-bottom: 1em; text-align: center;}
	.margin-top0 {margin-top: 0}
	.margin-bottom1em {margin-bottom: 1em; }
	.margin-bottom2em {margin-bottom: 2em; }
	.margin-bottom3em {margin-bottom: 3em; }
	.margin-bottom4em {margin-bottom: 4em; }
	.margin-bottom-halfem {margin-bottom: .5em; }
	.margin-bottom-thirdem {margin-bottom: .33em; }
	.margin-bottom-quarterem {margin-bottom: .25em; }
	.employ-btn {clear: both; margin: 1em 0; vertical-align: middle; text-align: center;}
	.padding-top-half {padding-top:.5em;}
	.padding-bottom-half {padding-bottom:.5em;}
	.padding-bottom-1em {padding-bottom:1em;}
	.padding-bottom-2em {padding-bottom: 2em;}
	.padding-bottom-3em {padding-bottom: 3em;}
	.padding-bottom-4em {padding-bottom: 4em;}
	.padding-top1em {padding-top:1em;}
	.padding-top1-5em {padding-top: 1.5em;}
	.padding-top2em {padding-top:2em;}
	.padding-top10 {padding-top:10px;}
	.padding-top20 {padding-top:20px;}
	.padding-bottom10 {padding-bottom:10px;}
	.padding-right-10px {padding-right:10px;} /*for text that floats around a boxquote- code above */
	.padding-right-half {padding-right:.5em;}
	.padding-right-6em {padding-right:6em;}
	.padding-right-5em {padding-right:5em;}
	.padding-right-7em {padding-right:7em;}
	.padding-right-8em {padding-right:8em;}
	.padding-left-10px {padding-left:10px;}
	.padding-lt-rt-10px {padding-left:10px; padding-right:10px;}
	.padding-lt-rt-6px {padding-left:6px; padding-right:6px;}
	.padding-left-50px {padding-left:50px;}
	.padding-left-6em{padding-left:6em;}
	.padding-left-5em{padding-left:5em;}
	.padding-left-4em{padding-left:4em;}
	.padding-left-3em{padding-left:3em;}
	.padding-left-2em{padding-left:2em;}
	.padding-left-1em{padding-left:1em;}
	.padding-top0{padding-top: 0;}
	.padding-10px {padding:10px;}
	.padding-15px {padding: 15px;}
	.padding-top-bottom-1em {padding: 1em 0;}
	.padding-top-bottom-1-2em {padding: 1.2em 0;}

	.float-left  { float: left; }
	.float-right { float: right; }
	.align-left  { float: left;}
	.align-right {text-align: right; }
	.align-float-left { float: left; text-align: left;}
	.align-float-right {float: right; text-align: right;}
	.align-center {clear: both; text-align: center;}
	.align-center-text {text-align: center;}

	.align-float-right-5px-padding { float: right; text-align: left; padding: 0 0 0 5px;}
	.align-float-left-5px-padding { float: left; text-align: left; padding: 0 5px 0 0;}

	.align-float-right-10px-padding { float: right; text-align: left; padding: 0 0 0 10px;}
	.align-float-left-10px-padding { float: left; text-align: left; padding: 0 10px 0 0;}

	.align-float-right-15px-padding { float: right; text-align: left; padding: 0 0 0 15px;}
	.align-float-left-15px-padding { float: left; text-align: left; padding: 0 15px 0 0;}
	.align-float-left-30px-padding { float: left; text-align: left; padding: 0 30px 0 0;}
	.align-float-left-15px-pad_z1{ float: left; text-align: left; padding: 0 15px 0 0;}

	.align-float-right-15px-padding-and-10top-padding {float: right; text-align: left; padding: 10px 0 0 15px; }
	.align-float-right-15px-padding-and-top-padding {float: right; text-align: left; padding: 10px 15px 0 0; }
	.align-float-left-15px-padding-and-top-padding {float: left; text-align: left; padding: 10px 0 0 15px; }
	.align-float-right-10px-padding-and-10top-padding {float: right; text-align: left; padding: 10px 0 0 10px; }
	.align-float-right-5top-padding {float: right; text-align: left; padding: 5px 0 0 0; }
	.align-float-right-7top-padding {float: right; text-align: left; padding: 7px 0 0 0; }
	.align-float-right-10top-padding {float: right; text-align: left; padding: 10px 0 0 0; }
	.align-float-right-pt5em-top-padding {float: right; text-align: left; padding: .5em 0 0 0; }
	.align-float-right-pt35em-top-padding {float: right; text-align: left; padding: .35em 0 0 0; }

	.align-float-right-15px-padding-box { float: right; text-align: left; padding: 0 0 10px 15px;} /*for floated blockquotes and boxes */
	.align-float-left-15px-padding-box { float: left; text-align: left; padding: 0 15px 10px 0;} /*for floated blockquotes and box */

	.align-float-left-indent10 { float: left; text-align: left; padding: 0 10px 0 10px; clear:both;} /*inside a box, heading for lists */
	.align-float-left-indent20 { float: left; text-align: left; padding: 0 10px 0 20px; clear:both;} /*inside a box, heading for lists */
	.align-float-left-indent30 { float: left; text-align: left; padding: 0 10px 0 30px; clear:both;} /*inside a box, heading for lists */
    .no-bottom-border { border-bottom:hidden;}
	.text-indent1 {text-indent: 1em;}
	.text-indent1.\5 {text-indent: 1.5em;}
	.space-after {line-height: 1.5em;}	
	.no-wrap {white-space: nowrap;}
	.small-type {font-size: 80%; line-height: 1.6em;}
	ul.no-indent, ol.no-indent, li.no-indent { margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }
	.min-width100 {min-width: 100% !important;}
	.max-width100 {max-width: 100%;}
	.max-width-inherit {max-width: inherit;}
	
	.min-width33 {min-width: 33%;}
	.min-width50 {min-width: 50%;}
	.min-width66 {min-width: 66%;}
	.min-width70 {min-width: 70%;}
	.min-width80 {min-width: 80%;}
	.min-width80 {min-width: 80%;}
	.min-width85 {min-width: 85%;}
	.min-width90 {min-width: 90%;}
	.max-width100 {max-width: 100%;}

	.max-width-inherit {max-width: inherit;}
	.width100 {width: 100%;}
	.width33 {width: 33%;}
	.width50 {width: 50%;}
	.width66 {width: 66%;}
	.width70 {width: 70%;}
	.width80 {width: 80%;}
	.width80 {width: 80%;}
	.width85 {width: 85%;}
	.width90 {width: 90%;}
	.height450 {height: 450px;}
	.height-inherit {height: inherit;}
/* Lists */

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

/* Links */

	ul.links {
		list-style: none;
		padding-left: 0;
	}f

		ul.links li {
			line-height: 2.5em;
			padding-left: 0;
		}

/* Icons. Icons refers to Font Awesome, footer-icons to png graphics */
	div.footer-icons {
	text-align: center;
	margin-bottom: 1.8em;
	
}

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.icons li {
			display: inline-block;
			line-height: 1em;
			padding-left: .6em; /*was 1.5em */
		}

			ul.icons li:first-child {
				padding-left: 0;
			}

			ul.icons li a, ul.icons li span {
				font-size: 2em;
				border: 0;
			}

/* Menu */

	ul.menu {
		list-style: none;
		padding-left: 0;
	}

		ul.menu li {
			border-left: solid 1px #e0e0e0;
			display: inline-block;
			padding: 0 0 0 1em;
			margin: 0 0 0 1em;
		}

			ul.menu li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
			}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.25em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

		@media screen and (max-width: 736px) {

			ul.actions:not(.fixed) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				margin-left: 0;
				width: 100% !important;
			}

				ul.actions:not(.fixed) li {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions:not(.fixed) li > * {
						width: 100%;
					}

					ul.actions:not(.fixed) li:first-child {
						padding-top: 0;
					}

					ul.actions:not(.fixed) li input[type="submit"],
					ul.actions:not(.fixed) li input[type="reset"],
					ul.actions:not(.fixed) li input[type="button"],
					ul.actions:not(.fixed) li button,
					ul.actions:not(.fixed) li .button {
						width: 100%;
					}

						ul.actions:not(.fixed) li input[type="submit"].icon:before,
						ul.actions:not(.fixed) li input[type="reset"].icon:before,
						ul.actions:not(.fixed) li input[type="button"].icon:before,
						ul.actions:not(.fixed) li button.icon:before,
						ul.actions:not(.fixed) li .button.icon:before {
							margin-left: -0.5em;
						}

		}

/*softare logos float right */
.software-logo {
	float:right;
	max-width: 33%;
	padding: 0;
}
.graphic-right {
	float:right;
	max-width: 33%;
	padding: 0 0 .5em .5em;
}

/* Tables */

	table {
		width: 100%;
	}

	/*	table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px #e0e0e0;
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				font-weight: 600;
				padding: 0.5em 1em 0.5em 1em;
				text-align: left;
			}

			table.default thead {
				background-color: #555555;
				background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
				color: #fff;
			}
*/
/* Button */

.search {
  width: 100%;
  position: relative;
  display: flex;
}



/*Search button and box, first part from old page */
.searchBox input[type="text"] {
	border: 1px solid #d8d8d8;
	border: 1px solid #00DDD9; /* test color */
	border-radius: 7px;
	height: 1.5em;
	padding-top: 1em;
	padding-right: 1em;
	position: relative;
	z-index: 500;
	box-shadow: inset 0 0 2px #d8d8d8;
	float: left;
	line-height: 18px;
	line-height: 16px;
	font-size: .85em;
	color: #828282;
	background-color: #666666; 

	background: #959698;
	width: 200px;

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

}

.searchBox input:focus {
	box-shadow: inset 0 0 2px #718ec1;
}
.searchBox input:focus {
	box-shadow: inset 0 0 2px #718ec1;
}
/* end part that doesn't work */
.searchButton input[type="submit"]{
	-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-color: #37c0fb; /*original blue */
		background-color: #585451; /*gray */
		border-radius: 3px;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: .25em .25em;
		line-height: 1em;
		min-width: 5em;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		letter-spacing: -0.025em;
		font-size: 0.7em;
	}

		.searchButton input[type="submit"]:hover
		{
			background-color: #50c8fc; /*original blue */
			background-color: #73706C; /* gray */
			color: #fff !important;
		}

		.searchButton input[type="submit"]:active
		{
			background-color: #1eb8fb; /*original blue */
			background-color: #D87506; /* orange */
			color: #fff;
		}

		.searchButton input[type="submit"].alt {
			background-color: #555555;
			color: #fff;
		}

	.searchButton input[type="submit"].alt:hover {
				background-color: #626262;
			}

	.searchButton input[type="submit"].alt:active {
				background-color: #484848;
			}

		.searchButton input[type="submit"].icon:before
 		{
			margin-right: 0.5em;
		}

	.searchButton input[type="submit"].fit {
			width: 100%;
		}

	.searchButton input[type="submit"].small
		{
			font-size: 0.6em;
		}

.searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*************************************************** */

/*	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
		background-color: #37c0fb;
		border-radius: 5px;
		border: 0;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: 0 1.5em;
		line-height: 2.75em;
		min-width: 9em;
		text-align: center;
		text-decoration: none;
		font-weight: 600;
		letter-spacing: -0.025em;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #50c8fc;
			color: #fff !important;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #1eb8fb;
			color: #fff;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		button.alt,
		.button.alt {
			background-color: #555555;
			color: #fff;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #626262;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #484848;
			}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}
*/

/************** Search Box example 1************************/
form.example {
  margin:auto;
  max-width:400px; 
  padding-top:20px; 
    
}

form.example input[type=text] {
  padding: .25em;
  font-size: .7em;
  float: left;
  width: 70%;
  background: #f1f1f1;
  margin-top: 36px;
  border: solid 1px #bf5700;
  border-radius: 0;
}

form.example button {
  float: right;
  width: 20%;
  padding: .1em;
  background: #bf5700;
  color: white;
  font-size: .8em;
  border: 1px solid #bf5700;
  border-left: none;
  cursor: pointer;
  margin-right: 10%;
  margin-top: 36px;
}

form.example button:hover {
  background-color: #984500;
}

form.example::after {
  content: "";
 clear: both;
  display: table;
}

/************** Search Box example 2- under 840************************/
form.example2 input[type=text] {		
	padding: .25em;		
	font-size: .7em;		
	width: 80%;		
	background: #f1f1f1;		
	background: #ffffff;		
	margin: 0 0 2em 0;		
	border: solid 1px #bf5700;		
	border-radius: 0;		
	margin:auto;		
	max-width:300px;		
	float:left; 		
	/*z-index: 1205; */		
}		
		

form.example2 button {
  float: right;
  width: 20%;
  padding: .1em;
  background-color: #bf5700;
  color: white;
  font-size: .8em;
  border: 1px solid #bf5700;
  border-left: none;
  cursor: pointer;
  margin: 0 0 2em 0;
}

form.example2 button:hover,
form.example2 button:focus
{
  background-color: #984500;
}

form.example2::after {
  content: "";
 clear:none;
  display: table;
}

/************** Search Box example 3- in navbar************************/

form.example3 input[type=text] {
  padding: .3em;
  font-size: .7em;
  float: left;
  width: 80%;
  background: #f1f1f1;
  margin-top: .6em;
 /* border: solid 1px #bf5700;*/
  border-radius: 0;
 	
}

form.example3 button {
  float: right;
  width: 20%;
  padding: .1em;
  background: #bf5700;
  color: white;
  font-size: .8em;
  border: 1px solid #bf5700;
  border-left: none;
  cursor: pointer;
  margin-top: .6em;
}

form.example3 button:hover,
form.example3 button:focus{
  background-color: #984500;
}

form.example3::after {
  content: "";
 clear: both;
  display: table;
}




/* Box */
.hor-rule {
	border-top: 1px dotted #984500;
	margin-bottom:0;
	padding-top: .3em;
}
	.box.highlight {
		text-align: center; /*original */
		text-align: left;
		width:100%;
	}

	.box.post {
		position: relative;
		margin: 0 0 2em 0;
	}
	.box.post.firstNews {
		position: relative;
		margin-bottom: 0em;	
}
		.box.post:after {
			content: '';
			display: block;
			clear: both;
		}

		.box.post .inner {
			margin-left: calc(30% + 2em);
		}

			.box.post .inner > :last-child {
				margin-bottom: 0; /* was 0 */
			}

		.box.post .image {
			width: 30%;
			margin: 0;
		}

	.box.post .inner2 {
			margin-left: calc(22% + 2em);
		}

			.box.post .inner2 > :last-child {
				margin-bottom: 0;
			}

		.box.post .image2 {
			width: 22%;
			margin: 0;
			float:left;
		}

	.box.post .inner3 {
			margin-left: calc(15% + 2em);
		}

			.box.post .inner3 > :last-child {
				margin-bottom: 0;
			}

		.box.post .image3 {
			width: 15%;
			margin: 0;
			float:left;
		}

/* Header */

	#header {
		text-align: center;
		padding: .5em 0 0 0; /* top padding was 3em or 2.5, last version */
		background-color: #000; /*black */
		/*background-color: #545DA8; lavendar for testing */
		
	
		/*background-image: url("images/bg02.png"), url("images/bg02.png"), url("images/bg01.png");
		background-position: top left,					top left,					top left;
		background-size: 100% 6em,					100% 6em,					auto;
		background-repeat: no-repeat,					no-repeat,					repeat;*/
		/*background-image: url("images/banner-bkgd3.png");*/
		/*background-image: url("images/arl-squada-blue-black320.jpg");testing with the blue logo 
		background-position: 12px 10px;
		background-repeat: no-repeat;*/		
	
	}

		#header h1 {
			/*padding: 0 0 5em .7em; */
			padding: 0 0 86px 10px; /*was 2em, this is under the mark, font size removed */
			margin: 0;
				
		}
		
		.arl-title a { /*ARL title, heading/banner */
				font-size: 1.6em;
				letter-spacing: -0.025em;
				border: 0;
				text-decoration:none;
				/*border: none; */
			}
		.arl-title a:hover, arl-title a:focus { /*ARL title, heading/banner */
				color:#f8971f; /*UT light orange */
			} 
			
			
		.arl-title {
			visibility: hidden;
			text-align: center;
		}
		.arl-logo {visibility: hidden;}
			
		#header h1 a:hover, #header h1 a:focus {
			color: #00a9b7;/*turquoise */
			color: #f9ae51;/*lighter UT orange*/
		}
			
		#header a:hover, #header a:focus {
				color: #f8971f; /*light UT orange, uses on nav bar */
				color: #f9ae51;/*lighter UT orange*/
				text-decoration:none;
			
		}
		
		#utlogo-banner {
			padding: 0 .5em 0 .1em;
		}
		
		.utlogo {
		text-align: right;
		float:right;
		padding-right: 1em;
		border: none;
        border-bottom:hidden !important; 
        position:absolute;top:1em;right:5px;
		}
		
		.utlogo a {
		text-decoration:none !important; 
		}
	
		#arllogo {
		position:absolute;
	    top: 15px;
        left: 5px;
		vertical-align: top;
		float:left;
		}

		#arllogo li {
		margin: -10px 0 0 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
				
		}

		#arllogo li, #arllogo a {
		width: 400px;
		height: 117px;
		display: block;
		text-decoration: none;
		border: none;
		}

		#homelogo {
		left: 0;
		width: 400px; height: 117px;
		background: url('images/logos17/arl-logo-white-on-black-web-400x117.jpg') no-repeat;
		}

		#homelogo a:hover, #homelogo a:focus {
		background: url('images/logos17/arl-logo-white-on-black-web-400x117.jpg') no-repeat;
		}
			

	#nav {
		cursor: default;
		background-color: #222; /*original dark gray */
		background-color: #bf5700; /*UT orange */
	/*	background-color: rgba(191, 87, 0, 1.0); /*UT burnt orange */
		background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
		padding: 0; /* was 0 */
	}
		#nav ul.dk-gray {
		position:absolute;
		top: 0;
		/*width: 28em; edit to lengthen or shorten top nav line, for Emergency and covid-19 links. 4 is max. */
		width: 21em;/* 3 links */
		right: 115px; /*don't edit, length of UT logo */
		float:right;
		/*border-bottom: 1px dotted #bf5700; main UT orange */
		/*border-right: 1px dotted #bf5700; */
		}
		#nav li a.dk-gray  {
		float: right;
		}
		#nav ul .dk-gray li.emergency a:link, #nav ul .dk-gray li.emergency a:visited{
		color: #ffd600; /*yellow */
		font-weight: bold;
		}
		#nav ul.line2 {
		margin-top: 1em;
		margin-left: -5em; /*added to bring the whole line left with home missing, was -5em */
		}

		#nav > ul.line2 > li.homelink {
			/*display:none; */
			visibility: hidden;
}
		#nav .line2 a:hover {
				color: #C8D3E9; /* lt blue */
				
			}
	
	

		#nav:after { /*bar under nav, was blue */ 
			content: '';
			display: block;
			width: 100%;
			height: 0.2em; /*was .75em */
			background-color: #bf5700;
			/*background-color: rgba(191, 87, 0, 1.0); /*UT burnt orange */
			background-image: url("images/bg01.png");
		}

		#nav > ul {
			margin: 0;
		}

			#nav > ul > li {
				position: relative;
				display: inline-block;
				 /*was .5em in version 3 */
				margin-right:.2em;
				letter-spacing: -.2px;  /*looser than vs 5 */
			}

				#nav > ul > li a {
					color: #ffffff;
					/*color: #FFEDDB; very light orange */
					text-decoration: none;
					border: 0;
					border-right: none;
					/*border-right: 1px dotted #c0c0c0; */
					display: block;
					padding: 1.5em 0.5em 1.35em 0.5em;
					padding: .5em 0.5em 0.2em 0.5em;
					padding: .1em 0.5em 0.1em 0.5em;
					padding: 0.1em 0.4em 0.1em 0.2em;
					padding: 0.6em 0.4em 0.6em 0.2em;
				}
					.main-link  {
						font-weight: 600;
				} 

				#nav > ul > li a:last-child {
					border-right: none;
					
					
				}

				#nav > ul > li:first-child {
					margin-left: 0;
				}

				#nav > ul > li > a.emergency {
				/*color: #ffd600; yellow */
				color:#6ac0fc; /* lt blue */
				font-weight: bold;
                border-right: none;
				}

				#nav > ul > li:hover a, #nav > ul > li:focus a  {
					color: #FFAE6B;
					text-shadow: 2px 2px 4px #522A00;
					text-decoration: none;
				}

				#nav > ul > li.current {
					font-weight: 600;
					/*text-decoration: underline; 
				    border-bottom: 1px #aacaf0 solid;
					background-color: rgba(0,0,0,0.10); */
				
				}

				#nav > ul > li:before {
					/*	-moz-transform: rotateZ(45deg);
						-webkit-transform: rotateZ(45deg);
						-ms-transform: rotateZ(45deg);
						transform: rotateZ(45deg);
						width: 0.75em;
						height: 0.75em;
						content: '';
						display: block;
						position: absolute;
						bottom: -0.5em;
						left: 50%;
						margin-left: -0.375em;
						background-color: #37c0fb; /*was blue diamond*/
						background-color: #f8971f; /*light UT orange */
						background-color: #bf5700; /*main UT orange */
						background-image: url("images/bg01.png"); 
					}

					#nav > ul > li.current a {
						color: #aacaf0;
						border-bottom: 1px #aacaf0 solid;
					}

				#nav > ul > li.active a {
					color: #fff;
					
				}

				#nav > ul > li.active:before {
					opacity: 0;
				}

				#nav > ul > li > ul {
					display: none;
				}

			/*	#nav > ul > li > ul title {
					display:inline;
					position:absolute;
  				  	bottom: 100px;
				  	left: 25%;
					
				} */
			

				#nav div.hor-divider {
					width:100%;
					height: .1em;
					background-color: #f8971f; /*light UT orange */
					background-color: #bf5700; /*main UT orange */
					}
/* Dropotron */

	.dropotron {
		background-image: -moz-linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: -ms-linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png");
		background-color: #333; /* original dark gray */
		background-color: #bf5700;
		border-radius: 5px;
		color: #fff;
		min-width: 10em;
		padding: .25em 0; /* was 1em 0*/
		text-align: left; /*was center */
		box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
		list-style: none;
		position:absolute; /*added */
	}

		.dropotron > li {
			line-height: 2em;
			padding: 0 1.1em 0 1em;
		}

			.dropotron > li > a {
				color: #c0c0c0;
				color: #fff;
				text-decoration: none;
				border: 0;
			}

			.dropotron > li.active > a, .dropotron > li:hover > a {
				color: #B3E8FF; /* lt blue */
				color: #C8D3E9; /* lt blue */
				/*color: #FFAE6B; */
				text-shadow: 2px 2px 6px #522A00;
			}

		.dropotron.level-0 { 
			border-radius: 0 0 5px 5px;
			font-size: 0.9em;
			padding-top: 0;
			margin-top: -1px;
		}
		.submenu-below {
			text-indent: 1em;
			display: block;
			visibility: visible;
		}	
		.submenu-right {
			display: none;
			visibility: hidden;
			
		}
		.highlighted 
		 {
			font-weight: bold;
			
		}

/* Banner */

	#banner {
		background-image: url("images/banner3-lg.jpg");
		background-position: center center;
		background-size: cover;
		height: 44em; /* was 28em */
		text-align: center;
		position: relative;
	}
		#banner.research-groups {
		background-image: url("images/researchgrp2-head.jpg");
		}	
		#banner.research-groups1 {
		background-image: url("images/research/drilling-ice-research.jpg");
		}

		#banner.news-stories {
		background-image: url("images/cooler-ice-1200x675-c-default.jpg");
		}
		#banner.news-stories1 {
		background-image: url("images/news/bikini_atoll_banner.jpg");
		}

		#banner.news-stories2 {
		background-image: url("images/news/seagrass-diver.jpg");
		}
        
	    #banner.news-stories3 {
		background-image: url("images/news/tacc-computers-45q2-1920.jpg");
		}
        #banner.news-stories4 {
		background-image: url("images/news/huckabay-award3.jpg");
		}
		#banner.atl1 {
		background-image: url("images/atl/atl-banner-uuv-launch1.jpg");
		}

		#banner.esl1 {
		background-image: url("images/esl/esl-northern-lts2.jpg");
		}

		#banner.esl2 {
		background-image: url("images/esl/esl-polar-camp-1920.jpg");
		}


		#banner.sgl1 {
		background-image: url("images/sgl/sgl-tower4.jpg");
		}
		#banner.sisl1 {
		background-image: url("images/sisl/sisl-lidar1.jpg");
		}

		#banner.sisl2{
		background-image: url("images/sisl/sisl-Icesat-2_launch.jpg");
		}

		#banner.about1{
		background-image: url("images/about/about-mcmurdo-back3.jpg");
		}

		#banner.about2{
		background-image: url("images/mcmurdo-station.jpg");
		}
        #banner.about3{
		background-image: url("images/about/about-ship.jpg");
		}
		#banner.about4{
		background-image: url("images/about/about-divers.jpg");
		}
		#banner.education1{
		background-image: url("images/students/education1-students_kayaks.jpg");
		}
		#banner.education2{
		background-image: url("images/students/education-students19.jpg");
		}
		#banner.education3{
		background-image: url("images/students/students-kayak2.jpg");
		}
		#banner.students1{
		background-image: url("images/students/student-hand-railings2.jpg");
		}
		#banner.students2{
		background-image: url("images/students/students-compressor1.jpg");
		}
		#banner.students3 {
		background-image: url("images/students/student-sonar-toolbox2a.jpg");
        height: 28em;
		}
		#banner.students4, #banner.scholars1{
		background-image: url("images/students/students-sonar-toolbox1a.jpg");
		}
		#banner.students5 {
		background-image: url("images/students/students-ltts.jpg");
		}
		#banner.students6 {
		background-image: url("images/students/students-honors-video.jpg");
		}
		#banner.students7 {
		background-image: url("images/students/tank-workers1.jpg");
        height: 34em;
		}
		#banner.students8{
		background-image: url("images/students/students-building-stand-1920.jpg");
		}
		#banner.students9{
		background-image: url("images/students/students-electronics-1920.jpg");
		}

		#banner.honors-faq1	{
		background-image: url("images/students/students-honors-faq.jpg");
		}
		#banner.scholars2 {
		background-image: url("images/students/students-honors-whiteboard.jpg");	
		}	
	
		#banner.facilities1{
		background-image: url("images/facilities/facilities-test-station1a.jpg");
		}

		#banner.employment1{
		background-image: url("images/employment/recruiting-ut19.jpg");
		}

		#banner.employment2{
		background-image: url("images/employment/employmt-vet-day.jpg");
		}

		#banner.employment3{
		background-image: url("images/employment/job-fair-recruiting.jpg");
		}
		#banner.employment-not-ut1{
		background-image: url("images/employment/employment-dry_lab.jpg");
		}
		#banner.employment-ut1{
		background-image: url("images/employment/employment-sisl-pn07-2.jpg");
		}

		#banner.recruiting1, #banner.recruiting1-sml{
		background-image: url("images/recruiting/recruiting-ut19-mel2.jpg");
		}
        #banner.recruiting2{
		background-image: url("images/recruiting/recruiting2.jpg"); 
		}

        #banner.recruiting3{
		background-image: url("images/recruiting/recruiting3.jpg"); 
		}
		#banner.visit1{
		background-image: url("images/visit/visit-entrance.jpg"); 
		}

		#banner.contact1{
		background-image: url("images/contact/contact-students.jpg");
		}
		#banner.contact2{
		background-image: url("images/contact/bluebonnets-buildings.jpg"); /*low res */
		}
		#banner.se1{
		background-image: url("images/students/se-banner1-acoustics-crp.jpg"); 
		}

		#banner.mckinney1{
		background-image: url("images/students/mckinney_fellows2.jpg"); 
		}

		#banner.mckinney2{
		background-image: url("images/students/mckinney-ltts-1952.jpg"); 
		}

		#banner.mckinney3{
		background-image: url("images/students/mckinney-podium3b.jpg"); 
		}

		#banner.mckinney4{
		background-image: url("images/students/mckinney-podium-beige-suit1.jpg"); 
		}

		#banner.mckinney5{
		background-image: url("images/students/mckinney-podium4.jpg"); 
		}
		#banner.stap1{
		background-image: url("images/students/seb-eyes-of-tx1.jpg"); 
		}
		#banner.stap2{
		background-image: url("images/students/seb_graduation1.jpg"); 
		}

		#banner.stap3{
		background-image: url("images/students/seb-graduation-euphoria1.jpg"); 
		}

		#banner.stap4{
		background-image: url("images/students/stap-eyes-of-tx2.jpg"); 
		}
		#banner.gra1{
		background-image: url("images/gra/gra-uuv1.jpg"); 
		}

		#banner.gra2{
		background-image: url("images/gra/gra-banner2.jpg"); 
		}
		#banner.centers1{
		background-image: url("images/centers/centers1-crp.jpg"); 
		}
		#banner.centers2{
		background-image: url("images/centers/centers-collage3-blue-crp.jpg"); 
		}
		#banner.centers3{
		background-image: url("images/centers/centers-board.jpg"); 
		}
		#banner.centers4{
		background-image: url("images/centers/centers-collage4-blue.jpg"); 
		}
		#banner.postdocs1{
		background-image: url("images/postdocs/post-doc-collage1.jpg"); 
		}
		#banner.postdocs2{
		background-image: url("images/postdocs/post-doc-collage2.jpg"); 
		}
		#banner.postdocs3{
		background-image: url("images/postdocs/post-docs-antenna.jpg"); 
		}
        #banner.postdocs-cqr1 {
        background-image: url("images/postdocs/postdoc-cqr-quantum.jpg");
        height: 24em;
        }

       #banner.postdocs-atl1 {
        background-image: url("images/atl/atl-banner-uuv-launch1.jpg");
        height: 28em;
        }
        #banner.postdocs-esl1 {
        background-image: url("images/esl/esl-northern-lts2.jpg");
        height: 28em;
        }

	    #banner.postdocs-sisl1 {
		background-image: url("images/sisl/sisl-lidar1.jpg");
        height: 28em;
		}

		#banner.postdocs-sisl2{
		background-image: url("images/sisl/sisl-Icesat-2_launch.jpg");
        height: 34em;
		}

        #banner.postdocs-sisl3{
		background-image: url("images/postdocs/sisl-glacier2.jpg");
        height: 28em;
		}
        #banner.postdocs-ml1 {
        background-image: url("images/postdocs/post-doc-machine-learning.jpg");
        height: 28em;
        }

        #banner.postdocs-sgl1 {
        background-image: url("images/sgl/sgl-tower4.jpg");
        height: 34em;
        }

      #banner.postdocs-sgl-vlbi {
        background-image: url("images/sgl/sgl-space.jpg");
        height: 34em;
        }
		#banner.results1{
		background-image: url("images/results/sunset-lake-travis-banner1.jpg");
		height: 16em; /* was 44 and 28em */
		}
		#banner.covid1{
		background-image: url("images/emergency/covid-19-background1.jpg");
		}
		#banner.emergency1{
		background-image: url("images/emergency/prc-sign-emergency2-blue.jpg");
		height: 16em; /* was 44 and 28em */
		}
		#banner.emergency2{
		background-image: url("images/emergency/prc-sign-emergency2-orange.jpg");
			height: 16em; /* was 44 and 28em */
		}
		#banner.emergency3{
		background-image: url("images/emergency/prc-sign-emergency2-white.jpg");
		height: 16em; /* was 44 and 28em */
		}
		#banner.error1{
		background-image: url("images/error/earth-banner2.jpg");
		height: 16em; /* was 44 and 28em */
		}
		#banner.austin1{
		background-image: url("images/austin/istockphoto-1089383848-1024x1024.jpg"); 
		}
		#banner.austin2{
		background-image: url("images/austin/istockphoto-502584531-1024x1024.jpg"); 
		}

		#banner.austin3{
		background-image: url("images/austin/austin1688.jpg"); 
		}

        #banner.austin4{
		background-image: url("images/austin/austin-skyline.jpg"); 
		}
		#banner header {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
	        background: rgba(191, 87, 0, 0.9);/*ut orange, was .60 .75 */
			color: #fff;
			padding: .2em 0;
		}

			#banner header h2 {
				display: inline-block;
				margin: 0;
				font-size: 1.15em; /*was 1.25em */
				vertical-align: middle;
			}

				#banner header h2 em {
					opacity: 0.75;
				}

				#banner header h2 a {
					border-bottom-color: rgba(255, 255, 255, 0.5);
					border-bottom-color: transparent;
				}

					#banner header h2 a:hover {
						border-bottom-color: transparent;
					}

			#banner header .button {
				vertical-align: middle;
				margin-left: 1em;
			}
			.orange-emergency { /*covid banner */
			background-color:#f5ac52; 
			padding: .5em .5em;
			text-align: center;
			}
			.orange-emergency a:link, .orange-emergency a:visited {
			color: black;
			text-decoration: none;
			border-bottom: thin dotted black;
			}
			.orange-emergency a:focus, .orange-emergency a:hover {
			border-bottom: thin solid black;
			}		
			.chg-note { /*address chg banner, lt blue */
			background-color: #9ecdfd;
			background-color: #c1d1fd;
			background-color: #c5e1fe; /*light blue */
			background-color: #e3f0fd;
			padding: .5em .5em;
			text-align: center;
			border-bottom: 3px solid #005f86;
			}
			.chg-note a:link, .chg-note a:visited {
			color: #005f86;
			text-decoration: none;
			border-bottom: thin dotted #005f86;
			}
			.chg-note a:focus, .chg-note a:hover {
			border-bottom: thin solid #005f86;
			}

			.chg-note2 { /*address chg banner, yellow */
			background-color: #f9c85f; /*yellow */
			background-color: #fad27d;
			padding: .5em .5em;
			text-align: center;
			border-bottom: 3px solid white;
			}
			.chg-note2 a:link, .chg-note2 a:visited {
			color: black;
			text-decoration: none;
			border-bottom: thin dotted black;
			}
			.chg-note2 a:focus, .chg-note2 a:hover {
			border-bottom: thin solid black;
			}
/* Wrapper */

	.wrapper {
		padding: 5em 0 3em 0;
	}

		.wrapper.style1 {
			background: #fff;
		}
		.wrapper.style1.tight {
		background: #fff;
		padding-top: 0;
	
}
		.wrapper.style2 {
			
			background-color: #fff;/*was white */
			background-color: rgba(205,241,248,0.25); /*25% of #cdf1f8, very light turquoise */
			background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 4em,						100% 4em,						auto; /* was 6em */
			background-repeat: no-repeat,						no-repeat,						repeat;
			padding: 2.5em 0 1.25em 0;
		}
		.wrapper.style2.tight2 {
			padding: 0 0 0 0;
		}
		.wrapper.style2.no-bottom-margin {
			margin-bottom: -2em;
		}
		.backgrd-lt-turquoise {
			background-color: rgba(205,241,248,0.25); /*25% of #cdf1f8, very light turquoise */
			background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 4em,						100% 4em,						auto; /* was 6em */
			background-repeat: no-repeat,						no-repeat,						repeat;
		}

		.wrapper.style3 {
			background-color: #37c0fb;
			background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			color: #fff;
		}

			.wrapper.style3 .button {
				background: #fff;
				color: #474747;
			}

			.wrapper.style3 .button:hover {
					color: #37c0fb !important; /* original bl
			text-align: center;
			position: relative;
			/*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
			color: #fff;
			margin-bottom: 1.25em;
			padding: .5em 0 .5em 0;
		}
		
		.wrapper.style-news a 
			{color: #fff;}
		#news.wrapper.style-news a:hover, #news.wrapper.style-news a:focus

			{color: #cdf1f8;} /*very light turquoise*/

		#tagline.wrapper.style-tagline { 
					color: #bf5700 !important; /* ut orange */
				}
				
		.wrapper.style-acoustics {
			background-color: #37c0fb; /* original blue */
			background-color: #005f86; /*UT dark blue */
			background-image: url("../../images/cta1-sinewaves-1600x352.jpg");
			background-position: center center;
			background-size: cover;
			text-align: center;
			position: relative;

			/*background-image: url("images/cta1-sinewaves-1600x352.jpg")
			background-image: url("images/cta1-sinewaves-1600x352.jpg");
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
			color: #fff;
		}
		
		.wrapper.style-acoustics a 
			{color: #fff;}
		#cta.wrapper.style-acoustics a:hover, #cta.wrapper.style-acoustics a:focus
			{color: #cdf1f8;} /*very light turquoise*/

		.wrapper.style-emergency {
			background-color: #37c0fb; /* original blue */
			background-color: #005f86; /*UT dark blue */
			background-color:whitesmoke;
		/*	background-image: url("images/emergency/covid-19-bckgd.jpg");
			background-position: center center;
			background-size: cover;*/
			text-align: center;
			position: relative;

			/*background-image: url("images/cta1-sinewaves-1600x352.jpg")
			background-image: url("images/cta1-sinewaves-1600x352.jpg");
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
			color: #fff;
			color: #bf5700;
			color: #b23231; /* dark red */
		}
		
		.wrapper.style-emergency a 
			{color:  #005f86; /*UT dark blue */}
#cta.wrapper.style-emergency a:hover, #cta.wrapper.style-emergency a:focus {
			color: #37c0fb; /* original blue */
			}		
		#news.wrapper.style-news {
			background-image: url("../../images/news-bkg2.jpg");
			background-color: #005f86; /*UT dark blue */
			background-position: center center;
			background-size: cover;
			text-align: center;
			position: relative;
			/*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
			color: #fff;
			margin-bottom: 1.25em;
			padding: .5em 0 .5em 0;
			
		}

	.wrapper.style-tagline {
			background-color: #005f86; /*UT dark blue */
			background-image: url("../../images/tagline-bkgd4.jpg");
			background-position: center center;
			background-size: cover;
			text-align: center;
			position: relative;
			/*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png"); */
			color: #fff;
			margin-bottom: 0;
			padding: 2em 0 4em 0;
			
		}
		
		.wrapper.style-news a 
			{color: #fff;}
		
		#tagline.wrapper.style-tagline a:hover, #tagline.wrapper.style-tagline a:focus
			{color: #cdf1f8;} /*very light turquoise*/
			

			.wrapper.style3 .button {
				background: #fff;
				color: #474747;
			}

				.wrapper.style3 .button:hover {
					color: #37c0fb !important; /* original blue */
					color: #bf5700 !important; /* ut orange */

		}
		
		/*research areas */
		#research {}
		#research h3 a 
			{color: #bf5700;} /*ut orange */	
		#research h3 a:hover, #research h3 a:focus {
			color: #00a9b7;/*turquoise */
			color: #f8971f; /*lt ut orange */
		} 


/* CTA */

	#cta {
		text-align: center;
		padding: 3.5em 0;
	}

		#cta header h2 {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			font-size: 1.5em; /*was default 1.75em */
			letter-spacing: -0.025em;
	}
		

		#cta header .button {
			vertical-align: middle;
			margin-left: 1em;
		}

/*NEWS */
	#news {
		text-align: center;
		padding: 1.5em 0 1.5em 0;
	}

		#news header h2 {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			font-size: 1.5em; /*was default 1.75em */
			letter-spacing: -0.025em;
	}
		#news header h3 {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			font-size: 1.2em; /*was default 1.75em */
			line-height: 1.2em;
			letter-spacing: -0.025em;	
	}
		#news header .button {
			vertical-align: middle;
			margin-left: 1em;
		}

/*TAGLINE */
	#tagline{
		text-align: center;
		padding: 1.5em 0 1.5em 0;
	}

		#tagline header h2 {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			font-size: 1.5em; /*was default 1.75em */
			letter-spacing: -0.025em;
	}
		#tagline header h3 {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			font-size: 1.2em; /*was default 1.75em */
			letter-spacing: -0.025em;
			line-height: 1.2em;
		}


		#news header .button {
			vertical-align: middle;
			margin-left: 1em;
		}

/* Footer */

	#footer {
		padding: 4em 0 8em 0;
		background-color:aliceblue;
		background-color:whitesmoke;
	
	}

		#footer a {
			color: inherit;
			border-bottom-color: rgba(71, 71, 71, 0.25);
		}

			#footer a:hover {
				color: #37c0fb; /*original blue */
				color: #bf5700; /* ut orange */
				border-bottom-color: transparent;
			}

		#footer .container {
			margin-bottom: 2em; /* was 4em */
		}

		#footer .icons {
			text-align: center;
			margin: 0 0 1em 0;
			font-size: 1.3em;
		}

			#footer .icons a {
				color: #999; /*gray original */
				color: #bf5700;/* ut orange */
			}

				#footer .icons a:hover {
					/*color: #474747;
					color: #00a9b7; turquoise*/
					color: #005f86; /* dark blue PMS 7469 */
				}
		
		#utlogo-footer { 
			text-align: center;
			display: block;
		}
		#footer .copyright {
			color: #999;
			color: #005f86; /*UT medu blue  7469*/
			margin-top: 1.5em;
			text-align: center;
			font-size: 0.9em;
			font-style:italic;
		}
		#footer .lastmod {
			color: #999;
			color: #005f86; /*UT medu blue  7469*/
			margin-top: 1em;
			text-align: center;
			font-size: 0.75em;
			font-style:italic;
		}

/* Wide */

	@media screen and (max-width: 4000px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 14pt;
				line-height: 1.5em;
			}

		/* Banner */

			#banner {
				height: 50em;/*was 24em */
			}
		
			#banner.mckinney1 {
				height: 65em;/*was 24em */
			}
        #banner.news-stories4 {
                height: 65em;
        }
			/*Menu SISL */
			span.hide840inline { /*show above 840, hide below */
				display:block;
				visibility:visible;
				}
		
		.submenu-below {
			text-indent: 1em;
		}	
		.submenu-right {
			display: none;
			visibility:hidden;
		}
	/*Second search box in copy */
		#searchExample2 {
			display: none;
			
		}
		
		/*Recruiting table, adds space underneath */
		div.desktop-only {
			display: block;
			visibility: visible;
			padding-bottom: 5.5em; /*was 4em */
			
		}
		div.mobile-only {
			display:none;
			visibility: hidden;
		
		}
		.wrapper.style2.no-bottom-margin {
			margin-bottom: -6em;
		}
	}

/*wider */
@media screen and (max-width: 3000px) {

	#banner.mckinney1 {
	 height: 55em;
	}
    
     #banner.news-stories4 {
      height: 55em;  
    }
}
/*wider */
@media screen and (max-width: 2500px) {
	#banner {
	 height: 48em;
	}
	#banner.mckinney1 {
	 height: 55em;
	}
     #banner.news-stories4 {
      height: 55em;  
    }
}
/*wider */
@media screen and (max-width: 2000px) {
	#banner {
	 height: 45em;
	}
	
	#banner.mckinney1 {
	 height: 52em;
	}
    #banner.news-stories4 {
      height: 52em;  
    }
}
/* large image in turquoise banner size reduction */
@media screen and (min-width: 1680px) {
	/*image-left for the turquoise bands */
	img.image-left-tur-banner-big {
	float:left;
	max-width: 38%;
	padding: 0 1em .5em 0;
	border-radius: 5px !important;
	clear:both; 
	margin: .5em 0;
	}
	div.footer-icons {
	margin-bottom: 2.5em;
	}	
}

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 13pt;
				line-height: 1.5em;
			}

		/* Lists */

			ol {
				padding-left: 1.25em;
			}

				ol li {
					padding-left: 0.25em;
				}

		/* Icons */

			ul.icons li a, ul.icons li span {
				font-size: 1.7em;
			}

		/* Header, no changes */

		 

		/* Banner */

			#banner {
				height: 34em; /*was 20 */
			}

		/* Wrapper */

			.wrapper {
				padding: 3em 0 1em 0;
			}
		
			.wrapper.style2.no-bottom-margin {
			margin-bottom: -3em;
		}

		/* CTA */

			#cta {
				padding: 2em 0;
			}
		/* #NEWS */
		#news {
			padding: 1em 0;
			
			}
		
			/* #TAGLINE */
		#tagline {
			padding: 1em 0;
			
			}
		
		/* Footer */

			#footer {
				padding: 3em 0 3em 0;
			}

				#footer .container {
					margin-bottom: 1em;
				}

	}

/* Narrow */

	@media screen and (max-width: 980px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
				line-height: 1.5em;
			}
		
		#nav ul.dk-gray {
			padding-top: .1em;
		}
}

/* Narrower */
		#navPanel, #titleBar {
		display: none; 
	}


	@media screen and (max-width: 840px) {
		
	

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				font-size: 13pt;
			}

			h1, h2, h3, h4, h5, h6 {
				margin-bottom: 0.5em;
			}

			header p {
				margin-top: -0.5em;
				text-align: center;
				
			}
		#main h4 {
			text-align: inherit;
		}
		

			header.major {
				text-align: center;
				margin: 0 0 2em 0;
			}
		
			header.major h2 {
					font-size: 1.75em;
					
				}

				header.major p {
					top: -0.25em;
					font-size: 1.25em;
				}
		
				header.major.lt-turquoise-banner {
				margin: 0 0 1em 0;
			
				}
		
		
				header.major.lt-turquoise-banner h2 {
				font-size: 1.5em;
				line-height: 1.2em;
				text-align: center;
				}
			
			/* main highlights section */
			.box-head {
				text-align: left;
			}

			.hide-840 {visibility: hidden; display:none;}
				
			.arl-title {visibility:visible; font-size: 1.3em;}
			/* #logo .arl-title a: {color:#ffffff;} white
			#logo .arl-title a:hover, #logo .arl-title a:focus {color:#f8971f;}  lt orange, link dooesn't work */
		/* Form example in the banner */
		
		form.example input[type=text] {
			visibility: hidden;
			display:none;
		}

		form.example button {
			visibility:hidden; 
			display:none;
		}
			
			/*ARL logo-small */
			.second-arllogo {
				display: block;
				background-size: cover;
				background-position: center center;
				text-align: center;
				position: relative;
				background-color: inherit;
				margin-bottom: 1em;
			}
			
			.second-arllogo a,  
			.second-arllogo a:hover, 
			.second-arllogo a:focus  {
				text-decoration: none;
				border: none;
			}
		
		 /* home link displays */
			#nav > ul.line2 > li.homelink {
			display:inline-block;
			visibility:visible;
	
	}
		/*hide part of SISL in navigation */
		span.hide840inline { /*show above 840, hide below */
				display:none;
				visibility:hidden;
				}
		
		.submenu-below {
			
			display:none;
			visibility:hidden;
		}	
		.submenu-right {
			display: block;
			visibility:visible;
			text-indent: 1em;
		}
			
					/*ARL logo */
		.arllogo-size {
			width: 144px;
		}
		
		div.desktop-only {
			display:none;
			visibility: hidden;
		}
		div.mobile-only {
			display:block;
			visibility: visible;
		}
			/* Box */

			.box.highlight {
				text-align: left;
				position: relative;
				padding-left: 7em;
			}

				.box.highlight i {
					position: absolute;
					margin: 0;
					left: 0;
					top: 0.25em;
				}

			.box.post .inner, .box.post .inner2, .box.post .inner3 {
				margin-left: calc(20% + 2em);
			}

			.box.post .image, .box.post .image2, .box.post .image3 {
				width: 20%;
			}
		.box-post-rt {
			padding-bottom: 0;
		}
		
		.box-post-left {
		margin-top: 0;
					}
		
		/* Header */

			#header {
				display: none;
			}
		/*Second search box in copy */
		
			div #searchExample2 {
				display: block;
				visibility:visible;
				z-index: 1205;		
				margin-top: 1.5em;
				
		}
			li #searchExample3 {/* in nav bar */
				display:none;
		}
		 
		/* Banner */

			#banner {
				height: 29.5em; /* was 20em */
			}
			#banner.results1, #banner.emergency1, #banner.emergency2, #banner.emergency3, #banner.error1{
			height: 12em; /* was 44 and 28em */
			}

				#banner header h2 {
					display: block;
				}

				#banner header .button {
					margin: 1em 0 0 0;
				}

		/* CTA */

			#cta {
				padding: 1.5em 0;
			}

				#cta header h2 {
					display: block;
				}

				#cta header .button {
					margin: 1em 0 0 0;
				}
			/* NEWS */
		#news {
			padding: 1em 0;
			
		}
		
		#news header h2 {
					display: block;
				}

		#news header .button {
					margin: .75em 0 0 0;
				}
		
		/* TAGLINE */
		#tagline {
			padding: 1em 0;
			
		}
		
		#tagline header h2 {
					display: block;
				}

		#tagline header .button {
					margin: .75em 0 0 0;
				}
	
	
		/* Footer */
         
        
			#footer {
				text-align: center;
			}

				#footer .container {
					margin-bottom: 4em;
				}

				#footer form .actions {
					-moz-justify-content: center;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					width: 100%;
					margin-left: 0;
				}

					#footer form .actions li:first-child {
						padding-left: 0;
					}
					
					#utlogo-footer { 
					text-align: center;
					display: block;
		}
		
               .software-logo { /* SGL page */
               float:right;
               max-width: 20%;
               padding: 0;
        }
        
        	#arl-footer-logo80  {
			display: block;
			vertical-align: middle;
			margin-left: auto;
			margin-right: auto;
			width: 124px;
		}
		#arl-footer-logo80 li, #arl-footer-logo80 a {
			display:block;
			width: 80px; height: 80px;
			text-decoration: none;
			border: none;
			list-style-type:none;
			text-indent: -1em;
		}
	#footerARL a:link, #footerARL a:visited,
		.footerARL a:link, .footerARL a:visited {
			width:80px; height: 80px;
			background: url('images/footer-logo/arl-logo-k-80.png') 0px 0px;
			text-align: center;
			text-decoration: none;
			background-repeat: no-repeat;
		}

		#footerARL a:hover, #footerARL a:focus,
		.footerARL a:hover, .footerARL a:focus {
			background: url('images/footer-logo/ARL_logo_BLUE_80.png') 0px 0px;
			background-repeat: no-repeat;
		}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background-color: #333; /*original dark gray */
				background-color: #fff; /*white */
				background-color: #bf5700; /*UT orange */
				background-image: -moz-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: -ms-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png");
				line-height: 44px;
				box-shadow: 0 4px 0 0 #37c0fb; /*blue line original*/
				box-shadow: 0 4px 0 0 #00a9b7; /*blue line turquoise*/
				box-shadow: 0 4px 0 0 #5085f0; /*medium blue, based on logo rollover blue*/
				
			}

				#titleBar .title {
					display: block;
					position: relative;
					font-weight: 600;
					text-align: center;
					color: #fff;
					z-index: 1;
				}

					#titleBar .title em {
						font-style: normal;
						font-weight: 300;
					}

				#titleBar .toggle {
					text-decoration: none;
					border: 0;
					height: 60px;
					left: 0;
					position: absolute;
					top: 0;
					width: 80px;
					z-index: 2;
				}

					#titleBar .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						font-family: FontAwesome; 
                       /* font-family: LibreFranklin, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; */
                        font-weight: 600;
                       /* padding-left: .5em;not needed for fa */
						font-style:normal;
                        text-transform: none !important;
					}

					#titleBar .toggle:before {
						content: '\f039';
                       /* content: '\Menu'; */
						/*content: '\f0c9'; */
						font-size: 1.4em;
                       /* font-size: 1em; for text version */
						display: block;
						height: 44px; 
                        
						text-align: center;
						width: 44px;
						color: #fff;
						opacity: 1.0; /*was .8 */
					}

					#titleBar .toggle:active:before {
						opacity: 0.8; /* was .95 */
					}
					
					.box-post-rt {
					padding-bottom: 2em;
					}
		
					.box-post-left {
					margin-top: 2em;
					}
			#navPanel {
				background-color: #005f86; /*UT blue pms 7469 */
				background-color: #000; /*black */
				box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.5);
				background-image: -moz-linear-gradient(to left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: -webkit-linear-gradient(to left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: -ms-linear-gradient(to left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png");
				background-image: linear-gradient(to left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("images/bg01.png");
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
                
			}

				#navPanel .link {
					border-bottom: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.30);/* was .05 */
					color: #888; /*original gray*/
					color: #cdf1f8; /*very light turquoise*/
					display: block;
					height: 48px;
					line-height: 48px;
					padding: 0 1em 0 1em;
					text-decoration: none;
					font-size: 11.2pt;
				}
				
				#navPanel .link a:hover, #navPanel .link a:focus  { 
					color: #00a9b7; /*UT turquoise */
				}
				#navPanel .link:first-child {
						border-top: 0;
					}


					#navPanel .link .indent-1 {
						display: inline-block;
						width: 1em;
					}

					#navPanel .link .indent-2 {
						display: inline-block;
						width: 2em;
					}

					#navPanel .link .indent-3 {
						display: inline-block;
						width: 3em;
					}

					#navPanel .link .indent-4 {
						display: inline-block;
						width: 4em;
					}

					#navPanel .link .indent-5 {
						display: inline-block;
						width: 5em;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}
/*for job table */
@media only screen and (max-width: 840px) {
		tr td.hidesml {
		display: none;
	}
}

/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
				line-height: 1.35em;
			}

			h2 {
				font-size: 1.25em;
				letter-spacing: 0;
				line-height: 1.35em;
			}
		h2.centeredh2 {
			font-size: 3em;
			line-height: 3.4em;
		}
		
		h2.centeredh2b {
			font-size: 1.5em;
			line-height: 3em;
		}

		
		h3 {
				font-size: 1em;
				letter-spacing: 0;
				line-height: 1.2em;
			}

			header p {
				margin-top: -0.5em;
				font-size: 1em;
			}

			header.major {
				padding: 0 20px;
			}

				header.major h2 {
					font-size: 1.25em;
				}

				header.major p {
					top: 0;
					margin-top: 1.25em;
					font-size: 1em;
				}
				header.major p.lesslinespace {
				margin-top: .5em;
	}

		/* Menu */

			ul.menu li {
				border: 0;
				padding: 0;
				margin: 0;
				display: block;
				line-height: 2em;
			}

		/* Banner */

			#banner {
				height: 24em; /*was 18em */
			}
			
			#banner header h2 {
					font-size: .97em; /*not in original code*/
				}
			
		
				/*ARL logo */
		.arllogo-size {
			width: 120px;
		}

		/* Wrapper */

			.wrapper {
				padding: 2em 0 1px 0;
			}
			.wrapper.style2.no-bottom-margin {
			margin-bottom: -.2em;
		}
	}

/* Mobile (Portrait) */



	@media screen and (max-width: 480px) {
		
		h3.org-ital-centeredh3 {
			text-align:left;
		}
        h3.dk-org-centered {
            text-align: left;
        }


		/* Icon */
		div.footer-icons {
		text-align: left;
		z-index: 1000;
		}

			.icon.major {
				width: 4em;
				height: 4em;
				line-height: 4em;
				box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
			}

				.icon.major:before {
					font-size: 24px;
				}

		/* Button */

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				width: 100%;
				display: block;
			}

		/* Box */

			.box.highlight {
				padding-left: calc(4em + 30px);
			}

			.box.post .inner, .box.post .inner2, .box.post .inner3 {
				margin-left: calc(30% + 20px);
		}
			.box.post .image, .box.post .image2, .box.post .image3  {
				width: 30%;
			}

		/* Banner */

			#banner {
				height: 22em;
			}
		
		#banner.results1, #banner.emergency1, #banner.emergency2, #banner.emergency3, #banner.error1 {
			height: 10em; /* was 44 and 28em */
			}

				#banner header {
					padding: 5px; /*was 20px */
				}
				
				#banner header h2{
					font-size: .9em; /*not in original code*/
				}
		/*Applied Research Laboratories*/
		.arl-title {
			font-size: 1.15em;
		}
		
		/*ARL logo */
		.arllogo-size {
			width: 100px;
		}
		/* Wrapper */

	.wrapper {
			
			/*padding: 2em 20px 1px 20px; */
			padding-top: 2em;
			padding-right: 20px;
			padding-bottom: 1px;
			padding-left: 20px;
		
				
			}
	.wrapper.style2, .wrapper.style-news, .wrapper.style-acoustics, .wrapper.style-tagline {
			/*padding: 2em 0 1px 0 !important; */
			padding-left: 0;
			padding-right: 0;
			margin-left: -20px;
			margin-right: -20px;
		}
		
	.wrapper.style2.tight2{
		padding-right:20px;
}
		/* CTA */

			#cta {
				padding: 20px;
			}
		
		/* NEWS */

			#news {
				padding: 15px 0;
			}
		
		/* TAGLINE */

		#tagline {
				padding: 15px 0;
			}

		/* Footer */

			#footer {
				padding: 2em 20px;
				text-align: left;
			}
			#footer .lastmod, #footer .copyright, #footer .icons {
				text-align: left;
				margin-bottom: .5em;
			}
			#utlogo-footer {
				text-align: left;
			}
			
        #arl-footer-logo80 {
            align-content: left;
            text-align: left;
            float:left;
            margin-left: -1.5em;
        }
        
      #footerARL a:link, #footerARL a:visited,
		.footerARL a:link, .footerARL a:visited {
		    text-align: left;
		}

		#footerARL a:hover, #footerARL a:focus,
		.footerARL a:hover, .footerARL a:focus {
	       text-align: left;
		}
	}
	
	@media screen and (max-width: 320px) {
		
				/* Icon */

			.icon.major {
				width: 2.5em;
				height: 2.5em;
				line-height: 2.5em;
				box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
			}

				.icon.major:before {
					font-size: 22px;
				}
				
				/* Box */

			.box.highlight {
				padding-left: calc(4em + 30px);
			}

			.box.post .inner, .box.post .inner2, .box.post .inner3 {
				margin-left: calc(30% + 20px);
			}

			.box.post .image, .box.post .image2, .box.post .image3 {
				width: 30%;
			}

			#banner header {
					padding: 5px; /*was 20px */
				}
				
				#banner header h2{
					font-size: .72em; /*not in original code*/
				}
		/* Applied Research Laboratories*/
		.arl-title {
			font-size: .95em;
		}
		
		/*ARL logo */
		.arllogo-size {
			width: 90px;
		}
		/* Wrapper */

		/* Button */

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				width: 100%;
				display: block;
			}
		
		.software-logo { /* SGL page */
		float:right;
		max-width: 35%;
		padding: 0;
}
		
		/* Banner */
 	#main .main-icon a 	
			#banner {
				height: 20em;
			}
			.wrapper {
				padding: 2em 20px 1px 20px;
			}

		/* CTA */

			#cta {
				padding: 20px;
			}
		
		/*NEWS */

			#news {
				padding: 15px;
			}
		
		/*TAGLINE */

			#news {
				padding: 15px;
			}

		/* Footer */

			#footer {
				padding: 1em 20px;
				
			}
		
	}