/* RESPONSIVE */

/* default for smallest screens */
body {   
  background: url(../images/dpg-sidepanel-1-2000.png);
	font-family: "Georgia", "Buenard", serif;
	font-size: 14px;
    color: #555;
  }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#ch-main-content { 
  position: relative; 
  top: 0px; 
  max-width: 960px; 
  margin: auto; 
  padding-top: 0px;
  text-align: center;
  background: black;
  border-radius: 6px ;
  }
.w3-row-padding { padding: 0 2px; }
.ch-banner {
  position: relative;
  top: 0px;
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  text-align: left;
  color: #777777;
  }
#ch-banner-title  {
  width: 100%; 
  }
#ch-banner-title  img {
  width: 100%; 
  max-width:360px; 
  padding: 10px 10px;
  }
#ch-banner-contact {	
  position: relative;
  padding: 10px 20px 10px 20px;
  text-align: right;
  color: aqua;
  font-size: 18px;
  font-weight: bold;
  } 
#ch-banner-contact a { color: aqua; text-decoration: none; }
#ch-banner-contact a:hover { color: aqua; text-decoration: underline; }
.ch-banner-email {	
  font-size: 15px;
  } 
.ch-menu {
  float: right; 
  padding: 0px 20px 0px 0px;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 15px;
  }
.ch-menu-item {
  padding: 0px 4px 8px 4px;
  }
.ch-content-background {
  background: url(../images/dpg-background.jpg) repeat-y top center;
  }
.ch-content {
  position: relative; 
  top: 0px; 
  max-width: 900px; 
  height: auto;
  margin: 0px auto;
  font-size: 16px;
  font-weight: normal;
  line-height: 180%;
  text-align: left;
  }
.ch-flex { display: block; }
.w3-topnav { display: none; }
.ch-closenav { display: none; }
.ch-lh-300 { line-height: 300%; }
.ch-lh-180 { line-height: 280%; }
.ch-lh-160 { line-height: 160%; }
.ch-nav { margin-top: 4px; font-size: 12px; z-index: 999; }
.ch-menu-button { 
  width: 100%; 
  border-radius: 4px; 
  margin: 4px 0.5% 0 0.5%; 
  background-color: rgb(0,114,167); 
  color: rgb(255,228,0); 
  padding: 0; 
  font-weight: bold; 
  font-size: 15px; 
  }
.ch-input-box { border-radius: 10px; border: 1px solid gray; padding: 8px; margin: 2px 0; }
::-webkit-input-placeholder { color: gray; } 
:-moz-placeholder { color: gray; } 
::-moz-placeholder { color: gray; } 
:-ms-input-placeholder { color: gray; } 
.ch-retry-code { border:1px solid #990000; background-color:#d70000; color:#ffffff; display: inline; padding:2px 4px 2px 4px; }
table.ch-table td,th { padding:6px 8px; display:table-cell; vertical-align:top; }
h1,h2,h3,h4,h5,h6 { margin: 6px 0 0 0; font-family: "Georgia", "Buenard", serif; }
#ch-footer { margin: 0 20px; }
.ch-footer { background: rgb(81,138,123); border-radius: 0 0 6px 6px;}
.ch-footer-text { font-size: 14px; font-weight: bold; }
.ch-footer-copy { font-size: 12px; }
.ch-topmenu-padding { padding-top: 10px; }
.ch-topmenu-nbsp { display: none; }
.ch-mob-dispnone { display: none; }
.ch-mob-center { text-align: center; }
.ch-mob-txt-column { max-width: 100%; }
.ch-dsk-mtop20 { margin-top: 0px; }
.ch-mob-mtop20 { margin-top: 20px; }
.ch-601-766-disp { display: none; }
.ch-640-766-disp { display: none; }
  
@media only screen and (min-width:360px) {
  .ch-footer-text { font-size: 16px; }
  }
  
@media only screen and (min-width:480px) {
  .w3-row-padding { padding: 0 8px; }
  }

@media only screen and (min-width:601px) {
  .ch-flex {  
    display: -ms-flexbox;    
    display: -webkit-flex;    
    display: flex;
    }
  .ch-lh-300 { line-height: 300%; }
  .ch-lh-180 { line-height: 180%; }
  .ch-lh-120 { line-height: 120%; }
  .ch-footer-text { font-size: 20px; font-weight: normal; }
  .ch-footer-copy { font-size: 12px; }
  .ch-topmenu-nbsp { display: block; }
  .ch-mob-dispnone { display: block; }
  .ch-dsk-mtop20 { margin-top: 20px; }
  .ch-mob-mtop20 { margin-top: 0px; }
  .ch-601-766-disp { display: block;}
  }
  
@media only screen and (min-width:640px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-menu-button { width: 100%; max-width: 15.66666%; margin: 4px 0.5%; font-size: 9px; }
  .ch-640-766-disp { display: inline;}
  .ch-mob-center { text-align: left; }
  .ch-mob-txt-column { max-width: 434px; }
  .ch-banner-email {	font-size: 18px; } 
  }  
  
@media only screen and (min-width:730px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-menu-button { width: 100%; max-width: 15.66666%; margin: 6px 0.5%; font-size: 10px; }
  .ch-menu {
    padding-top: 2px;
    font-size: 18px;
    font-weight: normal;
    }
  }
  
@media only screen and (min-width:766px) {
  .ch-601-766-disp { display: none; }
  .ch-640-766-disp { display: none; }
  }

@media only screen and (min-width:860px) {
  .ch-menu-button { width: 100%; max-width: 15.66666%; margin: 8px 0.5%; font-size: 12px; }
  } 
  
@media only screen and (min-width:900px) {
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-menu-button { width: 15.66666%; font-size: 14px; }
  } 
  
@media only screen and (min-width:960px) {
  #ch-main-content { 
    top: 10px; padding-top: 0px; 
    } 
  .ch-menu {
    padding-right: 0px;
    }
  .ch-menu-item {
    padding: 4px 20px;
    }
  }
  
@media only screen and (min-width:1024px) {
  .ch-menu-button { width: 15.66666%; font-size: 15px; }
  .ch-lh-300 { line-height: 200%; }
  }
  
/* UTILITIES */

/* TEXT */
.ch-text-aqua { color: #4475CD; } 
.ch-text-lightaqua { color: aqua; } 
.ch-text-lightaqua  a { color: aqua; text-decoration: none; }
.ch-text-lightaqua  a:hover { color: aqua; text-decoration: underline; }}
.ch-text-white { color: #fff; }
.ch-fb-blue { color: rgb(56,89,157); }
.ch-20 { font-size: 20px; } 
.ch-22 { font-size: 22px; } 
.ch-i { font-style: italic; }
.ch-b { font-weight: bold; }

/* LINKS */
.ch-clean-link a { text-decoration: none; }
.ch-clean-link a:hover { text-decoration: underline; }
.ch-none-link a { text-decoration: none; }
.ch-none-link a:hover { text-decoration: none; }
.ch-logs-link a { text-decoration: none; color: rgb(197,97,29); }
.ch-logs-link a:hover { text-decoration: none; color: rgb(246,116,0); }

/* PADDING / MARGIN */
.ch-padh-60 { padding: 0 60px; }
.ch-marb-10 { margin: 10px; }

/* OTHER */
.ch-clear { clear: both; }
.ch-inblock { display: inline-block; }

/* SCROLL UP ARROW */
a.ch-scrollup { outline: 0px none; text-align: center; }
a.ch-scrollup i { font-size: 36px; margin-top: 0px; color: #0ff; }
.ch-scrollup { 
  position: fixed; 
  bottom: 4px; 
  right: 4px; 
  background: transparent;
  opacity: 0.6;
}

/* FONT AWSOME */
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}