/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* LINKS
///////////////////////////////////////////// */
a, a:link, a:visited { color: #000; }
a:hover { color: #666; }

/* TYPOGRAPHY
///////////////////////////////////////////// */
header, footer, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, div, dd, dl, form, label {
  font-family: Verdana, sans-serif;
  color: #000;
}
h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5 em;
  margin: 0;
}
h1.hdrName {
     font-size: 2.4rem;
    margin: 0;
  border-top: 5px solid #C71444;
    line-height: 1.6;


}
h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}
h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0;
}
h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

ul, dl, ol {
    font-size: 13px;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.textLeft { text-align: left; }
.textRight { text-align: right; }
dd { clear: both; }
.canvasItem, .canvasItem.menuItem { min-height: 1px; }
.layoutContainer { padding-bottom: 0; }

/* BASE
///////////////////////////////////////////// */
div.ddsLogoProvider, .ddsLogoProvider a { text-align: right; margin: 10px 0; color: #333; text-decoration: none; font-size: 10px; font-size: 1.0rem; color: #666; }
span.ddsLogoProvider { float: right; vertical-align: middle; position: relative; top: -3px; margin-left: 5px; width: 71px; height: 21px; background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-dk.png) no-repeat 0 0; }
/*FOR LIGHT VERSION span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }*/

body {
  background: url('https://s3.amazonaws.com/dom-cms/Site/b73a0168-f145-4303-869f-6959d8bf5992/images/main.jpg') repeat-x left top #CECECE;
  font-family: verdana, sans-serif;
}

#SiteWrapper {
  background: url('https://s3.amazonaws.com/dom-cms/Site/b73a0168-f145-4303-869f-6959d8bf5992/images/bkg-shadow.png') repeat-y center top transparent;
  margin: 0 auto;
  padding: 0;
}
#SiteContainer {
  background: #FFF;
  color: #000;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
header {
  background: url('https://s3.amazonaws.com/dom-cms/Site/b73a0168-f145-4303-869f-6959d8bf5992/images/bkg-header.jpg') repeat-x left bottom #FFF;
  color: #000;
  text-align: left;
}
header .container { padding: 0 0 0 20px; }
.locInfo {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.2;
  margin-bottom: 0;
}
.locInfo li { margin-bottom: 0; }
.headerPhone {font-size:150%}

.CAO {float:right;}
.nav, div.nav {
  background: transparent;
  border: none;
  clear: both;
  font-family: Verdana, sans-serif;
  height: auto;
  margin: 0;
  max-width: 980px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 55;
}
#nav-container, #nav-container ul, .nav ul {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.4;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  z-index: 55;
  zoom: 1;
}
#nav-container li, .nav li {
  display: inline-block;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
}
.nav li { text-transform: none; }
#nav-container a, .nav a {
  display: block;
  text-transform: none;
  padding: 0 6px;
  width: auto;
  color: #666;
}
#nav-container a:hover { color: #C71444; }
.nav li:hover { background:none;text-shadow: none; }
.ie7 #nav-container li, .ie7 .nav li { zoom: 1; display: inline; }
#nav-container li img { display: block; margin: 0; }
#nav-container li ul, .nav li ul {
  z-index: 5;
  border: 1px solid #666;
  border-top: none;
  line-height: 1;
  padding: 0;
  position: absolute;
  background: #fff;
  width: 144px;
  display: none;
}
#nav-container li ul li, .nav li ul li {
  text-indent: 0;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  background: none;
}
#nav-container li ul li:last-child, .nav li ul li:last-child { border-bottom: none; }
.nav li ul li:hover { text-shadow: none; }
#nav-container li ul li a {
  color: #333;
  font-weight: bold;
  text-align: left;
  padding: 8px 5px;
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: bold;
  text-decoration: none;
  width: auto;
}
#nav-container li ul li a:hover {
  text-decoration: none;
  color: #C71444;
}
#nav-container li ul ul, .nav li ul ul {  left: 0px; margin: -23px 0 0 10px; }
#nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul{ display:none; }
#nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul{ display:block; }

#mobileNav { display: block; background-color: #666; color: #fff; text-transform: uppercase; text-align:center;  font-weight: bold; font-size: 10px; font-size: 1.5rem; padding: 5px; border-radius: 3px; border: 1px solid #333; text-shadow: 1px 1px 0px #000; margin-top:4px; width:50%;}
#main{padding:20px 0;}
footer {
  background: #D0D0D0;
  font-size: 1rem;
  padding: 5px 0;
  border-bottom: 2px solid #666;
}
/*
.staffListing { display: table; }
.staffListing li { display: table-cell; }
.staffListing li { height: 400px; }
*/
form label {
  cursor: auto;
  font-size: 1.3rem;
  line-height: 1.8;
}
.center {
text-align:center;
}
.normalList li{
list-style:disc;
margin-left:30px;
font-size:13px;
}
/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media only screen and (max-width: 1024px) {		
  /* anything below 1024px */
}
@media only screen and (max-width: 767px) {
  /* anything below 767px */
  .staffListing li { height: auto !important; }
  #nav-container, .nav ul { display: none; }
  #nav-container li, .nav li { display: block; text-align: left;}
  #nav-container li ul, .nav li ul { position: static; width: auto; }
  #nav-container li ul li a { width: auto; }
      footer .eight [class*="column"] + [class*="column"]:last-child { margin-left: 0; }
    footer .eight .row .seven { width: 58%; }
}
@media only screen and (max-width: 520px) {		
  /* anything below 520px */
  .CAO {float:none;}
}
@media only screen and (max-width: 480px) {    
  /* anything below 480px */

  footer .row .phone-two {
    width:300px !important;
    margin-bottom: 5px;}

}
@media only screen and (max-width: 320px) {
  /* anything below 320px */
  footer .container { padding: 0 10px; }
  footer .row .phone-one, footer .row .phone-two, footer .row .phone-three, footer .row .phone-four {
    float: none;
    margin: 5px 0;
    width:100% !important;
  }
  .headerPhone {font-size:125%}
.locInfo {
  font-size: 9px;
  font-size: .75em;
  line-height: 1.2;
  margin-bottom: 0;
}
  .largefont
  {
    font-size: 19px;
  }
}