body {
	Margin: 0;
	Padding: 0;
	Font-size: 14pt;
	Font-family: sans-serif;
}

header {
	Text-align: center;
	Border-width: 0.3em;
}

div.body-text { Display: table; Width: 50%; Border-spacing: 2em; Margin: 0 auto;}

main {
	Display: table-cell;
	Border-width: 0.3em;
	Border-style: dotted;
	Padding: 1em 2.5%;
	Margin: 1em 2.5%;
	Line-height: 1.5em;
	Text-align: justify;
}

@media (max-width: 720px) {
	div.body-text, main { Display: block; Width: auto; }
}


footer {
	Text-align: center;
	Padding: 0.5em;
}



h1 {
  Color: white;
  Font-weight: bold;
  Font-size: 2em;
  Letter-spacing: 0.1em;
  Text-shadow: 0.05em 0.05em 0 plum;
}

h2 {
  Color: white;
  Font-weight: bold;
  Font-size: 1.5em;
  Letter-spacing: 0.1em;
  Text-shadow: 0.05em 0.05em 0 skyblue; 
}

h2:nth-of-type(even) {
   Text-shadow: 0.05em 0.05em 0 plum; 
}

div.body-text h2 {
  padding: 2em 0 0 0; 
}

div.body-text h2:first-of-type {
  padding: 0;  
}

body {
  Color: oldlace;   
  Background-image: url("/media/bg4.gif");
}

main {
  Color: mediumslateblue;
  Border-color: lemonchiffon;
}

footer {
  Color: midnightblue;
  Border-color: lemonchiffon;
}

nav a:hover, header a:hover, footer a:hover { Color: gold; }
main a, aside a { Color: #8f54db; } /* v pretty purple */
main a:visited, aside a:visited { Color: goldenrod; }
main a:hover, aside a:hover { Color: gold; }