/* global items */
/*html{ -webkit-text-size-adjust: 100%;}*/
figure{
	margin: 0;
}
figure.menu-images, figure.menu-images img{ 
	margin: 0px; 
	padding: 0px; 
	height: 100%;
}
body{
	margin: 0px;
	font-family: Arial;
	font-size: 12pt;
		background-image: url("/tImages/background.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size: cover;

/* min-width: 720px; */

}



h1,h2,h3,h4,h5,h6{
	line-height: 150%;
	font-weight: bold;
	margin: 0em;
}
h1{ 
	font-size: 2em; 
}
h2{ 
	font-size: 1.6em; 
}
h3{ 
	font-size: 1.5em; 
}
h4{ 
	font-size: 1.4em; 
}
h5{ 
	font-size: 1.3em; 
}
h6{ 
	font-size: 1.2em; 
}

.float-left{
	float: left;
}
.float-right{ float: right; }
.clear-float{
	clear: both;
}
.menu-div{
	margin: 0em;
	line-height: .5em;
}
/* end global items */
/* above the fold block page */
div#above-fold-block{
	/*position: relative;*/
	margin: 0px;
	padding-top: 0px;
	/*min-height: 100vh;*/
}
/* front page */
/* above the fold */
/* top block items */
div#department{
	position: absolute;
	display: block;
	top: 2em;
	/*width: 50%;*/
	height: 5.5em;
	line-height: 5.5em;
	background-color: rgba(255,255,255,.75);
	border-left: 3.5em solid rgba(255,102,0,1);
}
div#department img{
	line-height: 5.5em;
	vertical-align: middle;
	margin-left: 2em;
	margin-right: 2em;
	height: 3.5em;
}
div#social{
	position: absolute;
	display: inline-block;
	top: 4em;
	right: 2em;
	/* width: 15em;
	height: 5.5em;
	line-height: 5.5em;*/
}
div#social img{
	height: 1em;
}
div#vt_header_search{
	display: inline-block;
	/*position: absolute;
	right: .5em;
	top: 0em; */
	
	/*margin-left: 5px;*/
}
div#vt_header_search input{
	/* float: right; */
	display: inline-block;
	width: 10em;
line-height: 1em;
}
nav#top{
	/*position: relative; */
	margin-top: 7.5em; 
	width: 100%;
	min-height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	font-size: 1em;
	padding: 0em;
	background-color: rgba(102, 0, 0, .7);	
	box-shadow: 10px 5px 5px #888888;
	z-index: 99;
}
nav#top img#burger{
	margin-left: 2em;
	margin-top: .5em;
	height: 1.5em;
	float: left;
	vertical-align: middle;
}
ul.menu{
	margin: 0px;
	margin-left: 5vw;
	#float: left;
	display: block;
	position: relative;
	z-index: 99;
}
ul.menu li{
	margin: 0px;
	display: inline-block;
	#position: relative;
	#float: left;
	min-width: 100px;
}
ul.menu li a{
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	/*width: 9em;*/
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;

}
ul.menu li a:hover{
	background: rgb(255,102,0);
}
ul.menu li ul{
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 2.5em;
	height: 6em;
	width: 20em;
	line-height: 110%;
}
ul.menu li:hover ul{
	margin: 0px;
	display: block;
	float: left;
	/*overflow: hidden;*/
}
ul.menu li ul li a{
	text-align: left;
	padding-left: 1em;
	margin-left: 0;
	color: rgb(102,0,0);
	font-weight: bold;
	padding-top: .75em;
	padding-bottom: .75em;
}
ul.hmenu li ul.menu-images li{
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	width: 48em;
	margin:0px;
	background-color: rgba(255,255,255,.6);
	padding: 1em;
	border-top: solid .5em rgba(255,102,0,1);
	border-bottom: solid .5em rgba(255,102,0,1);
}
ul.menu li ul li{
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	width: 20em;
	margin:0px;
	background-color: rgba(255,255,255,1);
}
ul.menu li ul li div{
	float: left;
}
ul.nav.menu.sub-menu{ background: rgba(0,0,0,.3); }

/* end of top menu items */
div#article{
	/*position: relative;
	top: 9em; */
	display: block;
	width: 80%;
	/* min-height: 75vh; */
	margin: 10px auto;
	/* padding: 0 4em; */
	background-color: rgba(255,255,255,.9);
}
div#right{
	display: block;
	float: left;
	width: 20%;
}
div#right div{
	/* margin: 1em;
	width: 100%; */
}
div.moduletable{
	width: 100%;
	display: block;
}
div.item-page, div.blog, div.content-category{
	/* width: 75%; */
	/* display: table-cell; */
	margin: 20px;
	min-height: 50vh;
}

div.scrolldown{
	position: absolute;
	bottom: 1em;
	width: 100%;
}
div.scrolldown div{
	height: 1.5em;
	width: 10em;
	padding-top: .5em;
	background-color: rgba(255,102,0,1);
	margin: auto;	
}
div.scrolldown div div{
	position: relative; 
    height: 0px; 
    width: 0px; 
	border-top: 1em solid rgba(255,255,255,1); 
    border-left: .5em solid transparent; 
    border-right: .5em solid transparent; 
}
/* end above the fold */
div.selectable figure img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	height: 100%;
}
div.selectable:hover figure img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	cursor: pointer;
}
div.selectable:hover figcaption{
	/* background: rgba(102,0,0,.7); */
}
figcaption {
	position: relative;
	top: -2.5em;
    background: rgba(255,102,0,.7);
    color: #fff;
	font-weight: bold;
	font-family: "Arial Black";
    vertical-align:middle;
	line-height: 2.5em;
    bottom: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 2.5em;
}

.group{
	float: left;
}
.size1 figure {
	height: 8em;
	margin: 0px; 
}
.size2 figure{
	height: 4em;
	margin: 0px; 	
}
.size3{

}
.size4{

}
div#impact{
	position: absolute;
	bottom: 10vh;
	right: 5vw;
	width: 20em;
}
div#impact div.ititle{
	width: 100%;
	font-size: 4em;
	font-weight: bolder;
	color: #fff;
	background-color: rgba(25,25,24,.7);
	text-align: center;
	padding: 5px;
}
div#impact div.itext{
	width: 100%;
	margin-top: .5em;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	background-color: rgba(25,25,24,.7);
	text-align: left;
	border-top: .5em solid rgba(255,102,0,1); 
	padding: 5px;
}
div#impact div.learn-more{
	display: inline;
	float: right;
	margin:0px;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	background-color: rgba(25,25,24,.7);
	text-align: right;
	padding: 5px;
}
div#impact div.learn-more a{
	color: rgb(255,102,0);
	text-decoration: underline;
}
/* middle block */
div#middle-block{
	/* width: 90%; */
	/* min-height: 50em; */
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100vh;
	padding-top: 3em;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	background-color: rgba(255,255,255,.9);
}
div#middle-block div#left-middle-block{
	float: left;
	width: 66%;
}
div#middle-block div#right-middle-block{
	float: left;
	width: 33%;
}
.group_l{ display: inline-block; width: 32.66%; margin: 0; float: left; }
.group_r{ display: inline-block; width: 66.33%; margin: 0; margin-left: 1px; float: left; }
.m-size1{

	width: 100%;
}
.m-size1 figure img, .m-size2 figure img{
	height: auto;
	width: 100%;
}
.m-size2{
	width: 100%;
}
.mission_statement_block{ clear: both; background: rgba(102,0,0,1); width: 99.1%; min-height: 4em; vertical-align: middle; line-height: 4em; text-align: center; }
.mission_statement_block p{ display: inline-block; font-style: italic; margin: auto; text-align: center; color: #fff; vertical-align: middle; line-height: 110%; }
.m_move_up{ position: relative; top: -2.5em; }

/* News */
div#news{
	display: table;
	max-height: 100vh;
	margin-left: 20px;
}
#news .news-title{
	display: table-caption;
	font-weight: bold;
	font-size: 2em;
}
#news .news-item{
	display: table-row;
	margin: 0;
	margin-bottom: 10px;
	line-height: 150%;
}
#news .news-item .news-date{
	display: table-cell;
	padding-right: 10px;
}
#news .news-item .news-date p{
	/*border: solid 1em #fff;*/
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	border-left: solid 4px rgba(255,102,0,1);
	margin: 0;
	padding-left: 5px;
}
#news .news-item .news-info{
	display: table-cell;
	width: 100%;
	padding-bottom: 10px;
}
#news .news-item .news-info .news-headline{
	font-weight: bold;
}

/* end middle block */





/* footer */
ul.hstack li{ display: inline; margin-right: 1em; }
ul.hstack li a{ color: white; }


div#bottom{
	display: block;
	background-color: rgb(51,51,51);
	color: #fff;
}
div#fdepartment{
	position: relative;
	display: block;
	bottom: 0;
	/*width: 50%;*/
	height: 10em;
	line-height: 110%;
	background-color: rgba(102,0,0,1);
	/*border-left: 3.5em solid rgba(255,102,0,1);*/
}
div#fdepartment img{
	position: relative;
	top: 3em;
	left: 5em;
	height: 3.5em;
}
#copyright{
	text-align: center;
	padding: 1em;
}
#mailing{
	position: absolute;
	width: 20em;
	right: 5em;
	top: .5em;
	height: 5em;
	color: #fff;
}
div#article.narrow div.content div.item-page{ width: 73%; margin: 1%; float: left; }
div#article.narrow div.content div#right{ float: left; width: 25%; }
div#article.narrow div.content{ overflow: auto; overflow-x: hidden; margin: 2em; }


/* Personnel App formatting */
div.people{ /* overflow: auto; max-width: 90em;*/ margin: auto; position: relative; text-align: center; }
div.people ul{ list-style-position: inside; }
div.person{ display: inline-block; height: 250px; width: 450px; border: solid 4px white; border-radius: 15px; text-align: left; background: #eee; }
div.person img, .people_img{ width: 150px; height: 225px; float: left; margin: 0 2em; border: solid 1px black; border-radius: 10px; }
div.white_content_lb img, .people_img_large{ width: 20em; float: left; margin: 0 2em; }
.clear_float{ clear: both; }
.black_overlay_lb{ display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8; opacity:.80;  filter: alpha(opacity=80); }
.white_content_lb { display: none; position: absolute; top: 10%; left: 15%; width: 70%; height: 80%; padding: 16px; border: 16px solid rgb(102,0,0);; background-color: #eee; z-index:1002; overflow: auto; }
.person_suffix{ font-size: .75em; white-space: nowrap; }
.person_name{ font-weight: bold; }
div.person h3{ margin-bottom: 0; }
.person a{ color: rgb(102,0,0); }
.person a:hover{ color: rgb(255,102,0); }
/* End Personnel */

/* Home page stuff */
/* .page-header{ display: none; }
div#article{ background-color: rgba(255,255,255,0); } */
div.scrolldown{
position: absolute;
bottom: 1em;
width: 80%;
}
div.scrolldown div{
height: 1.5em;
/*width: 10em;*/
padding-top: .5em;
background-color: rgba(255,102,0,1);
margin: auto;
}
div.scrolldown div div{
position: relative;
height: 0px;
width: 0px;
border-top: 1em solid rgba(255,255,255,1);
border-left: .5em solid transparent;
border-right: .5em solid transparent;
}
div#above-fold-block{ min-height: 100vh; }
/* end home page */

/* undergrad */
table.undergrad_table{ border: solid 2px #DDD4C9; border-radius: 5px; background: white; margin: 5px; margin-top: 5px; margin-bottom: 6px; display: table; border-collapse: separate; border-spacing: 0px; border-color: gray; }
table.undergrad_table tbody, table.undergrad_table tbody{ display: table-row-group; vertical-align: middle; border: 0px; border-bottom: solid 1px #DDD4C9; border-right: solid 1px #DDD4C9; }
table.undergrad_table th{ border-bottom: 1px solid #BFBBA7; font-size: 1.1em; font-weight: normal; color: #666666; padding: 6px; background: #E3E0D6; }
table.undergrad_table th, table.undergrad_table td{ padding: 5px; }
.adv_button{ display: inline-block; min-width: 100px; line-height: 150%; text-align: center; background-color: rgba(102, 0, 0, 1); color: #fff; border-radius: 5px; cursor: pointer; text-decoration: none; padding: 5px; }
.adv_button:hover{ background-color: rgba(102,0,0,.5); }
/* end undergrad */

/*personnel*/
div.faculty_page{ width: 980px; margin: auto; /*padding: 2em 0;*/ font-family: "Times New Roman", Georgia, Serif; font-size: .9em; background: #fff; }
.faculty_page .top_container{ display: table; width: 100%; height: 300px; }
.faculty_page .top_container .left_container{ display: table-cell; width: 250px; height: 300px; background-color: #600000; border-right: solid #f84c09 10px; color: #fff; vertical-align: middle; }
.faculty_page .top_container .left_container p{ margin-top: 0px; margin-bottom: 0px; margin-left: 1em; }
.faculty_page .top_container .left_container a{ color: #fff; }
.faculty_page .top_container .right_container{ display: table-cell; width: 720px; height: 300px; background-color: #000; color: #eee; vertical-align: middle; }
.faculty_page .top_container .right_container img{ display: block; height: 100%; margin: auto; }

.faculty_page .middle_container{ display: table; width: 100%; min-height: 400px; }
.faculty_page .middle_container .left_container{ display: table-cell; width: 250px; background-color: #000000; vertical-align: middle; color: #fff; padding: .5em;}
.faculty_page .middle_container .left_container img{ display: block; width: 80%; margin: auto; padding: .5em; }
.faculty_page .middle_container .left_container p{ margin: 1em; padding: .5em; }
.faculty_page .middle_container .right_container{ display: table-cell; width: 720px; background-color: #fff; color: #000; vertical-align: middle; padding: 1em;  }

.faculty_page .bottom_container{ color: #000;  }

.faculty_page .category_heading{ background-color: #600000; color: #fff; line-height: 200%; text-align: left; padding-left: 2em; font-size: 1.5em; }

.clear_float{ clear: both; }
/*end personnel*/
img{ max-width: 100% !important; }
img#burger:hover{ cursor: pointer; } 

/*#right-middle-block #news{ display: none !important; }*/
.enge_video{ max-width: 90% !important; }

@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation: portrait), screen and (min-device-width : 375px) and (max-device-width : 667px) /*and (orientation: portrait)*/{
body{ font-size:14pt; }
#enge_video{ display: none !important; }
nav#top{ margin-top: 1em; }
nav#top #tlmenu{ display: none; }
nav#top img#burger{ float: none; }
ul.menu li{ display: block; }
ul.menu li a{ text-align: left; line-height: 110%; margin: 0px; padding: 2px; }
div#department{ position: static; width: 100%; height: auto; line-height: 100%; border: none; }
div#department img{ height: auto; line-height: auto; margin: 0px; }
div#social{ position: static; }
#impact{ display: none; }
.scrolldown{ display: none; }
div.item-page{ margin: 0px; }
div#article{ width: 100%; }
div#middle-block div#left-middle-block, div#middle-block div#right-middle-block{ float: none; width: 100%; }
div#middle-block{ margin-top: 20vh; padding: 0px; }
div.mission_statement_block{ position: static !important; }
div.group_l, div.group_r{ float: none; width: 100%; }
div.m_move_up{ position: static; top: 0px; } 
div#news{ margin-left: 2px; }
div#fdepartment{ height: auto; }
div#fdepartment img{ position: static; }
div#mailing{ position: static; width: 100%; height: auto; }
figcaption{ position: static; line-height: 110%; font-family: Arial;}
div#bottom{ padding-left: 0px; }
div.person{ width: 100%; float: none; min-height: 0px; display: block; }
div.person img, .people_img{ display: block; margin: 2px; /*width: 50vw; float: none; */}
div.white_content_lb img, .people_img_large { float: none; margin: 2px; }
div.faculty_page{ width: 100%; padding: 0px; }
.faculty_page .middle_container, .faculty_page .middle_container .left_container  { display: block; width: 100%; }
.faculty_page .middle_container .left_container, 
.faculty_page .top_container, .faculty_page .top_container .left_container, .faculty_page .top_container .right_container, .faculty_page .top_container .right_container img { display: block; width: 100%; height: auto; }
.faculty_page .category_heading{ line-height: 110%; }
.faculty_page .middle_container{ position: relative; top: -1em; }
div#article.narrow div.content div#right, div#right, div#article.narrow div.content, div#article.narrow div.content div.item-page{ float: none; width: 100%; margin: 0px; overflow-x: auto; }
#news .news-title{ font-size: 1em; }
#copyright, #bottom{ font-size: small; }
h1, h2, h3, h4, h5, h6 { line-height: 110%; }
.clear_float{ display: none; }
div.person p.more_info{ display: block; margin-bottom: 10px; position: relative; top: -1em; }
.labs .items-row .item p{ display: none; }
.labs .items-row .item{ margin-bottom: 1em; }
.labs .items-row .item h2, .labs .items-row .item h3{ font-size: 1em; }
.labs h2 span.subheading-category{ font-size: 28pt; margin-bottom: 1em; display: block; }
.blank_space{ min-width: unset !important; }

}
/*	div.item-page, div.blog, div.content-category{
	margin: 0px;
	min-height: 50vh;
font-size: 28pt;
	}
	div#article{ width: 100vw !important; margin: 0px !important; font-size: larger; }
	ul.menu li a{ width: 200px !important; line-height: 100% !important; }
	/*body{ font-size: 30pt !important; }
	/*nav, #top, #above-fold-block, body, .moduletable_menu, .item-page{ clear: both; float: none; width: 100% !important; margin: 0px !important; padding: 0px !important; display: inline-block !important;}*/
}


/*{ body{ font-size:40px !important; width: 100% !important; margin: 0px !important; padding: 0px !important; } } /*div#article{ width: 100% !important; margin: 0px !important; padding: 0px !important; font-size: 2em !important; } #top ul.nav_menu li, ul.menu li,ul.menu li a{ display: block !important; text-align: left !important; font-size: 1.2em !important; line-height:110%;} nav#top{ line-height:100%; text-align: left !important;} img{ max-width: 100% !important;} div.item-page, div#above-fold-block{ margin: 0px !important; width: 100% !important; padding: 0px !important;} div.item-page{ font-size: 100% !important;} div[itemprop="articleBody"]{ font-size: 100% !important; width: 100% !important;}}
/*End Media */


.faculty_page .bottom_container{ margin: 2em; }

#donate{ position: absolute; display: block; left: 0; top: 2.5em; width: 100%; text-align: center; }
#donate_img{ width: 150px; }