#title-area{
	padding:0px;
	text-align:center;
	color:#800000;
	vertical-align:top;
	margin:auto;
}

#c-help{
	display:inline-block;
}
#title-area-top{
		display:none;
	}
#menu-btn{
	color:#eee;
	background-color:#800000;
	display:none;
	font-size:25px;
	cursor:pointer;
}
#horiz-menu{
	width:875px;
	margin:auto
}
#weather{
	width:auto;
	float:left;
}
#cur-wx{
	margin:5px;
	display:inline;
	float:left
}
#frcst-box{
	text-shadow:0px 0px 8px #fff;
	display:inline-block;
	height:86px;
	width:86px;
	text-align:center;
	float:left;
	margin-top:13px;
	border:1px brown solid;
	cursor:pointer;
}
#market-box{
}
#mrkt-table{
	background-color: #FFFFFF;
	margin:5px;
	height:100px;
	width:auto;
	border: 1px solid #800000;
	float:right;
	height:100%;
	border-spacing:0px;
}

@media screen and (max-width: 585px) {
	#weather{
		float:none;
		width:270px;
		margin:auto;
	}
	#market-box{
		float:none;
		width:300px;
		margin:auto;
	}
	#mrkt-table{
		float:none;
	}
}

@media screen and (max-width: 880px) {
	#title-area{
		display:none;
	}
	#title-area-top{
		display:block;
		margin:auto;
		width:auto;
		height:auto;
		vertical-align:middle;
		color:#800000;
		text-align:left;
		font-size:5vw;
	}
	#menu-btn{
		display:inline-block;
	}
	#horiz-menu{
		display:none;
	}
}

@media screen and (max-height: 450px) {
  .menu-container {padding-top: 15px;}
  .menu-container a {font-size: 18px;}
}


.menu-container {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #800000;
  overflow-x: hidden;
  transition: 0.3s;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
}
.menu-container2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: rgba(255, 255, 255, 0.71);
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  text-align: center;
  overflow: hidden;
  left: -100%;
  -webkit-transition: left 0.6s, -webkit-transform 0.6s;
  transition: left 0.6s, -webkit-transform 0.6s;
  transition: left 0.6s, transform 0.6s;
  transition: left 0.6s, transform 0.6s, -webkit-transform 0.6s;
  z-index: 1;
}
.menu-container2 .closebtn {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 36px;
  width: 100px;
  text-decoration:none;
  background-color:#800;
  color:#eee;
}

.menu-item {
  color: #800;
  font-size: 36px;
  padding: 7px 12px;
  background:none;
}

/*Menu Header Styles*/
.menu-item h4 {
  color: #fff;
  font-size: 25px;
  padding: 7px 12px;
  background: #800;
  border-bottom: 1px solid white;
}
.menu-item a {
  text-decoration:none; 
  font-size:36px; 
  padding-bottom:8px;
}

.menu-item:hover {
  color: #900; 
}
/*ul Styles*/
.menu-item ul {
  background: #faa;
  font-size: 25px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  margin:0px;
  
  /*Animation*/
  -webkit-transition: height .25s ease;
     -moz-transition: height .25s ease;
       -o-transition: height .25s ease;
      -ms-transition: height .25s ease;
          transition: height .25s ease;
}
.menu-item:hover ul {
  height: auto;
}
.menu-item ul a {
  margin-left: 15px;
  margin-top:15px;
  text-decoration: none;
  color: #000;
  display: block;
  width: 260px;
}
/*li Styles*/
.menu-item li {
  border-bottom: 1px solid #eee;
}
 
.menu-item li:hover {
  background: #f99;
}
.bulboard-container {
	width:100%;
	max-width:1025px;
	border:5px brown solid;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url('images/bbBackground.jpg');
	text-align:center;
	margin:auto;
	margin-top:10px;
}
.sticky-note {
	width:300px;
	background-image:url('images/stickynote_pin.jpg');
	height:auto;
	margin:15px 10px 10px 10px;
	padding-bottom:10px;
	display:inline-block;
	border:1px black solid;
	vertical-align:middle;
}
.sticky-title {
	margin-top:8px;
	color:darkblue;
	font-weight:bold;
	text-align:center;
}