header, hgroup, main, sidebar, footer {display: block;}
* {font-family: Verdana;}
	
.wrapper {width: 80%; margin: 0 auto; max-width: 1200px;}

.row {clear: both;}

.nested_list {margin-left: 0.0in;}
.runin_heading {color: teal; font-weight: bold;}
.runin_heading_bold {color: teal; font-weight: bold;}
.runin_heading_bold_blue {color: blue; font-weight: bold;}
.runin_heading_ital {color: teal; font-style: italics;}
.subrunin_heading {color: teal; font-style: italic;}
.pull_quote {float: right; max-width: 300px; font-size: 30px; line-height: 130%; font-style: italic; padding-top: 5px; padding-bottom: 5px; margin-left: 15px; margin-right: -70px; margin-bottom: 10px;}
.figure_label {color: teal; font-style: italic;}
.figure_label_blue {color: blue; font-style: italic;}

#header .byline {font-style: italic; font-size: 8pt; margin: 3px; text-align: center;}
#header h1 {margin: 0px; color: black; font-size: 22pt; text-align: center;}
#header h2 {margin: 0px; padding: 0px; color: black; font-size: 14pt; text-align: center;}
#header {float: left; border: thin black solid; width: 100%; background-color: #ECD672;}

#sidebar  {float: left; border: thin black solid; padding: 6px; background-color: #ECD672; margin-top: 12px; margin-bottom: 12px; margin-right: 12px;}
#sidebar .toc_sublevel {margin-top: -3pt; margin-bottom: 3pt; margin-left: 12px; font-size: 8pt;}
#sidebar .li_toc {margin-left: -28px; margin-bottom: 6pt;}
#sidebar h2 {margin: 0px; padding: 0px; color: blue; font-size: 11pt;}
#sidebar p {text-decoration: none; font-size: 8pt;}
#sidebar a {text-decoration: none; }

#main {float: left;}
#main p {margin-left: 0.5in; margin-top: 12pt; margin-right: 0.5in; line-height: 14pt; font-size: 10pt;} 
#main h2 {margin-left: 0.5in;}
#main h3 {margin-left: 0.5in;}
#main li {margin-left: 0.5in; font-size: 10pt; margin-bottom: 6pt;}

#footer {font-size: 8pt; text-align: center; color: black; background-color: #ECD672; padding: 9px 9px 9px 9px; border: thin black solid;}

/* smartphone */
@media (max-width: 767px) 
{
  #header  {width: 100%;}
  #main {width: 100%;}
  #sidebar {width: 100%;}
  #footer  {width: 100%;}
}

* Medium screens */
@media (min-width: 768px) 
{
  #header  {width: 100%;}
  #main {width: 50%;}
  #sidebar   {width: 40%;}
  #footer  {width: 100%;}
}

/* Large screens */
@media (min-width: 1000px) 
{
  #header  {width: 100%;}
  #sidebar {width: 30%;}
  #main {width: 60%;}
  #footer  {width: 100%;}
}