/* Reset 
 * Based on html5doctor.com (http://html5doctor.com/html-5-reset-stylesheet/)
 */
abbr,
address,
article,
aside,
audio,
b,
body,
blockquote,
button,
caption,
canvas,
cite,
code,
del,
details,
dd,
dfn,
div,
dl,
dt,
em,
figcaption,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
time,
tfoot,
th,
thead,
tr,
var,
video {
    background: transparent;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    /* I added this one */
  margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* :hover hack for IE8 if no a:hover styles declared */
a:hover,
a:focus {
    cursor: pointer;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

b,
strong {
    font-weight: bold;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

em,
i {
    /* i for backwards compatibility or WYSIWYG insertion */
  font-style: italic;
}

em em {
    font-style: normal;
}

hr {
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

ins {
    text-decoration: none;
}

mark {
    font-style: italic;
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 
 * Based on normalize.css (http://github.com/necolas/normalize.css)
 */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* ========================================================================
   HTML5 display definitions
   ======================================================================== */
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
 display: none;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
    display: inline-block;
 *display: inline;
 *zoom: 1;
}

/* ========================================================================
   Base
   ======================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
    /** EDIT - ALREADY IN RESET */
  /*  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%;
    /* 2 */
  -ms-text-size-adjust: 100%;
/* 2 */ }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
textarea {
    font-family: sans-serif;
}

/* ========================================================================
   Typography
   ======================================================================== */
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 * dnf[title] from html Doctor HTML5 reset
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
    font-style: italic;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
    margin: 0 0 1.6em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
    quotes: none;
}

/* 2 */
q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ========================================================================
   Lists
   ======================================================================== */
/*
 * Corrects list images handled incorrectly in IE7
 */
/**
 * EDIT - CHANGED
 * DON'T TARGET HTML5 ELEMENTS IN THIS CASE, USE .NAV INSTEAD

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

*/
/* ========================================================================
   Embedded content
   ======================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    /* border: 0; /* 1 */
  -ms-interpolation-mode: bicubic;
/* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
    overflow: hidden;
}

/* ========================================================================
   Forms
   ======================================================================== */
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
    /* border: 0; /* 1 *
padding: 0; */
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
/* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
  margin: 0;
    /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
/* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
    line-height: normal;
/* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
/* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
/* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
  -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
I have a more extended rule
*/
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="search"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
 padding: 0;
 margin: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
    overflow: auto;
    /* 1 */
  vertical-align: top;
/* 2 */ }

/* Clearfix for modern browsers */
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
 *zoom: 1;
}

.note {
    font-size:large;
    margin-bottom:.5em;
    padding: 1em 3%;
    border: solid 1px #ccc;
    background: #eee;
    border-radius: 1em;
}

/* Common
 */
/* ========================================================================
   Layout
   ======================================================================== */
@media screen {

/* Image Replacement (non-transparent images)
   * http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
  -----------------------------------------------*/
    .ir {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.ir:before {
    display: -moz-inline-block;
    /* for Firefox 1.5 & 2 */
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

/* :hover hack for IE8 if no a:hover styles declared */
    .ir:hover {
    cursor: pointer;
}

/* IE 6/7 */
    .ir {
 *text-indent: -9999em;
}

/* hack for IE6 */
    .ir:hover {
    _margin: 0;
}

  /* Image Replacement (transparent images)
  /* http://nicolasgallagher.com/another-css-image-replacement-technique/
  -----------------------------------------------*/
    .ir-transparent {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

/* Hidden
     ======================================================================== */
    .hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide visually, make available for screenreaders by Thierry Koblentz - http://yaccessibilityblog.com/library/css-clip-hidden-content.html */
    .ac-hiddenvisually {
    border: 0 !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden;
    position: absolute !important;
    width: 1px !important;
}

.ac-hiddenvisually:active,
 .ac-hiddenvisually:focus {
    clip: auto;
    height: auto !important;
    overflow: visible;
    position: static !important;
    width: auto !important;
}

}

/* Default
 * Default states for basic display. 
 * If all else fails, these styles give a readable page.
 * Closely related to reset.css.
 * See "Sychronoized with reset styles" block
 */
/* ==========================================================================
   Typography
   ========================================================================== */
/* HTML elements
	========================================================================== */
a {
    text-decoration: none;
    border-bottom: solid 1px black;
    padding-bottom: 1px;
}

html {
    font: 100%/1.4 Helvetica, Arial, sans-serif;
}

input,
select,
textarea {
    font-size: 1em;
    line-height: 1;
}

small {
    font-size: 75%;
}

/* Classes
	========================================================================== */

/* ==========================================================================
   Layout
   ========================================================================== */
@media screen {

/* HTML elements
  	========================================================================== */
    fieldset {
    border-width: 1px;
    border-style: solid;
    margin: 0 0.25em;
    padding: 0.35em 0.625em 0.75em;
}

p {
    margin-bottom: 1em;
    display: block;
    float: none;
}

table {
    margin: .5em 0;
}

td,
 th {
    padding: 0.25em 0.4em;
    vertical-align: top;
}

th {
    font-weight: bold;
}

select {
	max-width:300px;
}
/* Classes
  ========================================================================== */

/* vcard
     ======================================================================== */
    .vcard a {
    position: relative;
}

.vcard ul {
    list-style: none;
    list-style-type: none;
    /* CHANGE */
    margin-left: 0;
    padding-left: 0;
    /* CHANGE */ 
margin-bottom:0;
}

.vcard li {
    float: left;
}

.vcard li:last-of-type a:after,
 .vcard-sites li:last-of-type a:after {
    content: "";
}

}

/* ==========================================================================
   Color
   ========================================================================== */
/* HTML elements
	========================================================================== */
fieldset {
    border-color: #c0c0c0;
}

html {
    background-color: #fff;
    color: #000;
}

/**
 * Sychronoized with reset styles
 */
hr {
    border-color: #ccc;
}

ins {
    background-color: #ff9;
    color: #000;
}

mark {
    background-color: #ff9;
    color: #000;
}

.error {
display:block;
color:#ff0000;
}
/**
 * Sychronoized with reset styles
 */
 
 /* Generic styles for a responsive site.
 * Handles:
 * 	responsive images 
 *		markup that's only included ina responsive site.
 * Only included if responsive module is turned on.
 *
 */
/* ========================================================================
   Layout
   ======================================================================== */
@media screen {

img,
embed,
object,
video {
    height: auto;
    -ms-interpolation-mode: bicubic;
    /* fix for IE7 & IE8 */
    max-width: 100%;
    /* width\9: auto; /* IE8 Should be OK for 7 */
    _width: 100%;
}

img {
    display: block;
    margin: 0 auto;
}

}

/* ========================================================================
   Color
   ======================================================================== */
/*
 * ==========================================================================
 *  Typography
 * ========================================================================== 
 */
/* HTML elements
 * ========================================================================== */

a {
    padding: 0 0.1em;
}

b {
    font-weight: normal;
}

h1 {
}

h2 {
    font: 600 1.9em/1.5 "sirba-web", Georgia, "Times New Roman", Times, serif;
    margin-bottom:.25em;
}

h3 {
    font: 600 1.25em/1.5 Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: .5em;
}

h5 {
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: .075em;
    line-height: 1.2;
    margin-bottom: .5em;
}

h6 {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .5em;
}

html {
  line-height: 1.6;
}

/* Classes
 * ========================================================================== */

.u-masthead {
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
}

.u-masthead-subhead {
    font: inherit;
    font-size: .6em;
    font-style: normal;
    font-weight: normal;
}


.vcard {
    font: 0.9em Verdana;
}

form[name="qdbform"] .recNumber {
    margin-bottom:0;
}

label.termsConditions {
    text-align:left;
}

/**
 * ==========================================================================
 * Layout
 * ========================================================================== 
 */
 
@media screen {

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* HTML elements
   * ========================================================================== */
  
  a {
    -webkit-transition: top 50ms linear;
    -moz-transition: top 50ms linear;
    -ms-transition: top 50ms linear;
    -o-transition: top 50ms linear;
    transition: top 50ms linear;
    -webkit-backface-visibility: hidden;
}

a:hover,
 a:focus {
    padding-bottom: 2px;
}

.l-content a:hover,
.l-content a:focus,
.l-footer a:hover,
.l-footer a:focus, {
    position: relative;
    top: -1px;
}

.l-content a:active,
.l-footer a:active {
    position: relative;
    top: 1px;
}

body {
    border-radius: .5em;
    box-shadow: 0px 0px 15px 5px #323232;
    box-shadow: 0px 0px 15px 5px rgb(50, 50, 50);
    box-shadow: 0px 0px 15px 5px rgba(50, 50, 50, 0.5);
    float: left;
    margin: 0 auto;
    width: 100%;
  }

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.6em;
}

html {
    margin: 0 auto;
}

form[name="qdbform"] {
    margin-bottom:1em;
    text-align:center;
}

form[name="qdbform"] table {
    margin-bottom:2em;
}

input[type="radio"],
 input[type="checkbox"] {
    float: left;
    margin-right: 1%;
    margin-top: .25em;
    display: block;
}

.label {
    display: block;
    font-weight: normal;
}

label input[type="checkbox"] {
    float:right;
}

legend {
    font-weight: bold;
    padding:0 1em;
    text-align:left;
}

fieldset {
    font-size: .9em;
    padding: 2% 4%;
}

td,
th {
    text-align: left;
}

table td {
	display:block;
    padding:.25em .4em 0;
}

.requiredDescription {
    color:red;
    font-size:.9em;
    margin:1em auto 0;
    width:75%;
}

.labelRequired:after {
    content:'\002A';
    color:red;
    margin-left:.25em;
}

/* Classes
   * ========================================================================== */
  
.displayNone {
    display:none;
}

.l-header a {
    display:block;
    border-bottom:0;
}

.l-header a:hover {
    background-color:transparent;
    padding-bottom:0;
    text-shadow:none;
}

/* Page-level layout
  	========================================================================== */

	 legend{
            white-space:nowrap;
        }
        
        [type="submit"]{
            margin-top:2em;
        }
        
        .formContainer{
            margin: 0 auto;
        }
        
        .formSection {
            margin: .75em auto.5em;
            border-bottom:solid 1px #ccc;
            color:#334966;
            font-weight:normal;
            font-size:1.4em;
            font-family:verdana;
        }
        
        .requiredDescription{
            text-align:right;
        }
        
        .note{
            text-align:center;
        }
        
        input[type="checkbox"]{
            float:right;
            text-align:right;
        }

.note{
            width:75%;
            margin:0 auto;
        }

.u-masthead-subhead {
    display:block;
}
        
.chronicDiseaseName {
    text-align:center;
    padding:1.25% 5%;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:2.2em;
    background-color:#f6fae8;
    color:#334966;
    font-weight:bold;
    border-bottom:solid 1px #334966;
}

.chronicDiseaseInfo {
    float:left;
    width:100%;
    margin-top:2em;
    padding:0 5% 3%;
}

.font-small{
font-size:.9em;
}

.note-small{
font-size:.8em;
display:block;
margin-top:.5em;
}

.image-oneCity {
    position:absolute;
    top:2%;
    right:.5%;
}

.dcLogo {
    position:absolute;
    top:1.5em;
    left:3%;
}

.dcLogo {
    border-bottom:0;
}

.u-masthead {
    color:#fff;
    text-align:center;
    margin:3em 0 0;
}

b {
    font-weight:bold;
}

.l-header {
    border-top:#b50100 3px solid;
    position:relative;
    overflow:hidden;
    background-color:#334966;
    min-height:91px;
}

.l-content {
    position: relative;
}

.l-content li {
    padding-bottom: .5em;
}

.l-footer {
    float: left;
    width: 100%;
    padding-bottom:3%;
    background-color: #f6fae8;
    font-size:.9em;
	border-top:solid 1px #334966;
}

.l-header {
    margin: 0 auto;
    z-index: 2;
    padding:1.25em 3% 1em 3%;
}

.l-main {
    float: left;
    width:100%;
    position:relative;
}

.nowrap {
    white-space:nowrap;
    font-weight:normal;
}

.vcardSite {
    position: relative;
}

.vcardSiteLocality,
 .vcardSiteStreetAddress {
    display: block;
  }

.vcardSiteLocality {
    float:left;
    margin-right:.3em;
}

.vcardSitePOBox {
    display: block;
}

.vcardSiteLocality:after {
    content: '\002C';
}

.vcard li {
    float: none;
}

.panel-footer {
    margin-bottom:5%;
}

.panel-footer--extra {
    float:left;
    line-height:1.4;
    margin-top:3%;
    text-align:center;
}

.panel-footer--extra p {
    margin-bottom:1%;
}

input[type="checkbox"].belowFPL {
    float:left;
    margin-top:.4em;
}

.formSectionBelowFPL label {
    font-weight:bold;
}

.formSectionBelowFPL legend {
    padding-right:2em;
}   

.vcardSiteInfo {
    margin-top:0;
}

.vcardSiteInfo li {
    margin-bottom: .25em;
}

.vcardSiteInfo li:last-child {
    margin-bottom:0;
}

.vcardSiteOrg {
    border-bottom: solid 1px #334966;
    display: block;
    margin-bottom: 2%;
    font-size: 1.3em;
}

.vcardSite a {
    margin-right: 0;
}

.vcardSite a::after {
    content: '';
}

.vcardSite {
    padding: 3% 3% 0;
    float: left;
    width: 100%;
}

.vcardSiteInfo li {
    float: none;
}

/* vcardSite
   * ========================================================================== */
  
   .panel-footer {
        float:left;
        margin-right:3%;
        width:100%;
        line-height: 1.6;
    }

.panel-footer--address {
    width:auto;
}
   
    .panel-footer--extra {
     	margin-right:0;
        margin-top:5%;
	    width:100%;
        white-space:nowrap;
	}

    .panel-footer--dohLogo {
        margin-top:5%;
	}
	 
}

@media only screen and (min-width: 25em) {	
    
    .u-mastheadContainer {
	    width:90%;
	    margin: 0 auto;
	}
	
    body {
	    margin: 0 auto 4% auto;
	}
	
	html {
	    width: 90%;
	}

}

@media only screen and (min-width: 30em) {
    
    .panel-footer--extra {
	    text-align:left;
	}
	
    .panel-footer {
	    width:auto;
	}
	
    .panel-footer--connect {
        width:48%;
    }
    
    .panel-footer--dohLogo {
        margin-top:5%;
        float:right;
    }

}

@media only screen and (min-width: 36em) {
	
    h3 .label {
	    text-align:left;
    }
    
    .label {
	    text-align:right;
	}
    
    table td {
        display:table-cell;
	    padding:.5em .4em 0;    
    }
    
    .panel-footer--extra {
        width:60%;
    }
    
	.panel-footer--connect,
    .panel-footer--officeHours,
    .panel-footer--address {
        width:30%;
    }
    
    .panel-footer {
	    margin-bottom:0;
	}
    
    .formSectionContainer {
         margin:0 auto;
    }
	
}

@media only screen and (min-width: 40em) {

	.u-masthead {
	    margin:0;
	}
    
	.u-masthead {
	    font-size: 1.5em;
	}
   
}
    
@media only screen and (min-width: 50em) {
       
    .panel-footer--connect {
        margin-right:0;
    }
    
    .panel-footer--connect,
    .panel-footer--officeHours {
    	width:28%;
    }
    
    .panel-footer--extra {
    	margin-top:3%;
        text-align:left;
        width:auto;
    }

    .panel-footer--dohLogo {
        float:right;
        width:auto;
        margin-left:3%;
        margin-top:3%;
	}
	
	body {
	    padding-top: 0;
	    border-top: none;
	}
	
	.l-footer {
	    border-top: solid 1px #334966;
	}
	
	.l-header {
	    position: relative;
	}
	
	.l-main {
	    float: left;
	    width: 100%;
	  }
	
    .vcardSiteInfo {
	    float: left;
	}
	   
    .formContainer {
        width:75%;
    }
    
}

@media only screen and (min-width: 55em) {

	.panel-footer--extra {
        float:left;
        text-align:left;
    }
    
    .u-masthead {
	    font-size: 1.9em;
	}
    
}

@media only screen and (min-width: 60em) {
    
    .u-masthead {
	    font-size: 2.15em;
	}
    
    .panel-footer {
        width:19%;
        margin-top:0;
        margin-right:2%;
    }
    
    .panel-footer--officeHours {
    	width:15%;
    }
    
    .panel-footer--connect {
        width:17%;
    }
    
    .panel-footer--extra {
        width:17%;
        white-space:normal;
    }
    
    .panel-footer--dohLogo {
        margin-right:0;
        width:15%;
        margin-left:0;
    }
    
}

@media only screen and (min-width: 76em) {

	html {
    	max-width:1100px;
	}

}

/*
 * ==========================================================================
 * Color
 * ========================================================================== 
 */
/* HTML elements
 * ========================================================================== */

a {
    border-bottom-color: #0157B0;
    color: #0157B0;
}

a:hover,
a:focus {
    background-color: #ecedda;
    color: #4d4c39;
    border-bottom-color: #ecedda;
    text-shadow: 0 0.1em 0.1em #eeeeee;
}

a:visited {
    border-bottom-color: #bbb;
    color: #888;
}

a:visited:hover,
a:visited:focus {
    background-color: #ccc;
    border-bottom-color: #ccc;
    color: #333;
}

body {
    background-color: #FCFFFD;
}

html {
    background-color:#d8d6c5;
    background-color:rgb(216, 214, 197);
    color: #333;
}

h3 {
    color: #444;
}

h4 {
    color: #666;
}

h5 {
    color: #333;
}

/* Classes
 * ========================================================================== */
html {
    visibility:hidden;
}

button,
input[type="submit"] {
    color: #333;
    background-color: #ddd;
    padding:.5em 1em;
    font-weight: bold;
}

button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
    background-color: #ecedda;
}

.l-main {
    background-color: #fcfffd;
}

 .u-navsite-level-2 a:hover, .u-navsite-level-2 a:visited:hover, .u-navsite-level-2 a:foccus, .u-navsite-level-2 a:visited:focus {
 color: #3d663d;
}

.u-masthead-subhead {
    color: #bbb;
}

::-webkit-input-placeholder, :-moz-placeholder {
 color: #0f334d;
}

:hover::-webkit-input-placeholder, :hover:-moz-placeholder:hover, :focus::-webkit-input-placeholder, :focus:-moz-placeholder:focus {
 color: #000;
}

.vcard-org a {
    background: none;
    border-bottom: 0;
    color: #254b28;
    padding-bottom: 0;
}

.vcardSiteOrg a,
.vcardSiteOrg a:visited {
    color: #0157B0;
}

.show {
    visibility:visible;
}

 @media only screen and (min-width: 40em) {

.u-masthead {
    color:#fff;
}
}
 @media print {

* {
    background:transparent !important;
    color:black !important;
    text-shadow:none !important;
    filter:none !important;
    -ms-filter:none !important;
}
 @page {
 margin:1.5cm 1cm;
}

a,
 a:visited {
    color:#444 !important;
    text-decoration:underline;
}
	
body {
    margin:1em 2em;
}

h1 {
    margin-top:0;
}

h2,
 h3 {
    page-break-after:avoid;
}

h2,
 h3,
 p {
    orphans:3;
    widows:3;
}

img {
    max-width:400px;
    height:auto;
}

img,
 tr {
    page-break-inside:avoid;
}

p {
    margin-bottom:1em;
}

pre,
 blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
}

thead {
    display:table-header-group;
}

.l-footer {
    margin-top:2em;
}

.l-header {
    margin-top:0;
}