@charset "UTF-8";
/* CSS Document */
#top_bar {height:60px;
	background: rgba(229,137,128,1.00);
	width:100%;
	padding-top:10px;
}

#logo {
  height:45px;
  background-image: url("../images/logo.png");
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
}

body{min-height: 200px;
	padding: 0px;
	margin: 0px;	
	background-color: rgba(255,255,255,1.0)
}

#nav_container{background-color:rgba(34,34,34,1.00);
	height:50px;
	width: 100%;
	z-index:9999;
	position:sticky;
	top:0px;
	display:flex;
	margin-bottom:20px;
	font-family: "Montserrat", sans-serif;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

nav{background-color:0;
	height:50px;
	margin:auto;
	font-family: "Montserrat", sans-serif;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav li {
    margin:10px 0px;
}

nav a {
    text-decoration: none;
    color: #646464;
}


nav ul{font-family:"Montserrat",sans-serif, Verdana, Geneva;
	font-size:14px;
	margin:auto;
	padding:0;
	list-style:none;
}

/* treats it as a square instead of just the word, the whole block is clickable*/
nav ul li{display: block;         
	position: relative;
	float: left;	
}

nav li ul{display:none;
}      /* anything in nav that is an unordered item IN A LIST (the subnavs) */

nav ul li a {display:block;
	text-decoration:none;
	padding:7px 15px 3px 15px;
	background:rgba(0,0,0,0);   /*change the nav boxes color */
	color:rgba(255,255,255,1.00);   /*nav text color*/
	margin:auto;
	white-space:nowrap;
	height:20px;
	width:110px;   /* if the button is too small, make this number bigger*/
	text-align:center;	
}

nav ul li a:hover{    /*NAV HOVER COLOR */
	color:rgba(229,137,128,1.00)
}

nav li:hover ul {
	display:block;
	position:absolute;
	height:20px;
}

nav li:hover li{
	float:none;
	font-size:12px;
	height: 20px; /*height of subnavs */
}

nav li:hover a{
	background:rgba(34,34,34,1.00); 
	/*change the color of the subnavs */
}

nav ul li ul li a{
	text-align:left;  /* top level list items are centered but nested list items are left-aligned */
}

/*=========================================================*/

.footertext {
width: 1200px;
background: rgba(146,51,53,00);
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
align-content: center;
text-align: center;
color:rgba(34,34,34,1.00)
}

.footer {
display: flex;
margin-top: 20px;
background:rgba(224,224,224,1.00);
height:150px;
color:rgba(34,34,34,1.00);
box-shadow: 8px 4px 0px rgba(0,0,0,0.1);
}

.footertext a:link{color:rgba(34,34,34,1.00);
	text-decoration: none}
.footertext a:visited{color:rgba(34,34,34,1.00)}
.footertext a:hover{color:rgba(229,137,128,1.00)}
.footertext a:active{color:rgba(34,34,34,1.00)}

.bar{
width:100%;
height:30px;
background:rgba(229,137,128,1.00);
border-top: 2px solid rgba(34,34,34,1.00)
}