@media print    { 
    .dgsPage { margin-left: -190px; /*width: 675px;*/ } 
    .dgsPage h1, .dgsPage h2, .dgsPage h3, .dgsPage h4 { margin: 0.6em 0; }
}

/***** overwrite DTS' css *****/
.thrColFixHdr #mainContent_2col { padding-left: 0; padding-top: 0; }
.thrColFixHdr #siteheader_2col div.dgsHeader img { margin: 0; padding: 0; border: 0; }

/***** Earth Day - Green Background *****/
/* .thrColFixHdr #container { background: #9DE69D; } */

/* ----------------------------------------------------------------------------------------------------------------------------
== LEFT NAVIGATION DIV CHIEF, LOCATION AND HOURS
** ---------------------------------------------------------------------------------------------------------------------------- */
.dgsDivision            { color: #727272; border: 1px solid #cccccc; letter-spacing: 2px; font-family: Arial; font-weight: 700; }
.dgsDivision div        { border-bottom: 1px solid #cccccc; font-size: 1em; padding: 10px 10px 10px 45px; line-height: 1.75em; }
.dgsDivision span       { display: inline-block; font-size: 0.7em; color: #054A73; letter-spacing: normal; line-height: 1.3em; }
.dgsDivision div.Chief          { letter-spacing: normal; padding: 10px; text-align: center; line-height: 1.4em; border-top: 1px solid #cccccc; }
.dgsDivision div.Chief img      { padding-bottom: 10px; width: 150px; }
.dgsDivision div.Location       { background:url(/DGS/Resources/images/gpsBlue.png) no-repeat; background-position: 10px 10px; }
.dgsDivision div.OfficeHours    { background:url(/DGS/Resources/images/clockBlue.png) no-repeat; background-position: 10px 10px; }
.dgsDivision div.Email          { background:url(/DGS/Resources/images/emailBlue.png) no-repeat; background-position: 10px 10px; line-height: normal; }
ul#menu_left li div.Location a  { background-color: transparent; color: #054A73; padding: 0; }
ul#menu_left li div.Email a     { background-color: transparent; color: #054A73; padding: 0; }
/* ----------------------------------------------------------------------------------------------------------------------------
== END OF LEFT NAVIGATION DIV CHIEF, LOCATION AND HOURS
** ---------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------
== Division Header and Top Menu (Links) Bar
** ---------------------------------------------------------------------------------------------------------------------------- */
.dgsHeader  { margin-top: 3px; overflow: hidden; }

/* Top Menu (Links) Bar */
.dgsMenuBar                 { /*float: left;*/ font-size: 1.1em; background-color: #eeeeee; width: 100%; text-align: center; margin: 3px 0; }
.dgsMenuBar ul              { list-style-type: none; margin: 0; padding: 0.3em 0; }
.dgsMenuBar ul li           { list-style-type: none; display: inline; padding: 0.25em 0; }
.dgsMenuBar ul li:before    { content:"| "; color: #355997; }
.dgsMenuBar ul li:first-child:before { content: ""; }
.dgsMenuBar ul li a         { padding: 0.25em 0.3em; color: #355997; font-weight: bold; }
.dgsMenuBar ul li a:hover   { padding: 0.25em 0.3em; border-radius: 0.25em; background-color: #355997; color: white; }

/* Variations */
.dgsMenuBar.bold                    { font-weight: bold; }
.dgsMenuBar.small                   { font-size: 1.15em; font-weight: 500; }
.dgsMenuBar.button                  { background-color: transparent; padding: 3px 0;}
.dgsMenuBar.button ul li            { border: 1px solid black; border-radius: 0.25em; background-color: lightgray; margin: 0 0.3em; }
.dgsMenuBar.button ul li:before     { content:""; }
.dgsMenuBar.button ul li a          { padding: 0.25em 0.5em; }
.dgsMenuBar.button ul li a:hover    { padding: 0.25em 0.5em; }

/* ----------------------------------------------------------------------------------------------------------------------------
== END OF Division Header and Top Links Bar
** ---------------------------------------------------------------------------------------------------------------------------- */

/***** include this class in the beginning <div> of every page *****/
.dgsPage        { float: left; margin-top: 0px; width: 100%; }    

/***** Page Title and Section Headings *****/
.dgsPage h1, .dgsPage h2, .dgsPage h3, .dgsPage h4 
                        { font-weight: 600; font-family: Verdana; margin: 0.6em 0; }
.dgsPage h1             { font-size: 1.6em; font-weight: 700; letter-spacing: 1px; border-bottom: 1px solid black; }
.dgsPage h1.dgsMyStyle  { text-align: center; color: white; background-color: orange; padding: 7px 10px; border-bottom: 4px solid lightgray; border-radius: 30px 30px 0 0; }


.dgsPage h1.dgsStyle { font-size: 2.0em; font-weight: 700; font-family:'Roboto', sans-serif; letter-spacing: 1px; color: #585858;  border-bottom: 0px solid #A4A4A4; }

.dgsPage h2             { font-size: 1.4em; letter-spacing: 1px; }
.dgsPage h2.dgsMyStyle  { color: white; background-color: #004c00; padding: 5px 15px; border-bottom: 1px solid black; border-top-right-radius: 20px; }


.dgsPage h3             { font-size: 1.2em; letter-spacing: 1px; }
.dgsPage h3.dgsMyStyle  { color: white; background-color: #9900cc; padding: 10px 20px; border-bottom: 1px solid black; border-top-left-radius: 40px; }
.dgsPage h3.dgsStyleh3  { color: white; background-color: #9900cc; padding: 10px 20px; border-bottom: 0px solid black; border-top-left-radius: 40px; }

.dgsPage h4             { font-size: 1.1em; }
.dgsPage h4.dgsMyStyle  { background-color: #e0e0e0; padding: 5px 10px; border: 1px solid #c0c0c0; border-bottom: 4px ridge #c0c0c0; border-radius: 20px 20px 0 0; }


.dgsPage a  { text-decoration: underline; font-weight: bold; }
.dgsPage a[href^="mailto:"]  { text-decoration: none; font-weight: normal; }

/***** Panels - two sub-panels with a divider *****/
.dgsPage div.Panels2            { position: relative; float: left; width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.dgsPage div.Panels2 div.left   { float: left; width: 45%; margin: 10px; padding: 0 1%; /*background-color: #eeeeee;*/ }
.dgsPage div.Panels2 div.right  { float: right; width: 45%; margin: 10px; padding: 0 1%; /*background-color: #eeeeee;*/ }
.dgsPage div.Panels2 div.divide { position: absolute; left: 50%; top: 10px; bottom: 10px; border-left: 1px solid #cccccc; }

/***** Image Link/Button *****/
/* span seems to work best for IE7+ and all other browsers */
.dgsPage span.dgsImageLink          { display: inline-block; border: 1px solid black; margin: 0; background-color: lightgray; border-radius: 5px; line-height: 2em; padding: 0 0.5em; }
.dgsPage span.dgsImageLink a        { margin: 0; font-size: 1em; text-decoration: none; }
.dgsPage span.dgsImageLink img      { vertical-align: middle; height: 1.1em; border: 0; }
.dgsPage span.dgsImageLink span     { line-height: 1.1em; }
.dgsPage span.dgsImageLink.small    { line-height: 1.8em; padding: 0 0.5em; font-size: 1.25em; border-radius: 6px; }
.dgsPage span.dgsImageLink.medium   { line-height: 2.1em; padding: 0 0.5em; font-size: 1.5em; border-radius: 7px; }
.dgsPage span.dgsImageLink.large    { line-height: 2.1em; padding: 0 0.5em; font-size: 2em; border-radius: 8px; }

.dgsPage span.dgsImageLink2         { display: inline-block; border: 1px solid black; margin: 0; background-color: lightgray; border-radius: 5px; padding: 0.25em 0.5em; }
.dgsPage span.dgsImageLink2 a       { margin: 0; font-size: 1em; text-decoration: none; }
.dgsPage span.dgsImageLink2 img     { height: 1.8em; border: 0; }
.dgsPage span.dgsImageLink2 span    { display: inline-block; }
.dgsPage span.dgsImageLink2.small   { padding: 0 0.5em; font-size: 1.25em; border-radius: 6px; padding: 0.5em 0.5em; }
.dgsPage span.dgsImageLink2.medium  { padding: 0 0.5em; font-size: 1.5em; border-radius: 7px; padding: 0.5em 0.5em; }
.dgsPage span.dgsImageLink2.large   { padding: 0 0.5em; font-size: 2em; border-radius: 8px; padding: 0.5em 0.5em; }

.dgsPage span.dgsImageLink3         { display: inline-block; border: 1px solid black; margin: 0; background-color: lightgray; border-radius: 5px; padding: 0.25em 0.5em; }
.dgsPage span.dgsImageLink3 a       { display: inline-block; margin: 0; font-size: 1em; text-decoration: none; }
.dgsPage span.dgsImageLink3 img     { vertical-align: top; height: 2.6em; border: 0; }
.dgsPage span.dgsImageLink3 span    { display: inline-block; }
.dgsPage span.dgsImageLink3.myStyle1    { font-weight: bold; text-align: center; }
.dgsPage span.dgsImageLink3.myStyle2    { background-color: transparent; border: none; }
.dgsPage span.dgsImageLink3.myStyle1    { border: none; }

.dgsPage span.dgsImageLink4          { display: inline-block; border: 1px solid black; margin: 0; background-color: lightgray; border-radius: 5px; line-height: 2em; padding: 0 0.5em; }
.dgsPage span.dgsImageLink4 a        { margin: 0; font-size: 1em; text-decoration: none; }
.dgsPage span.dgsImageLink4 img      { vertical-align: text-bottom; height: 1.1em; border: 0; }
.dgsPage span.dgsImageLink4.small    { line-height: 1.8em; padding: 0 0.5em; font-size: 1.25em; border-radius: 6px; }
.dgsPage span.dgsImageLink4.medium   { line-height: 2.1em; padding: 0 0.5em; font-size: 1.5em; border-radius: 7px; }
.dgsPage span.dgsImageLink4.large   { line-height: 3em; padding: 0 0.5em; font-size: 2em; border-radius: 8px; }

/* ----------------------------------------------------------------------------------------------------------------------------
== Panel - based on dl, dt, and dd
** ---------------------------------------------------------------------------------------------------------------------------- */
.dgsPage dl.dgsPanel    { border: 1px solid black; }
.dgsPage dl.dgsPanel dt { text-align: center; font-weight: bold; padding: 5px 10px; border-bottom: 1px solid black; }
.dgsPage dl.dgsPanel dd { margin: 0; padding: 5px 10px; }

/* Panel with Rounded Corners */
.dgsPage dl.dgsPanel.rounded    { border: 1px solid black; border-radius: 5px; }
.dgsPage dl.dgsPanel.rounded dt { border-radius: inherit inherit 0 0; }
.dgsPage dl.dgsPanel.rounded dd { border-radius: 0 0 inherit inherit; }

/* Variation Examples*/
.dgsPage dl.dgsPanel.ridgeBorder    { border: 4px ridge lightgray; }
.dgsPage dl.dgsPanel.grooveBorder   { border: 4px groove lightgray; }
.dgsPage dl.dgsPanel.lightGray      { background-color: #f0f0f0; }
.dgsPage dl.dgsPanel dt.lightBlue      { background-color: lightblue; }
.dgsPage dl.dgsPanel dd.lightGreen      { background-color: lightgreen; }

/* ----------------------------------------------------------------------------------------------------------------------------
== Panel with Shadow and other variations
** ---------------------------------------------------------------------------------------------------------------------------- */
.dgsPanelShadow {
    padding: 1em 1.5em; margin: 0; background: white; overflow: hidden; border-bottom: #cccccc;
    box-shadow: 5px 5px 5px #888888; border: 1px solid #cccccc;
    border-radius: 5px;
}
.dgsPanelShadow.people img  { border: 0; float: right; width: 80px; margin: 0 0 5px 10px; }
.dgsPanelShadow.people h4   { font-weight: 700; margin-top: 0; color: #aaaaaa; } 
.dgsPanelShadow.people hr   { color: #cccccc; }
.dgsPanelShadow.people span.email   { display: inline-block; float: right; }
.dgsPanelShadow.blue        { background-color: #E0F8F7; border: none; }
.dgsPanelShadow.green       { background-color: #D8F6CE; border: none; }
.dgsPanelShadow.yellow      { background-color: #F2F5A9; border: none; }
.dgsPanelShadow.gray        { background-color: #F2F2F2; border: none; }

/***** Common Styles *****/
div.dgsP        { margin: 1em 0; width: 100%; }         /* dgsP - div acting like a <p> */
.dgsFullWidth   { float: left; width: 100%; }           /* dgsFullPath - any element with 100% width and must float on left */

.dgsPage p.dgsSpecialNote       { background-color: #ffff99; padding: 0.75em; border: 2px dashed #ff5c5c; }
.dgsPage div.dgsSpecialNote     { background-color: #ffff99; padding: 0.75em; border: 2px dashed #ff5c5c; }

.dgsBold        { font-weight: bold; }
.dgsBold2       { font-weight: 600; }
.dgsItalic      { font-style: italic; }
.dgsBoldItalic  { font-weight: bold; font-style: italic; }
.dgsCaps        { text-transform: uppercase; }
.dgsTextCenter  { text-align: center; }
.dgsTextLeft    { text-align: left; }
.dgsTextRight   { text-align: right; }
.dgsShift20     { padding-left: 20px; }