/* 30 Jan 2020 */

/* boilerplate items */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}
body {
    line-height: 1;
    overflow-x: hidden; /* Prevent scrollbar */
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
body {
    background: #002412;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    color: #FFF;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}
img {
    max-width: 100%;
    height: auto;
    border: 0 none;
    display: block;
    -ms-interpolation-mode: bicubic
}
a img {
    border: 0 none
}
h2,
p,
dl,
ul,
ol,
pre,
code,
tt {
    margin-bottom: 1.5em
}
a:focus {
    outline: #F90 thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 1px
}
a:hover,
a:active {
    outline: 0
}
embed,
object {
    max-width: 100%
}
svg:not(:root) {
    overflow: hidden
}
#googlemap img,
object,
embed {
    max-width: none
}
#map_canvas embed {
    max-width: none
}
#map_canvas img {
    max-width: none
}
#map_canvas object {
    max-width: none
}
/* div{border:1px solid red;}  for layout debug */

/* standard html items */

p {
    font-size: 1.0625em
}
h1
h2,
h3,
h4 {
    font-weight: 700
}
h1 {
    font-size: 1.875em;
    font-weight: 700;
    /* letter-spacing: -0.1em; for tighter tracking */
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #F1DFB7
}
h2 {
    font-size: 1.25em;
    line-height: 1.5625em;
    text-transform: uppercase;
    margin-top: 50px;
    color: #F1DFB7
}
h3,
h4 {
    font-size: 1.125em;
    margin: 42px 0 10px
}
h4 {
    color: #F1DFB7
}
h5,
h6 {
    font-weight: 700
}
h6 {
    color: #F1DFB7
}
b,
strong {
    font-weight: 700
}
ins {
    text-decoration: none;
    border-bottom: 1px dotted
}
ins:after {
    content: " [Updated]"
}
del {
    text-decoration: line-through
}
del:after {
    content: " [Deleted]";
    text-decoration: none
}
i,
em,
.bodyitalic {
    font-style: italic
}
ul {
    list-style-type: square;
    margin-left: 30px
}
ul.unbulleted li {
    list-style-type: none
}
.no-margin {
    margin-left: 0px
}
ol {
    list-style-type: decimal;
    margin-left: 30px
}
ol.lower-alpha li {
    list-style-type: lower-alpha
}
pre,
code {
    font-family: Consolas, "Liberation Mono", "Courier New", Courier, monospace;
    font-size: 1.125em;
    line-height: 1.5em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
abbr {
    font-size: 85%;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-bottom: 1px dotted #C00;
    cursor: help
}
a abbr {
    border: none
}
dfn[title],
abbr[title] {
    border-bottom: 1px solid #C00;
    cursor: help
}
blockquote {
    font-size: 1.125em;
    line-height: 1.5em;
    margin: 15px 30px 24px;
    padding-left: 15px;
    border-left: 2px solid #C00
}
blockquote cite {
    display: block;
    font-size: .875em;
    color: #FFF
}
blockquote cite:before {
    content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited {
    color: #F1DFB7
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}

/* special text class items */

.uppercase {
    text-transform: uppercase
}
.h1secondline {
    line-height: 30px
}
.sectiontitle {
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase
}
.smallheading,
.introwhite,
.intropara {
    font-weight: 700
}
.small_heading_cream,
.introcream {
    font-weight: 700;
    color: #F1DFB7
}
.smallheadinggrey {
    font-weight: 700;
    color: #444
}
.leftnav_smallheading {
    font-size: .875em;
    font-weight: 700
}
.greenbody {
    color: #002412
}
.greybody {
    color: #444
}
.creambody {
    color: #F1DFB7
}
.bodyindented20 {
    margin: 0 0 0 20px
}
.bodyindented75 {
    margin: 0 0 0 75px
}
.lastpara {
    margin: 0 0 46px
}
.author {
    margin: 10px 0 20px;
    color: #F1DFB7;
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: .0625em;
    word-spacing: .0625em
}
.datepublished,
.dateadded,
.datelastchanged,
.dateupdated {
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .0625em;
    word-spacing: .0625em
}
.datepublished:before {
    content: "Published: "
}
.dateupdated:before {
    content: "Updated: "
}
.dateadded {
    font-weight: 700;
    text-transform: none
}
.paneltext,
.redpaneltext,
.whitepaneltext {
    width: 600px;
    height: auto;
    padding: 20px;
    border-left: 1px solid #FFF
}
.paneltext {
    background-color: #111
}
.redpaneltext {
    background-color: #bb0606
}
.whitepaneltext {
    color: #444;
    background-color: #F5F5F5;
    border-left: 1px solid #444
}
.errorMessage {
    font-weight: 700;
    color: #C00;
    background-color: #FFF;
    width: 559px;
    height: auto;
    padding: 20px;
    border-left: 1px solid #FFF
}
.decorativequote {
    font-size: 1.25em;
    line-height: 1.625em;
    font-style: italic;
    word-spacing: .125em;
    letter-spacing: .125em;
    text-align: center;
    margin: 23px 15px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 15px 0
}
.highlight {
    color: #000;
    background: #FF0
}
.small,
.acknowledgement,
.acknowledgementheading {
    font-size: 80%
}
.acknowledgementheading {
    font-weight: 700;
    color: #F1DFB7
}
.pullquote {
    width: 130px;
    background: silver;
    color: #000;
    float: right;
    border: solid 1px #000;
    font-size: 14px;
    padding: 10px;
    margin: 0 0 20px 20px
}
.longquote {
    font-size: 1.125em;
    font-style: italic;
    word-spacing: 2px;
    letter-spacing: 2px;
    text-align: left;
    margin: 20px 20px 40px
}
.imageborder {
    border: 1px #FFF solid;
    padding: 20px;
    margin: 0 0 40px
}
.image-caption {
    display: block;
    width: 600px;
    background: #F5F5F5;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.35em;
    color: #111;
    margin: -26px 0 30px;
    padding: 10px
}
.linethrough {
    text-decoration: line-through
}
.hide {
    display: none
}

/* link items */

a:link {
    color: #F1DFB7;
    text-decoration: none
}
a:visited {
    color: #363;
    text-decoration: none
}
a:hover {
    color: #FFF;
    text-decoration: underline
}
a:active {
    color: #FFF;
    text-decoration: none
}

.subheadh5 {
    font-size: .9375em;
    font-weight: 700;
    margin: 20px 0 10px;
    padding: 10px 0 0;
    border-top: 1px solid #FFF
}
.icon:before {
    -o-transform: scale(1);
    text-decoration: none
}
.second-nav:before {
    content: "\2b";
    color: #FFF;
    margin: 0 .4em 0 -.9em
}
.second-nav:before:link {
    text-decoration: none
}
.second-nav:before:visited {
    text-decoration: none
}
.second-nav:before:hover {
    text-decoration: none
}
.second-nav:before:active {
    text-decoration: none
}

/* full screen width centered item out of container */

.full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    z-index: 999
}

/* footer nav items */

.footer-nav:before {
    content: "\2b";
    color: #FFF;
    margin: 0 .3em 0 -.9em
}
.footer-nav:before:link {
    text-decoration: none
}
.footer-nav:before:visited {
    text-decoration: none
}
.footer-nav:before:hover {
    text-decoration: none
}
.footer-nav:before:active {
    text-decoration: none
}

/* side accordian nav items */

#side-accordion-menu,
#side-accordion-menu ul,
#side-accordion-menu li,
#side-accordion-menu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    position: relative
}
#side-accordion-menu a {
    line-height: 1.5
}
#side-accordion-menu {
    width: 100%
}
#side-accordion-menu > ul > li {
    margin: 0 0 2px
}
#side-accordion-menu > ul > li:last-child {
    margin: 0
}
#side-accordion-menu > ul > li > a {
    padding: 0;
    margin: 20px 0 10px;
    font-size: .875em;
    font-weight: 700;
    display: block;
    color: #F1DFB7;
    border-top: 1px solid #FFF;
    position: relative
}
#side-accordion-menu > ul > li > a > span {
    color: #FFF;
    padding: 10px 0 0;
    display: block;
    font-size: .9375em;
    font-weight: 700
}
#side-accordion-menu ul li.open ul {
    display: block
}
#side-accordion-menu > ul > li > a:hover {
    text-decoration: none
}
#side-accordion-menu > ul > li.active {
    border-bottom: none
}
#side-accordion-menu > ul > li.active > a {
    background: #002412
}
#side-accordion-menu > ul > li.has-sub > a span {
    background: url(../main_assets/arrow-open.svg) center right no-repeat
}
#side-accordion-menu > ul > li.has-sub.visited > a span {
    background: url(../main_assets/arrow-open.svg) center right no-repeat
}
#side-accordion-menu > ul > li.has-sub.hover > a span {
    background: url(../main_assets/arrow-close.svg) center right no-repeat
}
#side-accordion-menu > ul > li.has-sub.active > a span {
    background: url(../main_assets/arrow-close.svg) center right no-repeat
}
#side-accordion-menu ul ul {
    display: none
}
#side-accordion-menu ul ul a {
    padding: 0 0 5px 12px;
    display: block;
    color: #F1DFB7;
    font-size: .875em
}
#side-accordion-menu ul ul a:visited {
    color: #363
}
#side-accordion-menu ul ul a:hover {
    color: #FFF;
    text-decoration: underline
}

/* rule and divider items */

hr {
    margin: 0.5em auto;
    border: none;
    height: 4px;
    background-color: #fff;
    color: #fff;
}
#divider,
.divider {
    clear: left;
    margin: 30px 0
}

 /* float items */

.clearfloat {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.clearleft {
    clear: left
}
.clearright {
    clear: right
}
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: " ";
    display: table
}
.clearfix:after,
.cf:after {
    clear: both
}
.clearfix,
.cf {
    *zoom: 1
}
.floatleft {
    float: left;
    margin: 0 21px 20px 0
}
.floatright {
    float: right;
    margin: 0 0 20px 21px
}

 /* form items */

#contactFormArea {
    margin: 50px 0 20px
}
fieldset {
    border: 0;
    margin: 20px 0 0;
    padding: 0
}
label {
    display: block;
    margin: 10px 0 5px
}
input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
text,
textarea,
select {
    width: 578px;
    font: 1em/1.5 Arial, Helvetica, sans-serif;
    color: #111;
    background: #F5F5F5;
    padding: 10px;
    margin: 5px 0 10px;
    border: 1px solid #FFF;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-appearance: caret;
    -moz-appearance: caret
}
legend {
    border: 0;
    padding: 0
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0
}
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-input-placeholder {
    color: #999
}
:-moz-placeholder {
    color: #999
}
::-moz-placeholder {
    color: #999
}
:-ms-input-placeholder {
    color: #999
}
.message p {
    vertical-align: top
}
.button {
    display: inline-block;
    color: #FFF!important;
    text-align: center;
    font: 1em/100% 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border-radius: 2px;
    padding: 15px 20px;
    cursor: pointer;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.button:hover,
.button:focus {
    text-decoration: none
}
.button:active {
    position: relative;
    top: 1px
}
.send {
    width: 20%!important
}
.orange {
    color: #FFF;
    border: 1px solid #da7c0c;
    background: #f78d1d
}
.orange:hover,
.orange:focus {
    background: #FF7E00
}
.outline {
    color: #FFF;
    border: 1px solid #FFF;
    background: none
}
.outline:hover,
.outline:focus {
    color: #000;
    background: #F5F5F5
}

 /* container items */

#container {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    overflow: auto
}
#content-container {
    clear: left;
    float: left;
    width: 1000px;
    overflow: hidden
}
#content {
    clear: left;
    float: left;
    width: 600px;
    margin: 50px 0 0 15px;
    display: inline
}
#content-full-width {
    clear: left;
    width: 1000px;
    margin: 50px 0 0 15px;
    padding: 15px;
    background: #F5F5F5
}
#leftnav,
#side-nav {
    float: right;
    width: 330px;
    margin: 53px 10px 40px 0;
    overflow: hidden
}
.strategium_content {
    width: 100%;
    height: auto;
    margin: 50px 0 0 15px
}
#header {
    width: 100%;
    height: 150px; /* 180px */
    /* background: url(../main_assets/header_emblem.jpg) no-repeat top right */
}
#headerlogo {
    width: 400px;
    height: 150px /* 180px */
}
#headerlogo a {
    display: block;
    width: 400px;
    height: 150px; /* 180px */
    background: url(../main_assets/df-header-title-large.svg) no-repeat 0 35px
    /* text-indent: -10000px */
}
/* #headerlogo a:hover {
    background: url(../main_assets/df-header-title.svg) no-repeat -396px 35px
} */
#announcement {
    width: 100%;
    background: #F1DFB7;
    color: #000;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em
}
#announcement p {
     margin-bottom: 0
}
#announcement a {
    font-weight: bold;
    color: #000
}
#announcement a:hover {
     color: #666
}
#navigation {
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    overflow: hidden
}
#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#navigation ul li {
    display: inline;
    margin: 0
}
#navigation ul li a {
    color: #FFF;
    height: 48px;
    text-align: center;
    display: block;
    float: left;
    padding: 12px 20px 0 21px;
    font-size: .75em;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out
}
#navigation ul li a:visited {
    color: #FFF
}
#navigation ul li a:hover {
    color: #000;
    background: #F5F5F5
}
#navigation ul li a:active {
    color: #FFF;
    background: #002412
}
#navigation a#pull {
    display: none
}
.news-panel {
    width: 600px;
    height: auto;
    margin: 0 0 46px;
    border-left: 1px solid #360;
    padding-left: 15px
}
.news-heading {
    font-size: 1.625em;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
    color: #F1DFB7;
    margin: 0 0 12px
}
.news-lead {
    font-size: 1.0625em;
    line-height: 1.5;
    margin: 0 0 12px
}
.news-added {
    font-size: .875em;
    font-weight: 700;
    margin: 0 0 12px
}
#mid-container {
    width: 100%;
    overflow: hidden;
    height: 55px;
    margin: 20px 0 0;
    padding: 0
}
#search-container {
    float: right;
    margin: 3px 0 0
}
.search-wrapper {
    width: 390px;
    margin-right: 0!important
}
.search-wrapper input {
    width: 300px;
    height: 38px;
    float: left;
    font: bold 1em 'Helvetica Neue', Arial, Helvetica, sans-serif;
    border: 0;
    background: #F5F5F5;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}
.search-wrapper input:focus {
    outline: 0;
    background: #FFF
}
.search-wrapper input::-webkit-input-placeholder {
    font-weight: 400;
    color: #999
}
.search-wrapper input:-moz-placeholder {
    font-weight: 400;
    color: #999
}
.search-wrapper input:-ms-input-placeholder {
    font-weight: 400;
    color: #999
}
.search-wrapper button {
    margin-top: 5px;
    margin-right: 0!important;
    overflow: visible;
    position: relative;
    float: right;
    cursor: pointer;
    height: 38px;
    width: 90px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    background: #F78D1D;
    border: 1px solid #F78D1D;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}
.search-wrapper button:hover {
    background: #FF7E00
}
.search-wrapper button:active,
.search-wrapper button:focus {
    background: #FF7E00;
    outline: 0
}
.search-wrapper button:hover:before {
    border-right-color: #FF7E00
}
.search-wrapper button:focus:before,
.search-wrapper button:active:before {
    border-right-color: #FF7E00
}
.search-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0
}

/* search results items */

.st-result-listing {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-top: 40px
}
div.swiftype div.st-result-listing div.st-result div.st-result-text div.st-metadata .st-snippet {
    color: #fff!important;
    font-size: 1em!important;
    letter-spacing: 0!important
}
div.st-search-summary {
    border-bottom: 1px solid #FFF;
    padding-bottom: 1.5em!important;
    margin: 1em 0!important
}
div.st-result-listing {
    width: 100%
}
div.st-result-listing h2 {
    font-size: 1em!important;
    font-weight: 400;
    color: #fff!important;
    margin: 0
}
div.st-result-listing h2 .st-query {
    font-size: 1em!important;
    font-style: normal!important;
    color: #fff!important
}
div.st-result-listing h3 {
    font-size: 1em!important;
    margin: 5px 0;
    color: #FFF
}
div.st-result {
    border-bottom: 1px solid #360!important;
    padding-bottom: 1.5em!important;
    margin-bottom: 1.5em!important
}
div.st-search-result-link {
    font-size: 1.25em!important
}
div.st-result.final {
    border-bottom: none;
    margin-bottom: 0
}
div.st-result .st-snippet em {
    font-style: italic!important;
    font-weight: 700!important
}
div.st-result .st-date {
    color: #FFF!important
}
.st-pagination {
    border-top: none!important;
    margin: .5em 0 1.5em!important;
    padding-top: 0!important
}
.st-prev {
    margin-right: 20px
}
.st-loading-message {
    font-size: 1em!important;
    font-style: italic;
    margin: 10px auto
}

/* social nav items */

#social-nav {
    float: left;
    display: inline-block;
    overflow: visible;
    width: 265px;
    height: 50px;
    padding: 11px 0 0 15px
}
#social-nav a.social {
    display: inline-block;
    position: relative
}
.social {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 5px;
    background: url(../main_assets/social-icons-3.svg) no-repeat
}
.rss {
    background-position: 0 0
}
.rss:hover {
    position: relative;
    top: 2px;
    background-position: 0 -32px
}
.twitter {
    background-position: -40px 0
}
.twitter:hover {
    position: relative;
    top: 2px;
    background-position: -40px -32px
}
.facebook {
    background-position: -80px 0
}
.facebook:hover {
    position: relative;
    top: 2px;
    background-position: -80px -32px
}

/* pagination items */

.pagination {
    display: block;
    text-align: center;
    height: auto;
    clear: both;
    margin: 10px 0;
    font-size: .75em;
    font-weight: 700
}
.pagination a:link,
.pagination a:visited {
    padding: 10px 15px;
    margin-right: 10px;
    text-decoration: none;
    color: #FFF;
    width: 20px;
    font-weight: 700;
    background: #002412
}
.pagination a:hover {
    color: #222;
    background: #F5F5F5
}
.pagination .current {
    padding: 10px 15px;
    margin-right: 10px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
    background: #F5F5F5
}
.pagination .disabled {
    padding: 10px 15px;
    margin-right: 10px;
    text-decoration: none;
    color: #005318;
    font-weight: 700;
    background: #001308
}
#footer-container {
    clear: both;
    width: 100%;
    height: 600px;
    margin: 20px 0 0;
    background: #000;
    border-top: 1px solid #000;
    box-shadow: inset 0 1px 0 #3d3d3d
}
.index-footer-container {
    margin-top: 0
}

/* footer content items */

#footer {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
    height: 400px;
    background: url(../main_assets/footer-icon.svg) no-repeat 868px 30px
}
#footercontent {
    float: left;
    width: 600px;
    height: auto;
    text-align: left;
    color: #fff;
    margin: 45px 0 0 -15px
}
#footercontent ul {
    list-style: none;
    padding: 0
}
#footercontent ul li {
    font-size: .875em;
    text-align: left;
    padding: 0 0 0 10px
}
#footercontent ul li a {
    color: #fff;
    text-decoration: none
}
#footercontent ul li a:visited {
    text-decoration: none
}
#footercontent ul li a:hover {
    color: #666;
    text-decoration: underline
}
#footercontent ul li a:active {
    text-decoration: underline
}
.quicklinks_heading {
    font-size: 1.0625em;
    color: #FFF;
    font-weight: 700;
    margin: 0 0 5px 30px
}
#footercopyright {
    clear: both;
    color: #fff;
    width: 100%;
    margin: 0 0 0 30px
}
#footercopyright a:link {
    color: #fff;
    text-decoration: none
}
#footercopyright a:visited {
    color: #fff;
    text-decoration: none
}
#footercopyright a:hover {
    color: #666;
    text-decoration: underline
}
#footercopyright a:active {
    color: #666;
    text-decoration: underline
}
.footercopyright {
    font-size: 1.125em;
    font-weight: 700
}

/* highlight panel items */

#black-panel-1,
#black-panel-2,
#black-panel-3,
#black-panel-4,
#black-panel-5,
#black-panel-6,
.black-panel,
.highlight-panel,
#red-panel-1,
#red-panel-2,
#red-panel-3,
#red-panel-4,
#red-panel-5,
#red-panel-6,
.red-panel,
.warning-panel,
#white-panel-1,
#white-panel-2,
#white-panel-3,
#white-panel-4,
#white-panel-5,
#white-panel-6,
.white-panel,
.example-panel {
    width: 600px;
    height: auto;
    margin: 0 0 23px;
    padding: 20px
}
#black-panel-1,
#black-panel-2,
#black-panel-3,
#black-panel-4,
#black-panel-5,
#black-panel-6,
.black-panel,
.highlight-panel {
    background-color: #022011;
    border-left: 3px solid #003319
}
#red-panel-1,
#red-panel-2,
#red-panel-3,
#red-panel-4,
#red-panel-5,
#red-panel-6,
.red-panel .warning-panel {
    background-color: #BB0606;
    border-left: 3px solid #FFF
}
#white-panel-1,
#white-panel-2,
#white-panel-3,
#white-panel-4,
#white-panel-5,
#white-panel-6,
.white-panel,
.example-panel {
    color: #444;
    background-color: #F5F5F5;
    border-left: 3px solid #444
}
#white-panel p.last,
.white-panel p.last,
.example-panel p.last {
    margin: 0
}

/* addthis items */

.addthis_button,
.addthis_toolbox,
.addthis_default_style,
.sharethis_widget {
    clear: both;
    border: 0;
    margin: 10px 0 23px
}
.addthis-heading {
    font-size: 1.5em;
    line-height: 2.25em;
    font-weight: 400;
    color: #f1dfb7
}

/* special class items */

.dropshadow-3 {
    -moz-box-shadow: 3px 3px 5px #000;
    -webkit-box-shadow: 3px 3px 5px #000;
    box-shadow: 3px 3px 5px #000
}
.bookcover {
    margin: 0 0 20px;
    -moz-box-shadow: 3px 3px 7px #111;
    -webkit-box-shadow: 3px 3px 7px #111;
    box-shadow: 3px 3px 7px #111
}

/* margin items */

.margin_bottom_10 {
    margin: 0 0 10px
}
.margin_bottom_20 {
    margin: 0 0 20px
}
.margin_bottom_40 {
    margin: 0 0 40px
}
.margin_top_bottom_40 {
    margin: 40px 0
}

/* multiple column items */

#multiple-cols {
    overflow: hidden;
    width: 600px;
    clear: both
}
#col1,
#col2,
#col3,
#col4 {
    float: left;
    width: 25%;
    display: inline
}
#columns-4 {
    clear: both;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    -webkit-column-width: 120px;
    -moz-column-width: 120px;
    column-width: 120px
    -webkit-column-rule: 1px dotted #fff;
    -moz-column-rule: 1px dotted #fff;
    column-rule: 1px dotted #fff;
}
#columns-3 {
    clear: both;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px
    -webkit-column-rule: 1px dotted #fff;
    -moz-column-rule: 1px dotted #fff;
    column-rule: 1px dotted #fff;
}
#columns-2 {
    clear: both;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px
    -webkit-column-rule: 1px dotted #fff;
    -moz-column-rule: 1px dotted #fff;
    column-rule: 1px dotted #fff;
}
.col-3rd {
    float: left;
    width: 200px;
    margin: 0 0 25px;
    display: inline
}

/* bottrap items */

.bottrap {
    font-size: .625em;
    line-height: 10px;
    left: -999px;
    z-index: -10;
    position: relative;
    color: #000;
    margin-bottom: 0
}

/* advert panel items */

#ad-wrap {
    width: 330px;
    margin: 0 0 46px;
    overflow: hidden
}
#ad1,
#ad2,
#ad3,
#ad4,
#ad5,
#ad6,
#ad7,
#ad8 {
    width: 155px;
    height: 155px;
    padding: 15px;
    text-align: center;
    background: #022011;
    border: 1px solid #003319
}
#ad1,
#ad3,
#ad5,
#ad7 {
    margin: 0 20px 20px 0;
    float: left
}
#ad2,
#ad4,
#ad6,
#ad8 {
    margin: 0 0 20px;
    float: left
}
#ad-full-width {
    width: auto;
    height: auto;
    padding: 40px;
    text-align: center;
    overflow: hidden;
    background: #022011;
    border: 1px solid #003319
}
.ad-space {
    width: 125px;
    height: 125px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle
}
#ad-space>iframe {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle
}
img.ad-centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* author panel items */

#about-author {
    width: 600px;
    margin: 42px 0 21px;
    height: auto;
    overflow: auto;
    padding: 20px;
    margin: 0 0 22px 0;
    background: #022011;
    border: 1px solid #003319
}
#about-author img {
    width: 80px;
    height: 80px;
    float: left
}
#about-author p {
    margin: 0 0 0 110px
}
#about-author h4 {
    margin: 0 0 0 110px
}

/* table items */

table.main,
table.armylist {
    font-size: .9375em;
    width: 100%;
    text-align: left;
    margin-bottom: 40px
}
table.main td.bold,
table.armylist td.bold {
    font-weight: 700
}
table.main th,
table.main td {
    border-bottom: 1px solid #FFF;
    padding: 10px 20px 10px 10px
}
table.main th {
    font-weight: 700
}
table.main td.highlight {
    background: #999
}
table.main td.total {
    font-weight: 700;
    background: #666
}
table.armylist th {
    border-bottom: 1px solid #002412;
    font-weight: 700;
    padding: 5px 20px 5px 10px;
    vertical-align: top;
    background: #666
}
table.armylist td {
    border-bottom: 1px solid #002412;
    color: #777;
    padding: 5px 20px 5px 10px;
    vertical-align: top;
    background: #FFF
}
table.armylist td.highlight {
    background: #999
}
table.armylist td.total {
    font-weight: 700;
    background: #666
}
td {
    vertical-align: top
}
.force-org-icon {
    max-width: 55px
}

/* gallery items */

.gallery-open img {
    margin: 0 0 9px 0
}
.gallery {
    height: auto;
    width: 600px;
    background: #F5F5F5;
    border: 1px solid #000;
    padding: 50px 50px 41px;
    margin: 30px 0 50px;
    overflow: hidden
}
.gallery-plain {
    height: auto;
    width: 600px;
    border: 0;
    padding: 0;
    margin: 30px 0 50px;
    overflow: hidden
}
.gallery img,
.gallery-plain img {
    float: left;
    display: inline;
    margin-bottom: 9px
}
.gallery img a:hover {
    border: 1px solid #000
}
.gallery .description {
    text-align: center;
    width: 160px;
    margin: 2px
}
.gallery .clearboth {
    clear: both
}
.intro {
    height: 130px;
    width: 498px
}
.intro100 {
    height: 100px;
    width: 498px
}
.intro127 {
    height: 127px;
    width: 498px
}
.intro140 {
    height: 140px;
    width: 498px
}
.intro294 {
    height: 294px;
    width: 498px
}
.intro300 {
    height: 300px;
    width: 498px
}
.intro374 {
    height: 374px;
    width: 498px
}
.intro456 {
    height: 456px;
    width: 498px
}
.left {
    height: 55px;
    width: 160px;
    margin: 0 9px 9px 0
}
.left-square {
    height: 160px;
    width: 160px;
    margin: 0 9px 9px 0
}
.left-square-large {
    height: 245px;
    width: 245px;
    margin: 0 8px 9px 0
}
.lefthalf {
    height: 175px;
    width: 245px;
    margin: 0 8px 9px 0
}
.lefthalf100 {
    height: 100px;
    width: 245px;
    margin: 0 8px 9px 0
}
.lefthalf248 {
    height: 248px;
    width: 245px;
    margin: 0 8px 9px 0
}
.leftthird {
    height: 498px;
    width: 160px;
    margin: 0 9px 9px 0
}
.left2x3 {
    height: 183px;
    width: 329px;
    margin: 0 9px 9px 0
}
.left2x4 {
    height: 247px;
    width: 329px;
    margin: 0 9px 9px 0
}
.left2x5 {
    height: 311px;
    width: 329px;
    margin: 0 9px 9px 0
}
.center {
    height: 55px;
    width: 160px;
    margin: 0 9px 9px 0
}
.center-square {
    height: 160px;
    width: 160px;
    margin: 0 9px 9px 0
}
.centersingle {
    height: 55px;
    width: 160px;
    margin: 0 0 9px 169px
}
.centersingle-square {
    height: 160px;
    width: 160px;
    margin: 0 0 9px 169px
}
.centerthird {
    height: 498px;
    width: 160px;
    margin: 0 9px 9px 0
}
.right {
    height: 55px;
    width: 160px
}
.right-square {
    height: 160px;
    width: 160px
}
.right-square-large {
    height: 245px;
    width: 245px;
    margin: 0 0 9px 0
}
.righthalf {
    height: 175px;
    width: 245px
}
.righthalf100 {
    height: 100px;
    width: 245px
}
.righthalf248 {
    height: 248px;
    width: 245px
}
.rightthird {
    height: 498px;
    width: 160px
}
.single {
    margin-bottom: 9px
}
.fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}
.fade:hover {
    opacity: .5
}

/* alphabet panel items */

#alphabet {
    float: left;
    width: 600px;
    margin: 0 0 44px
}
.alphabet {
    float: left;
    width: 600px;
    margin: 0 0 44px
}
#alphabet img {
    float: left;
    width: 60px;
    height: 60px
}
.alphabet img {
    float: left;
    width: 60px;
    height: 60px
}

/* librarium content items */

.librarium {
    width: 600px
}
.librarium li {
    list-style: none;
    width: 100px;
    min-height: 75px;
    float: left;
    text-align: left;
    margin: 0 10px 40px 0
}
.librarium li.last {
    margin: 0 0 40px
}
.librarium img {
    text-align: left
}
.floatleft_banner {
    float: left;
    margin: 0 15px 20px 0
}
.center_banner {
    display: block;
    margin: 0 auto 20px
}

/* cookie bar panel items */

#cookie-bar {
    background: #888;
    height: auto;
    font-size: 0.875em;
    line-height: 1.5em;
    text-align: left;
    padding: 1em;
}
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}
#cookie-bar p {
    margin: 0;
    padding: 0;
}
#cookie-bar a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    padding: 2px 10px;
    margin-left: 1em;
    cursor: pointer;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
#cookie-bar .cb-enable {
    background: #555;
}
#cookie-bar .cb-enable:hover {
    background: #333;
}
#cookie-bar .cb-disable {
    background: #bb0000;
}
#cookie-bar .cb-disable:hover {
    background: #990000;
}
#cookie-bar .cb-policy {
    background: #555;
}
#cookie-bar .cb-policy:hover {
    background: #333;
}

/* responsive items */

@media only screen and (max-width: 62.5em) {
    /* 1000px */
    /* 60 */
    /* #container{width:100%;float:none} */
    
    #header {
        width: 100%;
        float: none
    }
    #container,
    #footer {
        width: 90%;
        float: none
    }
    #content-container {
        width: 600px;
        margin: 0 auto;
        float: none
    }
    #mid-container {
        width: 100%;
        margin: 0 0 25px;
    }
    /* top, right and left, bottom */
    
    #content,
    #side-nav {
        width: 100%;
        float: none;
        margin: 0 auto
    }
    #footer {
        margin-top: 3.125em;
        float: none;
        height: auto
    }
    #footer-container {
        width: 100%
    }
    .index-footer-container {
        width: 100%
    }
    #footercontent {
        width: 600px;
        float: none;
        margin: 0 auto
    }
    .image-caption {
        width: 100%
    }
    #footerlinks {
        margin: 2.5em 0 0;
        float: none
    }
    #ad-wrap {
        width: 100%;
        float: none;
        margin: 0 0 2.875em;
        padding: 0
    }
    #ad1,
    #ad2,
    #ad3,
    #ad4,
    #ad5,
    #ad6,
    #ad7,
    #ad8 {
        float: left;
        margin: 0 8% 8% 0
    }
}
@media screen and (max-width: 60em) {
    #navigation {
        height: auto;
        width: 100%
    }
    #navigation ul {
        width: 100%;
        display: block;
        height: auto
    }
    #navigation li {
        width: 25%;
        float: left;
        position: relative
    }
    #navigation li a:link {
        border-bottom: 1px solid #FFF
    }
    #navigation li:nth-child(4) a:link {
        border-right: 0
    }
    #navigation li:nth-child(5) a:link,
    #navigation li:nth-child(6) a:link,
    #navigation li:nth-child(7) a:link,
    #navigation li:nth-child(8) a:link {
        border-bottom: 0
    }
    #navigation a:link {
        text-align: left;
        width: 100%
    }
}
@media screen and (max-width: 46.25em) {
    /* 740px */
    /* 37.5em */
    
    #content-container {
        width: 100%;
        margin: 10% 0 0;
        padding: .625em 0 0
    }
    #side-nav,
    #content,
    #header,
    #mid-container,
    #footercontent {
        width: 100%;
        float: none
    }
    #header {
        background: none
    }
    #mid-container {
        margin-top: 1.5em
    }
    #search-container {
        width: 100%;
        float: none;
        margin: 3px 0 0
    }
    .search-wrapper {
        width: 100%
    }
    .search-wrapper input {
        width: 67%;
        font-size: .9375em
    }
    .search-wrapper button {
        width: 33%
    }
    .search-wrapper input::-webkit-input-placeholder {
        font-size: .9375em
    }
    .search-wrapper input:-moz-placeholder {
        font-size: .9375em
    }
    .search-wrapper input:-ms-input-placeholder {
        font-size: .9375em
    }
    #side-nav {
        margin-top: 1.5em
    }
    #footer-container {
        height: auto
    }
    .index-footer-container {
        height: auto
    }
    .image-caption {
        width: 100%;
        height: auto
    }
    .news-panel {
        width: 100%;
        padding: 1em 0 1em 1em
    }
    .gallery,
    .gallery-plain {
        height: auto;
        width: 100%;
        padding: 1em;
        text-align: center;
    }
    .gallery img,
    .gallery-plain img {
        max-width: 100%;
        height: auto;
        float: none;
        margin: 0 0 0.5em 0
    }
    #multiple-cols {
        overflow: hidden;
        width: 100%;
        clear: both
    }
    #col1,
    #col2,
    #col3,
    #col4 {
        float: left;
        width: 50%
    }
    .4-cols,
    .3-cols {
        float: none;
        width: 100%
    }
    .2-cols {
        float: none;
        width: 50%
    }
    .col-3rd {
        float: none;
        width: 100%
    }
    #alphabet {
        float: left;
        width: 100%
    }
    .alphabet {
        float: left;
        width: 100%
    }
    #alphabet img {
        float: left;
        display: inline;
        width: 60px;
        height: 60px
    }
    .alphabet img {
        float: left;
        display: inline;
        width: 60px;
        height: 60px
    }
    #about-author {
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 15px;
        margin: 0 0 22px;
        background: #022011;
        border: 1px solid #003319
    }
    #about-author img {
        width: 60px;
        height: 60px;
        float: none;
        margin-bottom: 1em
    }
    #about-author p {
        font-size: .875em;
        line-height: 1.375em;
        margin: 0
    }
    #about-author h4 {
        font-size: .875em;
        line-height: 1.375em;
        margin: 0
    }
    #footercopyright {
        margin: 0 0 0 25px;
        font-size: 1em;
        line-height: 1.5em
    }
    #black-panel-1,
    #black-panel-2,
    #black-panel-3,
    #black-panel-4,
    #black-panel-5,
    #black-panel-6,
    .black-panel,
    .highlight-panel,
    #red-panel-1,
    #red-panel-2,
    #red-panel-3,
    #red-panel-4,
    #red-panel-5,
    #red-panel-6,
    .red-panel,
    .warning-panel,
    #white-panel-1,
    #white-panel-2,
    #white-panel-3,
    #white-panel-4,
    #white-panel-5,
    #white-panel-6,
    .white-panel,
    .example-panel {
        width: 100%;
        height: auto;
        margin: 0 0 1.5em;
        padding: .625em
    }
    #black-panel-1,
    #black-panel-2,
    #black-panel-3,
    #black-panel-4,
    #black-panel-5,
    #black-panel-6,
    .black-panel,
    .highlight-panel {
        background-color: #022011;
        border-left: 3px solid #003319
    }
    #red-panel-1,
    #red-panel-2,
    #red-panel-3,
    #red-panel-4,
    #red-panel-5,
    #red-panel-6,
    .red-panel .warning-panel {
        background-color: #BB0606;
        border-left: 3px solid #FFF
    }
    #white-panel-1,
    #white-panel-2,
    #white-panel-3,
    #white-panel-4,
    #white-panel-5,
    #white-panel-6,
    .white-panel,
    .example-panel {
        color: #444;
        background-color: #F5F5F5;
        border-left: 3px solid #444
    }
    #white-panel p.last,
    .white-panel p.last,
    .example-panel p.last {
        margin: 0
    }
    #navigation {
        border-bottom: 0
    }
    #navigation ul {
        display: none;
        height: auto
    }
    #navigation li {
        width: 100%;
        float: none;
        position: relative;
        border-right: 0
    }
    #navigation li a:link {
        border-right: 0;
        border-bottom: 1px solid #FFF
    }
    #navigation li:nth-child(5) a:link,
    #navigation li:nth-child(6) a:link,
    #navigation li:nth-child(7) a:link,
    #navigation li:nth-child(8) a:link {
        border-right: 0;
        border-bottom: 1px solid #FFF
    }
    #navigation a:link#pull {
        display: block;
        color: #FFF;
        height: 48px;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #FFF
    }
    #navigation a:link#pull:after {
        content: "";
        background: url(../main_assets/nav-icon.svg) no-repeat;
        width: 30px;
        height: 48px;
        display: inline-block;
        position: absolute;
        right: 1em;
        top: 15px
    }
    #navigation a:link#pull:visited {
        color: #FFF;
        background: #002412;
        border-bottom: 1px solid #FFF
    }
    #navigation a:link#pull:hover {
        color: #111;
        background: #F5F5F5;
        border-bottom: 1px solid #FFF
    }
    #navigation a:link#pull:hover:after {
        background: url(../main_assets/nav-icon-hover.svg) no-repeat
    }
    #navigation a:link#pull:active {
        color: #FFF;
        background: #002412;
        border-bottom: 1px solid #FFF
    }
    #navigation a:link#pull:active:after {
        background: url(../main_assets/nav-icon-close.svg) no-repeat
    }
    #cookie-bar {
        text-align: center;
    }
    #cookie-bar a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: block;
        border-radius: 2px;
        padding: 2px 10px;
        margin: 0.5em 0 0 0;
        cursor: pointer;
        -webkit-transition: background-color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out;
        transition: background-color 300ms ease-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    #cookie-bar .cb-policy {
        display: block;
        background: #555;
    }
}
@media only screen and (max-width: 30em) {
    /* 480px */
    
    #container,
    #footer {
        width: 90%;
        float: none
    }
    p {
        font-size: 1em;
        line-height: 1.5em
    }
    #mid-container {
        margin-top: 1em
    }
    #ad-wrap {
        display: none
    }
    #footer-container {
        height: auto;
        margin-top: .625em
    }
    .index-footer-container {
        height: auto;
        margin-top: .625em
    }
    #footer {
        height: 10em;
        margin: 0
    }
    #footercopyright {
        font-size: .875em;
        line-height: 1.375em;
        margin: 15px 0 0 15px
    }
    .footercopyright {
        font-size: 1em;
        line-height: 1.5em
    }
    .col-3rd {
        display: none
    }
    .wide-content {
        overflow: auto;
    }
}
@media only screen and (max-width: 22em) {
    /* 352px */

    h1 {
        font-size: 1.5em
    }
    blockquote {
        font-size: 1.125em;
        line-height: 1.5em;
        margin: 1em 1em 1.5em;
        padding-left: 0.625em
    }
    table.main,
    table.armylist {
        font-size: .9375em
    }
    .datepublished:before {
        content: ""
    }
    .dateupdated:before {
        content: ""
    }
    #header {
        height: 100px
    }
    #headerlogo {
        width: 200px;
        height: 100px;
        padding: 0
    }
    #headerlogo a {
        display: block;
        width: 200px;
        height: 100px;
        background: url(../main_assets/df-header-title-small.svg);
        background-position: 0 10px;
        background-size: contain;
        background-repeat: no-repeat;
        /* text-indent: -10000px */
    }
  /*  #headerlogo a:hover {
        background: url(../main_assets/df-header-title-large.svg) 0 10px/cntain no-repeat;
    } */
    #content-container {
        margin: 1em 0 0;
        padding: 0
    }
    #mid-container {
        margin: .5em 0 .25em
    }
    /* #search-container{width:100%;float:none;margin:3px 0 0}
.search-wrapper{width:100%}
.search-wrapper input{width:67%;font-size:.9375em}
.search-wrapper button{width:33%}
.search-wrapper input::-webkit-input-placeholder{font-size:.9375em}
.search-wrapper input:-moz-placeholder{font-size:.9375em}
.search-wrapper input:-ms-input-placeholder{font-size:.9375em} */
    
    #social-nav {
        display: none
    }
    .news-panel {
        padding: .3em 0 .3em .625em
    }
    .news-heading {
        font-size: 1.5em;
        line-height: 1.2em;
        margin: 0 0 0.625em
    }
    .news-lead {
        font-size: 1em;
        line-height: 1.5em;
        margin: 0 0 0.625em
    }
    .news-added {
        font-size: .875em;
        margin: 0 0 0.625em
    }
    .addthis-heading {
        font-size: 1.125em;
        line-height: 1.5em;
    }
}

/* print items */

@media print {
    * {
        background-color: #fff!important;
        background-image: none!important
    }
    body {
        width: 100%;
        margin: 30px;
        padding: 0;
        float: none;
        background: none;
        color: #000;
        font-size: 12pt;
        line-height: 21pt;
        margin-bottom: 21pt;
        font-family: Helvetica, Arial, sans-serif
    }
    img {
        margin: 1em 1.5em 1.5em 0;
        max-width: 100%!important;
        page-break-inside: avoid
    }
    a img {
        border: none
    }
    #content {
        width: 80%
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        page-break-after: avoid
    }
    h1 {
        font-size: 22pt;
        page-break-after: avoid
    }
    h2 {
        font-size: 16pt;
        text-transform: uppercase
    }
    h3,
    h4 {
        font-size: 15pt
    }
    h5,
    h6 {
        font-size: 12pt
    }
    .commandbriefingheadings {
        font-size: 16pt
    }
    code,
    pre {
        font: 10pt Courier, monospace;
        page-break-inside: avoid
    }
    b,
    strong,
    .smallheading,
    .intropara {
        font-weight: 700
    }
    .small_heading_cream {
        font-weight: 700;
        color: #666
    }
    i,
    em {
        font-style: italic
    }
    blockquote {
        border-left: 1px solid #999;
        page-break-inside: avoid;
        margin: 1.3em;
        padding: 1em;
        font-size: 10pt
    }
    hr {
        display: block;
        margin: 8px auto;
        border: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #666
    }
    .dateadded,
    .datelastchanged,
    .datepublished,
    .author {
        font-size: 10pt
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    p,
    blockquote,
    ul,
    ol,
    dl,
    pre,
    tr,
    img {
        page-break-inside: avoid
    }
    a:link,
    a:visited {
        background: transparent;
        font-weight: 400;
        text-decoration: underline;
        color: #08c
    }
    a:link[href^="http: //"]:after,
    a[href^="http: //"]:visited:after {
        content: " (" attr(href) ") ";
        font-size: 90%
    }
    a[href^="http: //"] {
        color: #08c
    }
    table {
        margin: 1px;
        text-align: left;
        page-break-before: always;
        page-break-after: always
    }
    th,
    td {
        border-bottom: 1px solid #333;
        padding: 4px 10px 4px 0
    }
    th {
        font-weight: 700
    }
    tfoot {
        font-style: italic
    }
    caption {
        margin-bottom: 2em
    }
    thead {
        display: table-header-group
    }
    #black-panel,
    #red-panel,
    #white-panel,
    #example-panel,
    #highlight-panel,
    .black-panel,
    .red-panel,
    .white-panel,
    .warning-panel,
    .example-panel,
    .highlight-panel {
        background-color: #444;
        color: #FFF
    }
    #header,
    #headerlogo,
    #footer-container,
    #footer,
    #footer-content,
    #footerlinks,
    #navigation,
    #side-nav,
    #search-container,
    #searchbox,
    #social_nav,
    #ad-wrap,
    #addthis_toolbox,
    .button,
    .orange {
        display: none
    }
}
/* http://www.cleancss.com/css-beautify/ */