/*	
	Table Of Contents
	
	1. =GENERAL
	2. =HEADER
		2.1 =LOGO
		2.2 =NAVIGATION
	3. =CONTENT
		3.1 =MAIN CONTENT
		3.2 =SIDEBAR
			3.2.1 =SIDEBAR NAVIGATION
			3.2.2 =CONTACT INFO 
	4. =FOOTER
	5. =MISC
		5.1 =ROUNDED CORNERS
		5.2 =CONTACT FORM	
				

-----------------------------------------------------------------------------------*/

/* =GENERAL
------------------ */
body {margin:0;font-family:Arial;font:normal 14px Arial, Helvetica, sans-serif; position:relative}


.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}


/* =CONTENT 
-------------------*/

#content { width:100%; margin:0 auto; background-color:#FFF; padding:0px; }
	
	#content h2 { margin:0; padding:10px 5px; font-size: 30px; color:#252525; }
	#content h3 { margin:0; padding:15px 5px; font-size:18px; color:#252525; }
	#content h4 { margin:0; padding:15px 5px; font-size:16px; font-weight:bold; }
	#content ul { margin:0 40px 0 0; padding:0 10px 15px 20px; list-style:inside; list-style-position:outside; } 
	#content li { margin:0; padding:0;} 
	#content ul li ul{ padding-bottom: 0px; }
	#content p, #content li { line-height:24px; }
	#content p { padding:5px; margin:0;}


/* =MAIN CONTENT
------------------*/
	
#maincontent { float:left; width:100%; align-items:center; padding:0 0 0 0; margin:auto; text-align:justify; }

/* =FOOTER 
	-------------------*/

#footer { float:left; width:100%; align-items:center; padding:0 0 0 0; margin:auto; text-align:justify;background-color:black;}

	#footer p { font-size: 12px; color:#fff;}
	#footer a { color:#fff; text-decoration:underline;}

#privacypolicy{float:left;}
#copyright{float:right}


/* =ROUNDED CORNERS
-------------------*/
#round_bottom{ width:110%; height:20px; background:url(images/round-bottom.png) no-repeat top center; margin:0 auto; }

@media screen and (max-width: 600px) {
  .topnav a:not(.active) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}


@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}