﻿#sideNavContainer {
	clear: left;
	float: left;
	transition: all 0.2 ease 0s;
	width: 170px !important;
	z-index: 10;
	max-width: 170px !important;
}

#innerContainer table td {
	font-size: 1em !important;
}

/* Digital Collection Albertson Collection Correspondence List */

#innerContainer .albertsonCorrespondenceList {
	-moz-column-count: 3;
    -moz-column-gap: 5%;
    -webkit-column-count: 3;
    -webkit-column-gap: 5%;
    column-count: 3;
    column-gap: 5%;
}



#innerContainer h2.ms-webpart-titleText {
	margin-bottom: 0.35em !important;
}


/***************************************************************************************************************
GAMES NIGHT IMAGES
****************************************************************************************************************/

#innerContainer #archivesVGNightImg1, #innerContainer #archivesVGNightImg2, #innerContainer #archivesVGNightImg3 {
	float: left !important;
	position: relative !important;
	margin: 15px 5% 10px 0 !important;
	max-width: 40% !important;
}

#innerContainer #archivesVGNightList1, #innerContainer #archivesVGNightList2, #innerContainer #archivesVGNightList3 {
	float: left !important;
	position: relative !important;
	margin: 0 0 10px 0 !important;
}

#innerContainer .archivesVGNightsDivider {
	width: 75% !important;
	margin: 0 0 20px !important;
	display: block !important;
	background-color: #2B2D42;
	height: 3px !important;
	border: 0 !important;
}

#innerContainer h3 {
	font-size: 1.35em !important;
	font-weight: normal !important;
}

@media screen and (max-width: 600px) {

#innerContainer #archivesVGNightImg1, #innerContainer #archivesVGNightImg2, #innerContainer #archivesVGNightImg3 {
	float: left !important;
	position: relative !important;
	margin: 15px 5% 10px 0 !important;
	max-width: 100% !important;
}

#innerContainer #archivesVGNightList1, #innerContainer #archivesVGNightList2, #innerContainer #archivesVGNightList3 {
	float: left !important;
	position: relative !important;
	margin: 0 0 10px 0 !important;
}

}


/***************************************************************************************************************
NEW FOOTER
****************************************************************************************************************/

#footrow3 {display: table;max-width: 1200px;width: 1200px;margin: 0 auto;color: #FFF;}
.mapcell {display: table-cell;vertical-align: bottom;padding: 20px;width: 153px;position: relative;}
.mapcell img {position: absolute;bottom: 20px; right: 20px;}
.infocell {display: table-cell;vertical-align: bottom;}
.infotbl {display: table;}
.contactcell {display: table-row;border-bottom: 1px #362c3b solid;}
.contactcontainr {display: table;}
.contactcontainrcell1 {display: table-cell;padding: 20px 10px 20px 20px;}
.contactcontainrcell2 {display: table-cell;padding: 20px 10px 20px 20px;}
.contactcontainrcell3 {display: table-cell;padding: 20px 10px 20px 20px;}
.contactcontainrcell1 img, .contactcontainrcell2 img, .contactcontainrcell3 img {position: relative;left: -20px;}
.othercell {display: table-row;}
.othercellcontainer {display: table;}
.otherlnk {display: table-cell;vertical-align: top;padding: 20px;}
.otherhlc {display: table-cell;vertical-align: bottom;padding: 20px 10px 20px 10px;}
.deptinforow {display: table-row;}
.deptinforow .td {padding: 10px;}
footer {background-color: #100514}

#accredrow {display: block !important;
    /*padding: 10px 20px 20px 20px;*/
	padding: 10px 20px;
    /*background-color: #170d1b;*/
    background-color: #100514;
 margin: 0;}
 #accredrowinner {max-width: 1190px;width: 1160px;margin: 0 auto;}
#footerContent {display: inline-block;vertical-align: top;color: #FFF;/*float: left;*/padding-right: 20px;padding-top: 20px;}
#footerContent a {color: #caaafd}
.accredft {display: inline-block;vertical-align: top;/*float: left;*/padding-left: 20px;/*border-left: 1px #29212c solid;*/margin-left: 20px;}
#accreditations-footer {width: auto; max-width: none;margin: 0;}

#accredrowinner {display: table;}
#footerContent {display: table-cell;}
.accredft {display: table-cell;padding-top: 20px;}


@media screen and (max-width: 1219px) {
#footrow3 {max-width: 99%;width: 99%;}
.infocell {
	/*border: 1px #F00 solid;*/
	width: 810px !important;
	max-width: 810px !important;
	}
.mapcell {
	vertical-align: top;
	/*border: 1px green solid;*/
	left: -24px;
	width: auto;
}
.mapcell img {top: 0px; left: 0px;width: 100%;}
.frstrow .table {width: 99%;max-width: 99%;}
}
@media screen and (max-width: 1170px) {
 #accredrowinner {width: initial;}
}
@media screen and (max-width: 1025px) {
.mapcell {
	display: none;
}
}
@media screen and (max-width: 980px) {
.infocell {
	width: 99% !important;
	max-width: 99% !important;
}
}

@media screen and (max-width: 825px) {
.contactcontainr, .contactcontainrcell1, .contactcontainrcell2, .contactcontainrcell3 {display: block;}
#footrow3 {
	background-image: url("https://www3.uwsp.edu/SiteAssets/images/3city.png");
	background-repeat: no-repeat;
	background-position: top right;
	}
.frstrow .table {
	width: auto;
	display: block;
}
.frstrow .td {display: block;padding: 20px;}
}

@media screen and (max-width: 767px) {
.linkblock {padding: 10px 20px;display: inline-block;width: 40%;vertical-align: top;}
.linkblock ul li a {font-size: 16px; line-height: 14px; padding-bottom: 10px;display: block;}
#footrow3 {background-size: 50%;}
#accredrowinner {display: block;}
#footerContent {display: block;}
.accredft {display: block;padding-top: 20px;border-left: 0;margin: 16px 0 0 0 !important;padding: 16px 0 0 0 !important;border-top: 1px #29212c solid;}
}

@media screen and (max-width: 620px) {}

@media screen and (max-width: 600px) {}

@media screen and (max-width: 500px) {
#footrow3 {
	background-image: none;
}
}

