/* Drop Down Menu */

body {
    background-color: lightblue;
	
}

p {
  margin: 0;
  padding: 5px;
}

#primary_nav_wrap
{
	z-index: 100;
    top: 0px;
	margin-left: 2px;
    border: none;
    cursor: pointer;
	position: fixed;
}

#primary_nav_wrap ul
{
	z-index: 100;
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0px;
}

#primary_nav_wrap ul a
{
	z-index: 100;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:medium;
	line-height:220%; 
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#primary_nav_wrap ul li
{
	/* border-radius: 25px; */
	z-index: 100;
	position:relative;
	float:left;
	margin:0;
	padding: 0;
	opacity: .97;
    background-color: darkslateblue;
	box-shadow: 16px 16px 16px 0px rgba(0,0,0,0.2);
}

#primary_nav_wrap ul li:hover
{
	
	background:#5D3FD3;
	
}

#primary_nav_wrap ul ul
{
	z-index: 100;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	z-index: 100;
	float:none;
	width:210px;
}

#primary_nav_wrap ul ul a
{
	z-index: 100;
	line-height:120%;
	padding:10px 15px;
}

#primary_nav_wrap ul ul ul
{
	z-index: 100;
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	z-index: 100;
	display:block;
}

/* Hit The Floor */
.hit-the-floor {
color: #fff;
font-size: 2em;
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor {
  /* Media */
}

body {
  background-color: white;
}

.left {
  border-radius: 25px;
  float: left; 
  width: 27%;
  background-color: lightyellow;
 
  }

.middle {
  border-radius: 25px;
  background-color: aliceblue;
  float: right;
  width: 70%;
  padding: 0 10px 0 10px;

}


.bottom {
  float: left;
  width: 100%;
  padding: 0 2px;
 background-color: lightyellow;
}


@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .left, .middle, .right {
    width: 100%;
  }
}


/* color-box*/ 
.slate-box { 
	border-radius: 10px;
	display: block;
	margin-left: 0px;
	margin-right: auto;
	padding: 0 8px 0 8px;
    width: 100%;      /* Set the width of the box */ 
    height: auto;     /* Set the height of the box */ 
    background-color:#d8ecf3; /* lightyellow Set the background color (e.g., a shade of blue) */ 
} 

/* color-box*/ 
.white-box { 
	border-radius: 10px;
	display: block;
	margin-left: 0px;
	margin-right: auto;
	padding: 0 8px 0 8px;
	width: 100%;      /* Set the width of the box */ 
    height: auto;     /* Set the height of the box */ 
    background-color: white; /* darkslateblue, lavendar Set the background color (e.g., a shade of blue) */ 
} 

.center {
    text-align: center;
}