@import url('https://fonts.googleapis.com/css?family=Creepster');

html, body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
}
textarea {
	resize: none;
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {   
  border-color: rgba(57, 57, 57, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(89, 89, 89, 0.6);
  outline: 0 none;
}
input[type="checkbox"]:focus, textarea:focus{
	border-bottom-color: none;
	box-shadow: none;
	outline: 0 none;
}

.a1-creepyFont {
	font-family: 'Creepster', cursive;
}
.a1-headPadding {
	padding: 3px 0;
}
.a1-headList {
	width: calc(80% - 15px);
	left: 20%;
	bottom: 12px;
}
.a1-headList ul, .a1-headSysHeader ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.a1-headList ul, .a1-headSysHeader ul {
	float: right;
}
.a1-headSysHeaderWrap {
	display: block;
	float: right;
	margin-top: 10px;
}

.a1-headList ul li {
	float: left;
}
.a1-headList ul li a, .a1-headSysHeader ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0 12px;
	font-weight: bold;
}
.a1-headList ul li a:hover, ..a1-headSysHeader ul li a:hover {
	color: #B8860B;
}
.a1-headHeader, .a1-headSysHeader {
	width: 100%!important;
	display: block;	
}
.a1-headHeader {
	overflow: hidden;
}
.a1-headSysHeader {
	overflow: hidden;
}
.a1-headHeader img, .a1-headHeader a img {
	width: 15%!important;
	float: left;
}
.a1-headSysHeader a img{
	width: 12.5%!important;
	float: left;	
}
.a1-elementFill {
	width: 100%!important;
	padding: 0;
	margin: 0;
}
.a1-position-relative, .a1-headHeader, .a1-imageBodyWrap {
	position: relative;
}
.a1-position-absolute, .a1-headList, .w3-center-child, .a1-calendar {
	position: absolute;
}
.a1-accordian {
	height: 0px;
	overflow: hidden;
	transition: height 0.5s;
}
.a1-imageBodyWrap {
 position: relative!important;	
  width: 100vw!important;
  height: 450px;
  overflow: hidden;
}
.a1-imageBodyWrap img {
  position: absolute;
  left: 50%;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;

    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}
.a1-imageBodyWrap img.portrait {
  width: 100%;
  height: auto;	
}
.w3-center-child {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: : 2px 2px black;	
}
.a1-hide {
	display: none;
}
.a1-highlight {
	border: 2px solid red;
}
.a1-divFill {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}
.a1-divFill-background {
	background-color: rgba(57, 57, 57, 0.5);
}
.a1-footer ul  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;	
}
.a1-footer ul li  {
	display: inline-block;
}
.a1-footer ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0 12px;
	font-weight: bold;	
}
.a1-footer ul li a:hover {
	color: #B8860B;
}
#captchaWrap img {
	width: 95%;
}
.a1-creepy {
	width: 60vw;
}
.a1-creepy img {
	width: 100%;
}
.a1-creepyWrap {
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
}
.a1-creepyHeadColor {
	color: #cc2900;
	text-shadow: 2px 2px #ffc2b3;
	font-weight: bold;
}
.a1-creepyTxt {
	color: #ffcc00;
	font-weight: bold;
}
.breadcrumb .breadcrumb-list .breadcrumb-current {
    background-color: none;
}
.a1-profileWrap table {
	width: 100%;
}
.a1-profileWrap table tr td {
	padding: 5px;
	box-sizing: border-box;
}
.a1-calendar {
	top: 100%;
	left: 0;
	width: 100%;
	min-height: 50px;
}
.a1-seventh {
	width: calc(100% / 7);
}
.a1-navVerticalNav {
	width: 100%!important;
	box-sizing: border-box;
	padding: 5px 12px;
}
.a1-navVerticalNav a, .a1-navVerticalNav button {
	width: 100%;
	text-align: left;
	text-decoration: none;
}
.a1-tableHeader {
	height: 30px!important;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 30px;
	font-size: 1.1em;
}
.a1-tableBody {
	height: 40px!important;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.a1-articleWrap {
	width: 100%;
	height: 120px;
	overflow: hidden;
}
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.a1-articleWrap a{
	color: blue;
	text-decoration: none;
}
.a1-articleWrap a:hover{
	color: red;
}