﻿#innerContainer {
	padding: 0 !important;
}

#widgetHolder a {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	line-height: initial !important;
	max-height: 121px !important;
}

#widgetHolder a  img {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

#archivesTop {
	float: left;
	position: relative;
	width: 100%;
}

#archivesCenter {
	float: left;
	position: relative;
	width: 100%;
}

#archivesBottom {
	float: left;
	position: relative;
	width: 100%;
}

.socIcon {
	float: right;
	position: relative;
}

/*   * * * * * * * * * * * * * * * * * * * * * Archives Homepage * * * * * * * * * * * * * * * * * * * * *   */

#homeInfo {
	float: left;
	position: relative;
	width: 35%;
	margin-left: 7%;
	margin-top: 15px;
	height: 150px;
	padding: 10px;
	background-color: #FFD96E !important;
	border-radius: 9px;
	border: 1px solid #4D4D4F;
}

#homeInfo2 {
	float: right;
	position: relative;
	width: 35%;
	margin-right: 7%;
	margin-top: 15px;
	height: 150px;
	padding: 10px;
	background-color: #FFD96E !important;
	border-radius: 9px;
	border: 1px solid #4D4D4F;
}

#homeInfo p {
	margin: 0 !important;
	line-height: 1.5em !important;
	text-align: center;
}

#homeInfo2 p {
	margin: 0 !important;
	line-height: 1.5em !important;
	text-align: center;
}

#homeInfo .homeInfoTitle {
	margin-bottom: 0 !important;
	font-weight: bold;
	text-align: left !important;
}

#homeInfo2 .homeInfoTitle {
	margin-bottom: 0 !important;
	font-weight: bold;
	text-align: left !important;
}

#homeContent {
	clear: both;
	position: relative;
	padding: 15px 20px 10px !important;
}

#homeContent img {
	float: right;
	position: relative;
	margin: 25px 0 10px 10px !important;
}

#homeContent ul li {
	padding-top: 7px !important;
}

@media screen and (max-width: 800px) {
#homeInfo {
	width: 50% !important;
	margin-left: 23% !important;
}
#homeInfo2 {
	width: 50% !important;
	margin-right: 23% !important;
}
}

/*   * * * * * * * * * * * * * * * * * * * * * Temporary Movie Banner * * * * * * * * * * * * * * * * * * * * *   */



#ourTown {
	float: left;
	position: relative;
	width: 100%;
	max-width: 100%;
}

#otClip {
	float: left;
	position: relative;
	margin: 0 0 0 3% !important;
	width: 30% !important;
	border: 1px solid #4D4D4F !important;
}

#otHolder {
	float: left;
	position: relative;
	width: 57% !important;
	margin-left: 4%;
	padding-left: 5% !important;
}

#otLn1 {
	font-family: 'Corben', cursive !important;
	font-size: 1.2em !important;
	line-height: 2.0em !important;
	text-align: center;
}

#otLn2 {
	font-family: 'Limelight', cursive !important;
	font-size: 1.6em !important;
	line-height: 2.3em !important;
	text-align: center;
}

#otTbl {
	width: 100%;
	border-spacing: 0 !important;
	border-collapse: collapse !important;
}

#otTbl td {
	padding: 7px 0;
	width: 50%;
	text-align: center;
}

#otTbl tbody tr td:first-child {
	width: 40% !important;
}

#otTbl tbody tr td:last-child {
	width: 60% !important;
}

#otTbl tr:first-child td {
	font-family: 'Corben', cursive;
	font-size: 1.1em !important;
}

#otTbl tr:nth-child(2) td {
	font-family: 'Corben', cursive;
	font-size: 1.1em !important;
}

#otTbl tr:nth-child(3) td {
	font-family: 'Corben', cursive;
	font-size: 1.0em !important;
	font-weight: bold !important;
}

#otTbl tr:nth-child(4) td {
	font-family: 'Corben', cursive;
	font-size: 1.0em !important;
}



#otLn4 {
	vertical-align: top !important;
	font-family: 'Corben', cursive;
	font-size: 1.0em !important;
	line-height: 2.4em !important;
	text-align: center;
}

#otLine {
	float: left;
	position: relative;
	height: 1px !important;
	background-color: #4D4D4F !important;
	width: 90% !important;
	margin-left: 5% !important;
	margin-top: 20px !important;
}

@media screen and (max-width: 960px) {
#otLn1 {
	font-size: 1.0em !important;
	line-height: 1.5em !important;
	margin-bottom: 10px !important;
}
#otLn2 {
	font-size: 1.2em !important;
	line-height: 1.6em !important;
	margin-bottom: 10px !important;
}
#otLn3 {
	font-size: 0.9em !important;
	line-height: 1.3em !important;
	margin-bottom: 10px !important;
}
#otLn4 {
	font-size: 0.9em !important;
	line-height: 1.3em !important;
	margin-bottom: 10px !important;
}

}




/*   * * * * * * * * * * * * * * * * * * * * * New Home Contact Info Aug 22 * * * * * * * * * * * * * * * * * * * * *   */


#archivesHomeHoursInfo, #archivesHomeMailingInfo, #archivesHomeContactInfo, #archivesHomePhysicalInfo  {
	float: left !important;
	position: relative !important;
	box-sizing: border-box !important;
	background-color: #FFF !important;	
	padding: 10px 1% 0 1% !important;
}

#archivesHomeHoursInfo {
	width: 100% !important;
	margin-bottom: 25px !important;
	background-image: url("https://www3.uwsp.edu/library/archives/SiteAssets/images/bg-square-secondary-archives3.png") !important;
	background-attachment: scroll !important;
	background-position: left top !important;
	background-repeat: repeat !important;
}

#archivesHomeMailingInfo, #archivesHomeContactInfo, #archivesHomePhysicalInfo {
	width: 30% !important;
	margin-left: 2.5% !important;	
	min-height: 150px !important;
	background-image: url("https://www3.uwsp.edu/library/archives/SiteAssets/images/bg-hex-light-archives.png") !important;
	background-attachment: scroll !important;
	background-position: left top !important;
	background-repeat: repeat !important;
}

#archivesHomeMailingInfo .archivesHomeBoxContent {
	line-height: 1.5 !important;
}	

#archivesHomeContactInfo .archivesHomeBoxContent {
	line-height: 2.5 !important;
}

.archivesHomeContactTitle {
	box-sizing: border-box !important;
	font-weight: bold !important;
	font-size: 1.1em !important;
	margin-bottom: 0 !important;
}

.archivesHomeBoxContent, .archivesHomeContactImportantInfo {
	box-sizing: border-box !important;
	font-size: 1em !important;
	text-align: center !important;
}	

.archivesHomeContactImportantInfo {
	font-style: italic !important;
}

@media screen and (max-width: 960px) {

#archivesHomeMailingInfo, #archivesHomeContactInfo, #archivesHomePhysicalInfo {
	width: 90% !important;
	margin-left: 5% !important;
	margin-right: 5% !important;
	min-height: 50px !important;
	margin-top: 20px !important;
}

}