html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{font-family: arial;}
h1{font-size: 25px;}h2{font-size: 21px;}h3{font-size: 18px;}h4{font-size: 16px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* Base layout */
body,html { background-color: #f2f2f2; }
#pageContent { max-width: 1000px; margin: auto; border: none; }

/* Header */
header { background-color: #324A60; width: 100%; padding: 16px 0; }
.header-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; color: #FFFFFF; }
#logo { display: inline-block; vertical-align: middle; font-size: 30px; margin-right: 75px; color: #FFFFFF; }
#logo img { width: 180px; vertical-align: middle; margin-right: 10px; }

/* Sections */
body > section { max-width: 1000px; margin: auto; padding: 30px 0; border-bottom: 1px solid #999; color: #333; }
p.subheader { line-height: 1.8; background-color: #FFFFFF; padding: 15px; }

/* Content columns */
main { float: left; width: 60%; background-color: #FFFFFF; padding: 15px; box-sizing: border-box; }
aside { float: right; width: 30%; background-color: #FFFFFF; padding: 15px; box-sizing: border-box; }

article { border-bottom: 2px dotted #999; padding-bottom: 20px; margin-bottom: 20px; }
article h2 { font-weight: normal; margin-bottom: 12px; }

/* External embed blocks */
aside > div { margin: 10px auto; background: #FFFFFF; min-height: 100px; }

/* Footer */
footer { background-color: #324A60; width: 100%; color: #FFFFFF; clear: both; }
.footer-container { max-width: 1000px; margin: 0 auto; padding: 20px; }
footer a { color: #FFFFFF; text-decoration: underline; }
footer p { padding-bottom: 10px; }
address { padding: 0; }

/* Responsive */
@media screen and (max-width: 1000px) {
	body > section { padding: 30px 20px; }
	.header-container, .footer-container { padding: 0 20px; }
}
@media screen and (max-width: 600px) {
	main { float: none; width: 100%; }
	aside { float: none; width: 100%; }
}

/* Keep logo image left and title right */
#logo {
  display: flex;
  align-items: center; /* vertical alignment */
}

#logo img {
  margin-right: 15px; /* space between image and title */
}

#logo h1 {
  margin: 0; /* remove default heading margin */
}