@charset "utf-8";
/*





Medium Screens (960 - 1140) ======================== */
@media screen and (max-width: 1280px) {

.container { width: 920px; }
}
/*





Medium Screens (960 - 1140) ======================== */
@media screen and (max-width: 1120px) {

#title { margin-left: -70px; }

#stainImgDiv {
	height: 320px;
	width: 320px;
	top: 60px;
}
}
/*





Small Screens (768 - 960) ======================== */
@media screen and (max-width: 959px) {

.container { width: 720px; }

#title { margin-left: -120px; }

#titleImg { margin: 170px 0 0 300px; }

#stainImgDiv {
	height: 240px;
	width: 240px;
	top: 90px;
}

.horizontal #nav { margin-left: 3em; }
}

/*





Tablets (480 - 767) ======================== */
@media screen and (max-width: 767px) {

.container { width: 90%; }

#content img, #title img {
	width: 95%;
	height:auto;
}

#menu_m, .none #menu_resp { display:block; }

#menu_resp img { width: auto !important; }

.horizontal #nav, .vertical #nav {
	text-align:center;
	display:block;
	float:none;
	margin:0 auto 15px !important;
	width:70%;
}

.horizontal #nav li, .vertical #nav li { margin: 0 0 5px; }

.horizontal #nav li a, .vertical #nav li a {
	display: block;
	text-align: center;
}

.thispage { text-align:center !important; }

#nav p {
	margin: 2em auto;
	text-align:center;
}

#nav ul { margin: 0 25px !important; }

.subMenu li {
	padding-left:0;
	list-style:none;
}

#content {
	float:none;
	width:100% !important;
}

#social, .extraneous { display: none; }

#language {
	position: inherit;
	margin:10px auto -20px;
}

table.mscroll {
	display: block;
	border:solid 3px #59534A;
	background-color:rgba(0, 0, 0, 0.05);
	width:100%;
	overflow-x: scroll;
}

.mscroll caption {
	width:100%;
	display: block;
}

.mscroll thead, .mscroll tbody {
	min-width:200%;
	display: block;
}

#uix { text-align:center !important; }

#header { overflow:hidden; }

#title { margin-left: -60px; }

#titleImg {
	margin: 170px 0 0 330px;
	width:auto !important;
}

#stainImg {
	width:100% !important;
	height: 100% !important;
}

#stainImgDiv {
	width:100%;
	text-align:center;
	float: none;
	height: 360px !important;
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 360px !important;
	z-index: 10;
}
}
/*





Phones (0 - 479) ======================== */
@media screen and (max-width: 579px) {

#title { margin-left: -150px; }
}
@media screen and (max-width: 479px) {

#title { margin-left: -200px; }
}