/* styles common to ALL web pages (front and interior, all browser sizes */


strong{
	font-weight: bold;	
}

em{
	font-style: italic;	
}

img {
	max-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#skiptocontent{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;	
}

#skiptocontent.active{
	position: relative;
	left: auto;
	background: #fc0;
	top: auto;
	width: 100%;
	height: auto;
	padding: 1em;
	font-size:1.1em;
}

#skiptocontent.active a{
	color: black;	
}

#menu_container{ 
	display: none;
}

#nav, #content { 
	-webkit-transition: .2s all ease;
	-moz-transition: .2s all ease;
	transition: .2s all ease; 
	width: 100%; 
}

.mastheadbullets li{
	display: inline;
	line-height: 2em;
}

.mastheadbullets li:before {
	content: " \00a0\00a0\2022\00a0 "; /* unicode for   •  */
}

#rotatingfeature{
	width: 94%;
	padding: 0 3% 3% 3%;
	text-align:center;	
}

	
#container{
	overflow: hidden;
	max-width: 1680px;
	margin: 0 auto;
	background: white;	
}

body {
	font-size: 100%;
	background: #DDD;
	/* font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; */
	font-family: 'Open Sans', serif;
	text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
		
}
#header{
	text-align:center;		
}
#content{
	float: left;
	margin: 0.5em 0 0 0;	
	position: relative;
	background: #FFF;
	padding-bottom: 1em;
}
#content a, #nav a{
	color: #639;
	text-decoration: none;	
}
#content a:hover, #nav a:hover{
	text-decoration:underline;
	border-bottom:none;
}
#footer #footer_bottom p{
	color: white; 
	font-size: 0.8em;
	line-height: 175%;
}
#footer #footer_bottom a{
	color: white; 
	text-decoration: none;
}

div#social_media img{
	height:3em;
	padding:.7em !important;
}



/* print stylesheet */
@media print {
 
 
	@page :first {
	 
		margin: 0in -1in 0in 0in !important;
	}

 
 
	#nav, #sitsearch, #masthead_big, #mainnav, #sideNav, #footer, #header {display: none !important}
 
 
	#content {
	 	width: 98% !important;
	 	float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
		
	#mainContentFull, #mainContentTop, #mainContentLeftColumn, #mainContentRightColumn, #highlightRight{
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
 
 
	/* font sizes */
	body {
	 font: 12pt Georgia, "Times New Roman", Times, serif;
	 line-height: 1.3;
	}
	 
	h1 {font-size: 24pt}
	 
	h2 {font-size: 14pt; margin-top: 25px}
 
 
	/* Some browsers like to show a border around images. Switch it off */
	img {border: 0}
	 
	/* Mover the header a little bit away from the content */
	header {margin-bottom: 40px}
	 
	/* Display the URL of the site so that the user knows where the printout came from */
	header:after {display: block; content: "www.wiu.edu "}
 

 
	/* Separate blockquotes a little bit from the rest */
	blockquote {
	 font-size: 13pt;
	 font-style: italic;
	}
	 
	/* By default links are blue. For optimal legibility change them to black */
	p a {color: #000}
	 
	/* Show the URL after each link, whereby internal links are preceeded by the site's URL */
	p a:after {
	 content: " (https://www.wiu.edu/ " attr(href) ")";
	 font-size: 80%;
	 word-wrap: break-word;
	}
	 
	/* External links don't get this treatment */
	p a[href^="http://"]:after , p a[href^="https://"]:after {
	 content: " (" attr(href) ")";
	}

} /*end of print stylesheet */