h1 {display:block; padding:0; text-align:center; font-size:1.4em}
.h1 {text-align:left}

h3 {font-size:1.2em}

.privacy_chart    {margin:0 auto; background-color:#eeeeee; border:1px solid #666666; width: 72%;}
.privacy_chart h3 {margin:0; padding:9px; font-size:1em; font-weight:bold; text-align:center; background-color:#dddddd}

.inner_box {padding:5px; background-color:#ffffff; margin:0 9px 9px 9px; border:2px solid #000000}
.inner_box br      {display:none}
.inner_box p       {margin:8px 0px}
.inner_box .state  {display:inline-block; width:55%; text-align:left; white-space:nowrap}
.inner_box .notice {display:inline-block; width:30%; text-align:center; white-space:nowrap}
.inner_box .date   {display:inline-block; width:12%; text-align:right; white-space:nowrap}
.inner_box.col_header {border:none; margin-top:1px; margin-bottom:0px; background-color:transparent}

ul.cols {height:120px}
ul.cols li {display:block; width:140px; float:left; margin-top:3px}
ul.cols li:before {content:'\2022 '; font-size:large; padding-right:5px}
ul.cols li.row {clear:both}

.footer {display:block; clear:both}
.footer_left   {width:33%; float:left;  font-size:smaller; white-space:nowrap; padding-bottom:1em; text-align:left}
.footer_right  {width:33%; float:right; font-size:smaller; white-space:nowrap; padding-bottom:1em; text-align:right}
.footer_middle {width:34%; float:left;  font-size:smaller; white-space:nowrap; padding-bottom:1em; text-align:center}

@media print {.noprint {display:none}}

/* RESPONSIVE BREAKPOINTS */

@media screen and (min-width:545px)
{
 .nav {margin-top:2.6em}
 .nav ul {position:relative; left:-10px}
 .nav li {margin-top:4px}
}

@media screen and (min-width:760px) {.nav ul {position:relative; left:-10px}}
@media screen and (min-width:775px) {.nav {margin-right:1em}}

@media screen and (max-width:544px)
{
 .nav {margin-right:0; margin-top:0}
 .nav ul {position:relative; left:-10px}
 .nav li {margin-top:3px}

 h1 {display:block; clear:both; padding:0px; text-align:left; font-size:1.2em}

 .inner_box {margin:20px 0 0 0; padding:0; border:none; background-color:transparent}
 .inner_box br      {display:block}
 .inner_box p       {line-height:1.3}
 .inner_box .state  {display:block; width:auto; text-align:left}
 .inner_box .notice {display:block; width:auto; text-align:left}
 .inner_box .date   {display:block; width:auto; text-align:left}
 .inner_box .date:before {content:"Revised "}

 .inner_box.col_header, .inner_box.other .notice {display:none}

 .privacy_chart {margin:0; padding:0; border:none; background-color:transparent}
 .privacy_chart h3 {display:none}

 ul.cols li {display:block; width:130px; float:none; margin-top:3px; list-style-type:disc}
 ul.cols li.row {clear:both}
}

@media screen and (max-width:320px)
{
 h1 {text-align:left}
 .footer_left, .footer_middle, .footer_right {width:auto; float:none; text-align:left}
}