#MainColumn {
	position:relative;
	left:0px;
	top:0px;
	width:641px;
	
}

a:link {
  text-decoration: none;

}

a:visited {
  text-decoration: none;
 
}

a:hover {
  text-decoration: none;

}

a:active {
  text-decoration: none;

}


div.outer-H {
	float:right;
	width: 33px;
	height: 120px;
	background: #F8931D;
	transition: all 0.5s ease;
}

div.outer-H:hover {
  width: 50px;
  height: 120px;
}

div.inner-H {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 25px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-H:hover .inner-H {
	visibility: initial;

}

div.outer-A {
	float:right;
	width: 33px;
	height: 120px;
	background: #F5F503;
	transition: all 0.5s ease;
}

div.outer-A:hover {
  width: 50px;
  height: 120px;
}

div.inner-A {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 20px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-A:hover .inner-A {
	visibility: initial;
}

div.outer-F {
	float:right;
	width: 33px;
	height: 120px;
	background: #39B54A;
	transition: all 0.5s ease;
}

div.outer-F:hover {
  width: 50px;
  height: 120px;
}

div.inner-F {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-F:hover .inner-F {
	visibility: initial;
}

div.outer-T {
	float:right;
	width: 33px;
	height: 120px;
	background: #00BFF3;
	transition: all 0.5s ease;
}

div.outer-T:hover {
  width: 50px;
  height: 120px;
}

div.inner-T {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 35px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-T:hover .inner-T {
	visibility: initial;
}

div.outer-P {
	float:right;
	width: 33px;
	height: 140px;
	background: #5674B9;
	transition: all 0.5s ease;
}

div.outer-P:hover {
  width: 50px;
  height: 140px;
}

div.inner-P {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 55px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-P:hover .inner-P {
	visibility: initial;
}

div.outer-C {
	float:right;
	width: 33px;
	height: 120px;
	background: #8560A8;
	transition: all 0.5s ease;
}

div.outer-C:hover {
  width: 50px;
  height: 120px;
}

div.inner-C {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 30px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg)
}

div.outer-C:hover .inner-C {
	visibility: initial;
}



div.outer-N {
	float:right;
	width: 33px;
	height: 120px;
	background: #F8931D;
	transition: all 0.5s ease;
}

div.outer-N:hover {
  width: 50px;
  height: 120px;
}

div.inner-N {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 10px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-H:hover .inner-H {
	visibility: initial;

}



div.outer-W {
	float:right;
	width: 33px;
	height: 130px;
	background: #F5F503;
	transition: all 0.5s ease;
}

div.outer-W:hover {
  width: 50px;
  height: 130px;
}

div.inner-W {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	position:relative;
	left: 51px;
	top: 48px;
	align-items: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg)
}

div.outer-W:hover .inner-W {
	visibility: initial;
}


div.outer-L {
	float:right;
	width: 33px;
	height: 120px;
	background: #39B54A;
	transition: all 0.5s ease;
}

div.outer-L:hover {
  width: 50px;
  height: 120px;
}

div.inner-L {
	white-space:nowrap;
	width: 33px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	transition: all 0.5s ease;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:  rotate(-90deg);
}

div.outer-L:hover .inner-L {
	visibility: initial;
}




label {
 padding-left:10px;
 display:block; 
}


.button {
  background-color: #F8931D;
  border: none;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  margin: 2px;
  cursor: pointer;
}


.button2 {
	background-color: #F8931D;
	border: none;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	margin: 2px;
	cursor: pointer;
  }