/***** Body Styling *****/


body {
	margin: 0px; padding-top: 25px;
	font-family: Verdana, sans-serif; 
	font-size: 14px; 
	line-height: 22px; }
	
a {
	color: #0066CC; 
	text-decoration: underline; }
	
a:hover {
	color: #0066CC; 
	text-decoration: none; }
	
p {
	margin: 10px; }
	
#wrap {
	max-width: 850px; 
	margin: 0 auto; }
	

#header {
	padding: 5px 0px 5px 10px; 
	border-top: 1px solid #d6d6d6; 
	border-bottom: 1px double #d6d6d6;
    display: flex;
    display: -webkit-inline-box;
    width: 100%;
}
	
#header #logo {
	font-size: 37px;
    width: 50%;
}

#header #logo a {
	text-decoration: none;
	color: #000000;
	font-weight:bold; }


	
#container {
	margin:1px 0px;
	border-top: 1px solid #d6d6d6; 
	border-bottom: 1px solid #d6d6d6; 
	overflow: auto;
 }
	
#footer {
	height:30px;
	padding:10px;
	border-top: 1px solid #d6d6d6; }
	
	
/***** Sidebar Style *****/

#sidebar {
	width: 215px;
	line-height: 21px;
	float: left;
	padding: 0 10px 20px 10px;
	border-right: 1px solid #d6d6d6; }
	
#sidebar p {
	margin: 10px 0px;
	font-size: 12px;
	line-height: 15px;
	font-weight:bold; }
	
#sidebar ul  {
	margin: 0px; padding: 0px;
	list-style: none; 
	font-size: 12px; }
	
	
/***** Content Styling *****/

#content {
	margin: 0px; padding-top: 17px;
	overflow: auto; }

#content h1 {
	margin: 0px 10px;
	font-size: 25px; }
	
#content h2 {
	margin: 0px 10px;
	font-size: 21px; }
#content h3 {
	margin: 0px 10px;
	font-size: 18px; }
#content h4 {
	margin: 0px 10px;
	font-size: 16px; }
#content h5 {
	margin: 0px 10px;
	font-size: 14px; }
	
	
/***** Extra Styling *****/
#menu {
    display: none;
}
	
	
/***** Mobile Styling *****/
@media (max-width: 600px) {
  #sidebar {
    display: none;
  }
  
  #menu {
    display: block;
  }
  
  #header {
    display: block;
  }
  
  #header #logo {
    width: 100%;
    line-height: 50px;
  }
}