*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* clearfix */.clearfix{overflow:hidden; zoom:1;}.clearfix:before,.clearfix:after{content:''; display:table;}.clearfix:after {clear:both;}

@font-face {
    font-family: "avNext";
    src: url("../fonts/avenirnextltpro-regular.woff") format('woff');
}
@font-face {
    font-family: "avNext";
    src: url("../fonts/avenirnextltpro-bold.woff") format('woff');
    font-weight: bold;
}
@font-face {
    font-family: "avNext";
    src: url("../fonts/avenirnextltpro-it.woff") format('woff');
    font-style: italic;
}

body{
	font-family:avNext;
	padding:0 6px;
	margin:0;
	line-height:150%;
}

input,
textarea,
button{
	font-family:avNext;
	font-size:1em;
}

input[type="text"]{
	width:21em;
}

form p{
	max-width:30em;
}

.toggleDiv{
	display:none;
}

button{
	margin-bottom:1em;
}

.centerFlex{
	display:flex; 
	justify-content:center; 
	flex-wrap:wrap;
}

#header{
	min-width:20%;
	max-width:48em;
}

h1{
	font-weight:400;
	font-size:2em;
	margin-top:0;
	padding-top:0;
	margin-bottom:0.2em;
}

h1 img{
	width:7.75em;
	margin-top:0;
	padding-top:0;
	margin-bottom:0.1em;
}

h1 span{
    font-size:0.75em;
    margin-top:0.25em;
}


#nav{
	min-width:34%;
	max-width:40em;
	padding-bottom:1em;
	margin-bottom:0.25em;
}

nav span, 
nav a {
	padding:0.125em 0.25em;
	text-decoration:none;
	font-size:1.25em;
	border:2px solid white;
	border-radius:5px;
}

nav a:hover,
nav a:focus,
nav span:hover,
nav span:focus{
	border:2px solid black;
}


.chosen{
	font-weight:900;
	color:black;
}

hr{
	padding:0;
	margin:0;
	min-width:67%;
	width:500px;
}
#content{
	padding-top:.5em;
	min-width:67%;
	max-width:60em;
}

.breadcrumb{
    margin:0 0 0.83em 0;
    font-size:1.25em;
}
p{
	margin:0 0 1em 0;
	
	padding:0;
}

.itemTitle{
    font-weight:900;
}

.keywords{
    font-style:italic;
}

#one, #two, #three, #four{
	border:1px solid white;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	padding:0;
	margin:0;
}

#one.chosen, #two.chosen, #three.chosen, #four.chosen{
	border:1px solid #246;
}


a{
	padding:0; 
	margin:0;
}



#target_one, 
#target_two,
#target_three,
#target_four,
#target_five{
	display:none;
	text-align:center;
	/*background-color:white;*/
	/*background-color:#def;*/
	/* background-color:rgb(255, 196, 46); */
    /*background-image:linear-gradient(to bottom right, rgb(193, 32, 50) 15%, rgb(255, 197, 47) 70%, rgb(59, 173, 73) 15%);*/
    /*background-image:linear-gradient(to top right, white 5%, rgb(255, 197, 47) 95%);*/
    background-image:url("../images/TEval_Web_Logo_Image_RGB (1)-cropped.svg");
    background-size:cover;
	/*padding:12px 8px;*/
	margin:0;
	border:1px solid black;
	border-radius:8px;
	position:absolute;
	/*color:black;*/
	z-index:2000;
}
#target_one.shown,
#target_two.shown,
#target_three.shown,
#target_four.shown,
#target_five.shown{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	align-items:flex-start;
}

#target_one.shown a,
#target_two.shown a,
#target_three.shown a,
#target_four.shown a,
#target_five.shown a{
    outline:0;
	display:inline-block;
	padding:6px 12px 6px 6px;
}



div.tightWrap{
	display:inline-block;
	padding:4px 8px 6px 8px;
	border:1px solid #ccc;
	border-radius:12px;
	margin:0 3px;
}

ul{
    text-align:left;
    min-width:25%;
    font-size:1.2em;
    background-image:linear-gradient(to bottom left, white 5%, rgb(193, 32, 50) 95%);
    border-radius:24px;
    border:1px solid black;
}
ul ul{
    border:none;
    border-left:2px solid black;
    /*border-left:1px solid rgb(0, 123, 186);*/
    font-size:0.9em;
    background-image:none;
    background-color:transparent;
    border-radius:0;
    
}

ul a{
    text-decoration:none;
    border:2px solid black;
    border-radius:6px;
    background-color:white;
    color:black;
}

li{
    margin:1em .5em 1em 0;
}

ul a:hover,
ul a:focus{
    /*background-color:rgb(193, 32, 50);*/
    background-color:rgb(0, 123, 186);
    /*background-color:rgb(59, 173, 73);*/
    color:white;
    border-color:white;
}
.youtube_video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

#skipToContent{position:absolute; color:transparent;}
#skipToContent:focus{color:black;}

#login{position:absolute; top:6px; right:12px; border:1px solid white; padding:6px;}

.newsWrapper {margin-left:auto; margin-right:auto; max-width:44.5em; text-align:left; margin-bottom:1em;}
.newsWrapper {padding-top:0.75em; border-top:1px solid #949599;}
.newsWrapper p:nth-child(1) {max-width:8em; max-height:8em;}
.newsWrapper p:nth-child(2) {max-width:36em; padding-left:0.75em;}

ul.notFancy{
    background-color:white; 
    border:none; 
    background-image:none;
    font-size:1em;
}
ul.notFancy a{
    text-decoration:underline;
    border:0;
    border-radius:0;
    background-color:transparent;
    color:revert;
}
ul.notFancy a:hover,
ul.notFancy a:focus{
    background-color:transparent;
}