/* HTML Tag Redefinition */
html, body {
  height: 100%;
}
body {
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
}
img {
  border: 0px
}
a {
  cursor: pointer
}
fieldset {
  border: 1px solid #ccc;
}
/* error text class optionally provided by theme */
div.ccm-error-response {
  color: #f00;
  margin-bottom: 12px
}
/* Page Structure / Navigation */
#page {
  width: 871px;
  margin: auto;
  text-align: left
}

#header {
  background: #fff url('/themes/harts/images/divider-horizontal.png') left bottom repeat-x;
  padding-bottom: 17px;
}

#banner {
  padding: 0;
  width: 690px;
  background: #fff url('/themes/harts/images/divider-horizontal.png') left bottom repeat-x;
  padding: 9px 0 9px 7px;
  margin-left: -7px;
  margin-bottom: 7px;
}

#banner .slideshow_prev, #banner .slideshow_next, #banner .slideshow_nav {
  display: none;
}

#logo {
  display: block;
  margin: 17px 0 0 24px;
}

#page #central {
  clear: both;
}
#page .no-sidebar {
  
}
#page #central.central-left {
  background: #fff url('/themes/harts/images/divider-vertical.png') 173px top repeat-y;
}
#page #central.central-left div#sidebar {
  float: left !important;
}
#page #central.central-left #body {
  float: right;
}
#page #central #body {
  float: left;
  width: 690px;
  padding: 0;
}

#page #central #body #main {
  padding: 0 0 0 13px;
}

#page .no-sidebar #body {
  float: none !important;
  width: auto !important;
}
#page #central #sidebar {
  float: left;
  width: 174px;
  overflow: hidden;
  padding: 0;
  min-height: 460px;
}

#sidebar ul {
  padding: 0;
  margin: 28px 0 0 0;
}

#sidebar ul li {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 24px;
}

#sidebar ul li a {
  display: block;
  color: #547381;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 0 3px 17px;
  font-size: 14px;
  font-family: 'Alegreya Sans', sans-serif;
}

#sidebar ul li a:hover {
  color: #FF3300;
}

#sidebar ul li.nav-selected > a, #sidebar ul li.nav-path-selected > a {
  color: #FF3300;
  background: transparent url('/themes/harts/images/nav-selected.png') left center no-repeat;
}

#sidebar ul li ul li.nav-selected > a, #sidebar ul li ul li.nav-path-selected > a {
  background: none;
}

#sidebar ul li ul {
  padding: 0;
  margin: 0 0 0 0;
}

#sidebar ul li ul li {
  margin: 0;
  padding: 0 0 0 5px;
}

#sidebar ul li ul li a:before {
  content: "- ";
}

#sidebar ul li ul li a {
  text-transform: none;
}

#page #footer {
  clear: both;
  background: transparent url('/themes/harts/images/divider-horizontal.png') left top repeat-x;
  padding-top: 2px;
  color: #7B939D;
}

#page #footer a, #page #footer-lower a {
  text-decoration: none;
  color: #7B939D;
}

#page #footer a:hover, #page #footer-lower a:hover {
  text-decoration: underline;
  color: #7B939D;
}

#footer-lower {
  background: #fff url('/themes/harts/images/divider-horizontal.png') left top repeat-x;
  min-height: 2px;
  clear: both;
  margin-top: 5px;
  padding: 5px 0;
  font-size: 12px;
  color: #7B939D;
}

#page #footer-sidebar {
  float: left;
  background: #fff url('/themes/harts/images/divider-vertical.png') right top repeat-y;
  width: 174px;
}

#page #footer-1, #page #footer-2, #page #footer-3, #page #footer-4 {
  float: left;
  background: #F1F1F2 url('/themes/harts/images/divider-vertical.png') right top repeat-y;
  width: 173px;
  border-top: 6px solid #F1F1F2;
  border-bottom: 6px solid #F1F1F2;
  height: 77px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 14px;
}

#page #footer .footer-box {
  min-height: 50px;
  background-position: 10px 7px;
  padding: 8px 0 0 35px;
}

#page #footer-1 {
  margin-left: 5px;
}

#page #footer-2 {
  
}

#page #footer-3 {
  
}

#page #footer-4 {
  background: #F1F1F2;
}

/* Page Elements */
.pagingNav {
  margin: 16px 0px 8px 0px
}
.pagination {
  text-align: center;
  color: #bbb;
  padding-top: 4px
}
.pagination .pageRight {
  width: 20%;
  float: right;
  text-align: right
}
.pagination .pageLeft {
  width: 20%;
  float: left;
  text-align: left
}
/* MISC STYLES & SHORTCUTS */
div.code {
  border: 1px solid #ddd;
  background: #eee;
  padding: 10px
}
div.spacer, div.ccm-spacer {
  clear: both;
  font-size: 1px;
  line-height: 1px
}
.noTopSpace {
  margin-top: 0px;
  padding-top: 0px
}
div.pageSection {
  margin-bottom: 10px;
}

#staff-main {
  float: left;
  width: 55%;
}

#staff-image {
  float: right;
  width: 35%;
  padding: 50px 0 10px 0;
}

#staff-main span.position {
  display: block;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  font-size: 12px;
}

#staff-main h1 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 0;
}

#staff-main h1 span {
  font-size: 13px;
  font-weight: normal;
}

/* contact form custom styles */

#contact-form td.question {
  width: 0;
  display: none;
}

#contact-form label {
  color: #000;
  font-size: 11px;
  font-weight: bold;
}
#contact-form input, #contact-form textarea {
  background: #EBF0F3;
  border: 0;
  line-height: 18px;
  
}

#contact-form input.formBlockSubmitButton {
  background: #FF3300;
  border: 0;
  border-radius: 15px;
  height: 30px;
  width: 30px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

#contact-form input.formBlockSubmitButton:hover {
  background: #FD643E;
}

#cboxOverlay {
  background: #000!important;
}