@charset "utf-8";
/* CSS Document */

.left 	{float:left;}
.right	{float:right;}
.center	{display:block; margin-left:auto; margin-right:auto; text-align:center;}

.bold	{font-weight:bold;}

.border {border:1px solid #666;}

.margin5px {margin:5px;}

ul#subnav, ul#subnav ul
{
	list-style:none;
	padding-left:1em;
}

.twocolumn
{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}


/* Front Page column layout */
div#leftside
{
	float:left;
	width:48%;
}

div#rightside
{
	float:right;
	width:48%;
	border-left:1px solid #dfe0e2;
}

span.box
{
	border:2px solid #000;
	font-size:1.3em;
	padding:5px 10px;
	margin:5px;
}

table.noborder
{
	margin-left:10px;
	border:none !important;
}
table.noborder th, table.noborder td
{
	border:none !important;
}
table.noborder td.bottom-border
{
	border-bottom:1px solid #000 !important;
}
#customSearch table, #customSearch table tr, #customSearch table tr td{
	border: none !important;  //ovewrites borders for the custom Google search	
}

.sidebutton
{
	/*width:188px;*/
}
.sidebutton a
{
	font-size: 1.3em;
	text-decoration: none;
}
	
.nivoSlider {
    position:relative;
    width:100%; /* Change this to your images width */
    /*height:300px; /* Change this to your images height */
    background:url(https://www.wiu.edu/vpas/_libraries/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.nivo-controlNav a {
	margin: 0% !important;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#FFF;
	color:#000;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

.topButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333 !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.topButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.topButton:active {
	position:relative;
	top:1px;
}

h4.staff_division
{
	margin-top:20px;
}

div.staff_photo_box
{
	float:left;
	width:100%;
	min-width:450px;
	padding:5px;
	margin:5px;
}

div.staff_photo_box img, div.flexbox img
{
	float:left;
}

div.flexbox
{
	display:flex;
	flex-wrap:wrap;
}

div.flexbox div
{
	flex:1 1 350px;
}

div.row
{
	display:flex;
	margin-bottom:1.5rem;
	flex-wrap:wrap;
	gap:2rem;
}
div.row > div.employee
{
	display:flex;
	margin-right:1em;
	flex:1 1 300px;
}
div.row > div.employee > div.image
{
	margin-right:1rem;
}
@media only screen and (max-width:1500px) {
div.row
{
	flex-direction:column;
}
div.row > div.employee
{
	flex-wrap:wrap;
}
div.row > div.employee:not(:first-child)
{
	margin-top:1rem;
}
div.row > div.employee > div.image
{
	flex:0 1 auto !important;
}

}