body {
  color: #554f38;
  font-family: arial, sans-serif; 
}

div#ebc-staff {display: none}
div#header-element text-box {display: none}
div#header-element right text-box {display: none}
div#right-hand-nav {display: none}
div#footer {display: none}
div#header #primary-nav .header-element #pay-bill {display: none}
div#crumbs {display: none}
div#header #primary-nav .text-box {display: none}
div#header .overline {display: none}


h1, h2, h3, h4, h5, h6 {
  color: #a71c39;
}

h3 {
  font-size: 20px;
}

a:link,
a:active {
  text-decoration: none;
  color: #1987bf;
}

a:visited {
  color: #1987bf;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}


.blog-form {
	border: 1px solid #ccc;
	background-color: #ffffff;
	padding:3px;
	text-align:center;

}

h3.blog-title {
	color: #a71c39;
	font-size: 16px;
}

.button {
  background: url(images/button-fade-1px.png) repeat-x;
  background-color: #76b2d1;
  color: #ffffff;
  border: 3px groove #1987bf;
  padding: 2px;
  font-size: 10px;
}




.status {
  padding: 7px;
  margin: 7px;
  color: #1987bf;
  border: 1px solid #1987bf;
}

.more {
  white-space: nowrap;
}

.breadcrumbs {
  list-style: none;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-size: 11px;
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li.last {
  color: #a71c39;
}

#page-container {
  position: relative;
  width: 800px;
  padding-left: 2px;
  padding-right: 2px;
  border-left: 1px solid #f4f1df;
  border-right: 1px solid #f4f1df;
}

#header {
  width: 800px;
  height: 91px;
}

#header #primary-nav {
  height: 62px;
  background: url(images/header-gradient.png) repeat-x;
}

#header .overline {
  height: 3px;
  width: 67px;
  background: #a71c39;
  font-size: 1px;
}

#header #primary-nav .header-element {
  height: 62px;
  padding-left: 14px;
  padding-right: 14px;
}

#header #primary-nav .text-box {
  padding-top: 7px;
  height: 55px;
}

#header #primary-nav .header-element img {
  padding-left: 15px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: 0px;
}

#header #primary-nav .right {
  float: right;
  border-left: 1px solid #e0dabb;

}

#header #primary-nav #services {
  width: 250px;
}

#header #primary-nav .header-element #main-phone {
  position: relative;
  top: -30px;
  padding-left: 45px;
  font-size: 0.8em;
  font-weight: bold;
  color: #b8af8f;
}

#header #primary-nav .header-element #pay-bill {
  position: absolute;
  top: 40px;
  left: 700px;
  font-size: 0.8em;
  font-weight: bold;
  color: #b8af8f;
}

#header #primary-nav h1 {
  margin-top: 5px;
  padding-top: 0px;
  margin-bottom: 4px;
  font-size: 0.9em;
  color: #b8af8f;
  font-weight: normal;
  text-transform: uppercase;
}

#header #primary-nav .mouseover-menu {
  font-size: 14px;
  text-decoration: none;
}

#header #primary-nav .mouseover-menu:hover .root-link{
  text-decoration: none;
  padding-left: 9px;
  background: url(images/menu-active-arrow-down.png) no-repeat;
  background-position: 0px 5px;
}

#header #primary-nav .mouseover-menu a:visited {
  color: #1987bf;
  text-decoration: none;
}

/* The next 5 lines of style are a work around.  The make static 
   Menus function.  They should be removed when we get the mouseover menus
   up and running again.  The menu items display none should be moved into
   #header #primary-nav .menu-items */

#header .menu-items { 
  display: none;
}

#header .e-commerce #software .menu-items,
#header .services #services .menu-items,
#header .about-ebc #about-ebc .menu-items {
  display: block;
}

 /*  End static menu activation styling.  */

#header #primary-nav .menu-items {
  position: absolute;
  top: 56px;
  left: 18px;
  margin: 0px;
  padding-left: 0px;
  padding-top: 10px;
  width: 800px;
  list-style: none;
  color: #1987bf;
  font-size: 12px;
  z-index: 4;
  background: none;
}

/*
#header #primary-nav .mouseover-menu#active .menu-items,
#header #primary-nav .mouseover-menu:hover .menu-items {
  display: block;
}
*/

#header #primary-nav .mouseover-menu .menu-items li {
  display: inline;
  margin-right: 5px;
}

#header #secondary-nav {
  position: absolute;
  top: 64px;
  height: 25px;
  width: 800px;
  background: #e0dabb;
  border-top: 1px solid #a71c39;
  border-bottom: 1px solid #a71c39;
  margin-bottom: 4px;
}

#right-hand-nav {
  float: right;
  width: 200px;
}

#right-hand-nav #email-signup {
  background: #f4f1df;
  font-size: 0.9em;
  padding-bottom: 10px;
}

#right-hand-nav #email-signup h3 {
  margin: 0px;
  padding-left: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #e0dabb;
  font-weight: normal;
  text-transform: uppercase;
}

#right-hand-nav #email-signup p {
  padding-left: 18px;
  padding-right: 12px;
}

#right-hand-nav #email-signup form {
  vertical-align: top;
  padding-left: 18px;
}

#right-hand-nav .small-field {
  vertical-align: top;
  font-size: 0.8em;
  width: 95px;
}

#right-hand-nav #ask-question {
  font-size: 0.9em;
}

#right-hand-nav #ask-question #body-content {
  background: url(images/right-box-gradient.png) repeat-x;
}

#right-hand-nav #ask-question p {
  padding-left: 18px;
  padding-right: 12px;
}

#right-hand-nav #ask-question form {
  padding-left: 18px;
}

#right-hand-nav #ask-question form {
  padding-bottom: 10px;
  margin-bottom: 0px;
}

#right-hand-nav .small-text-area {
  margin-bottom: 8px;
  width: 160px;
  height: 60px;
  font-size: 0.8em;
}

.double-border-blue-button,
.double-border-red-button {
  background: #ffffff;
  padding: 1px;
}

.double-border-blue-button .inner,
.double-border-red-button .inner {
  height: 21px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}


.double-border-blue-button .inner a:link,
.double-border-blue-button .inner a:visited,
.double-border-red-button .inner a:link,
.double-border-red-button .inner a:visited {
  color: #ffffff;
  text-decoration: underline;
}


.double-border-blue-button {
  border: 2px solid #1987bf;
}

.double-border-blue-button .inner {
  background: url(images/button-fade-1px.png) repeat-x;
}

.double-border-red-button {
  border: 2px solid #a61c38;
}

.double-border-red-button .inner {
  background: url(images/button-fade-red-1px.png) repeat-x;
}

#main-body-content .double-border-blue-button,
#main-body-content .double-border-red-button {
  width: 150px;
  margin: auto;
}

#right-hand-nav .customer-story .main-content,
#right-hand-nav .ebc-staff .main-content {
  padding: 7px;
  font-size: 13px;
  border-bottom: 1px solid #f4f1df;
}

#right-hand-nav .main-content .quote {
  font-style: italic;
}

#right-hand-nav .customer-story .main-content .quote {
  margin: 3px 0px 3px 0px;
}

#right-hand-nav .customer-story .main-content .enlarged {
  font-size: 16px;
}

#right-hand-nav .customer-story .main-content .left {
  float: left;
}

#right-hand-nav .customer-story .main-content .bottom {
  margin-top: 15px;
}

#right-hand-nav .ebc-staff .main-content {
  background: url(images/right-box-gradient.png) repeat-x;
  padding-bottom: 20px;
}

#right-hand-nav #ask-question h3,
#right-hand-nav .blog-posts h3 {
  color: #ffffff;
  background: #a61c38;
  font-size: 14px;
  padding: 2px 7px 2px 7px;
  margin-bottom: 2px;
  text-align: center;
  margin-top: 0px;
}

#right-hand-nav .blog-posts h3 a:link,
#right-hand-nav .blog-posts h3 a:visited {
  color: #ffffff;
}

#right-hand-nav .blog-posts .blog-description {
  font-style: italic;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#right-hand-nav .blog-posts .main-content {
  padding: 3px;
  font-size: 12px;
}

#right-hand-nav .blog-posts .main-content .blog-entry .date {
  font-size: 10px;
  padding-left: 15px;
}

#right-hand-nav .blog-posts .main-content .blog-entry {
  margin-bottom: 5px;
}

#right-hand-nav .blog-posts .main-content .blog-entry h4 {
  margin-top: 2px;
  margin-bottom: 3px;
}

#right-hand-nav .blog-posts .main-content p {
  margin-top: 2px;
  margin-bottom: 2px;
}

#right-hand-nav .full-graphic-teaser img {
  border: 0px;
}

#footer {
  clear: both;
  width: 770px;
  padding: 7px 15px 7px 15px;
  border-top: 1px solid #a71c39;
  background: #f4f1df;
}

#footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: #1987bf;
  font-size: 12px;
}

#footer ul li {
  display: inline;
  margin-right: 10px;
}

#copyright {
  font-size: x-small;
  color: #554F38;
}
#main-body-content {
  margin-right: 202px;
  border-top: 1px solid #b8b975;
  background: #f4f1df;
  font-size: 13px;
}

#main-body-content p {
  margin-top: 7px;
  font-size: 16px;
  line-height: 21px;
  font-family: verdana, san-serif;
}

#main-body-content h1 {
 font-size: 20px;
}

#index #main-body-content h1 {
  text-align: center;
  margin-top: 27px;
  margin-bottom: 0px;
}

#index #main-body-content h2 {
  margin-bottom: 0px;
  margin-top: 15px;
  padding-bottom: 2px;
  padding-top: 2px;
  color: #ffffff;
  background: #a61c38;
  font-size: 16px;
  text-align: center;
  margin-right: 1px;
}

#index #main-body-content .intro {
  margin-top: 0px;
  text-align: center;
  padding-right: 40px;
  padding-left: 40px;
}

#index #main-body-content .double-border-blue-button {
  width: 120px;
}

#index #main-body-content table {
  background: #ffffff;
  border-collapse: collapse;
  width: 598px;
  float: left;
}

#index #main-body-content td {
  vertical-align: top;
  width: 25%;
  background: #e0dabb;
  border: 1px solid #ffffff;
  padding: 10px;
}

#index #main-body-content h6 {
  color: #ffffff;
  font-size: 24px;
  display: inline;
}

#index #main-body-content h5 {
  color: #1987bf;
  display: inline;
  text-transform: uppercase;
}

#index #main-body-content table ul {
  margin-top: 0px;
  padding-top: 0px;
  margin-left: 0px;
  padding-left: 30px;  
}

#index #main-body-content table li {
  text-transform: capitalize;
}

#index #main-body-content hr {
  margin-top: 0px;
  color: #a61c38;
  background-color: #a61c38;
  height: 1px;
  border-top: 3px solid #ffffff;
  border-bottom: 1px solid #a61c38;
  border-right: 0px;
  border-left: 0px;
  margin-bottom: 0px;
}

#main-body-content .main-text {
  padding-right: 70px;
  padding-left: 70px;
}

#main-body-content .main-text .text-highlights {
  margin: 0px;
  padding-left: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 5px solid #e0dabb;
  border-top: 1px solid #e0dabb;
  border-bottom: 1px solid #e0dabb;
  border-right: 1px solid #e0dabb;
  background: #ffffff;
}

#main-body-content .main-text .text-excerpt {
  border-left: 5px solid #a61c38;
  border-top: 1px solid #a61c38;
  border-right: 1px solid #a61c38;
  border-bottom: 1px solid #a61c38;
  background: #ffffff;
  padding-left: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 7px;
  color: solid #a61c38;
}

#main-body-content .main-text .significant {
  color: #a61c38;
  font-style: italic;
}

#secondary #main-body-content h3 {
  margin-bottom: 0px;
}

#customer-stories #main-body-content .featured {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#customer-stories #main-body-content .featured li {
  height: 122px;
  border: 1px solid #a61c38;
  margin-top: 20px;
}

#customer-stories #main-body-content .featured li img {
  float: left;
}

#customer-stories #main-body-content .featured li .story-content {
  padding: 6px;
  margin-left: 85px;
}

#customer-stories #main-body-content .featured li .merchant-site-link {
  float: right;
  font-size: 10px;
}

#customer-stories #main-body-content .featured h4,
#customer-stories #main-body-content .featured li p {
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
}

#customer-stories #main-body-content .featured h4 a:link,
#customer-stories #main-body-content .featured h4 a:visited,
#customer-stories #main-body-content .featured h4 a:hover {
  color: #a61c38;
}

#customer-stories #main-body-content .featured a img {
  border: none;
}

#customer-stories #main-body-content h3 {
  margin-top: 25px;
  margin-bottom: 0px;
}

#customer-stories #main-body-content .non-featured {
  margin: 0px;
  padding: 0px 0px 0px 25px;
  color: #554f38;
}

.tourstep1,
.tourstep2,
.tourstep3,
.tourstep4,
.tourstep5,
.tourstep6,
.tourstep7,
.tourstep8 {
  display: none;
}

#tourstep1 .tourstep1, 
#tourstep2 .tourstep2,
#tourstep3 .tourstep3,
#tourstep4 .tourstep4,
#tourstep5 .tourstep5,
#tourstep6 .tourstep6,
#tourstep7 .tourstep7,
#tourstep8 .tourstep8,
#all .tourstep1,
#all .tourstep2,
#all .tourstep3,
#all .tourstep4,
#all .tourstep5,
#all .tourstep6,
#all .tourstep7,
#all .tourstep8 {
  display: block;
}

body.tour {
  margin: 0px;
  background: url(images/Tour-fade-1pix.png) repeat-y;
}

.tour #main-body-content {
  border-top: none;
  padding-top: 0px;
  margin-right: 0px;
  background: none;
}

.tour #main-body-content .content {
  clear: both;
}

.tour h1 {
  color: #ffffff;
  background: #a71c39;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 6px;
  margin-top: 0px;
}

.tour #next {
  float: right;
  margin-right: 5px;
}

.tour #next a:visited,
.tour #previous a:visited {
  color: #1987bf;
}

.tour .float-terminator {
  clear: both;
  height: 1px;
  margin: 0px;
}

.tour .left-bar {
  float: left;
  padding-left: 40px;
  width: 240px;
}

.tour .left-bar img {
  border: 1px solid #e0dabb;
}

.tour .left-bar p {
  font-style: italic;
  line-height: 22px;
}

.tour .right-bar {
  margin-left: 290px;
  padding-right: 5px;
}

.tour #popup-footer-bar {
  height: 50px;
  clear: both;
  padding: 5px;
}

.tour #popup-footer-bar #footer-logo {
  float: right;
}

.tour #popup-footer-bar .pager {
  padding-top: 25px;
  padding-left: 15px;
}

.tour #popup-footer-bar .step {
  font-weight: bold;
  margin-right: 30px;
}

.tour #popup-footer-bar .pager .pages {
  margin-right: 25px;
  margin-left: 25px;
  font-weight: bold;
  letter-spacing: 3px;
}

.tour #popup-footer-bar .pager .pages a:visited {
  color: #1987bf;
}

.tour #popup-footer-bar .pager .pages .present {
  color: #a71c39;
}

#customer-detail #main-body-content .breadcrumbs {
  margin: 4px 0px 20px 75px;
}

#customer-detail #main-body-content .headline {
  float: left;
}

#customer-detail #main-body-content #urchin-headline {
  margin-bottom: 20px;
}

#customer-detail #main-body-content .quote {
  font-style: italic;
}

#customer-detail #main-body-content .caption {
  float: right;
  width: 200px;
  margin-right: 15px;
  text-align: right;
  font-size: 12px;
}

#customer-detail #main-body-content .company-data {
  clear: left;
  width: 250px;
  border-top: 1px solid #a61c38;
  border-right: 1px solid #a61c38;
  border-bottom: 1px solid #a61c38;
  border-left: 6px solid #a61c38;
  background: #ffffff;
  padding: 4px;
}

#customer-detail #main-body-content .company-data p {
  margin: 0px;
  padding: 0px;
}

#customer-detail #main-body-content .company-data .vitals {
  font-weight: bold;
}

#customer-detail #main-body-content .company-data .company {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

#customer-detail #main-body-content .intro {
  font-size: 14px;
}

#customer-detail #main-body-content hr {
  margin-top: 0px;
  color: #e0dabb;
  background-color: #e0dabb;
  height: 2px;
  border: none;
  margin-bottom: 15px;
}

#customer-detail #main-body-content .image-and-caption {
  margin-top: 5px;
  margin-bottom: 20px;
}

#customer-detail #main-body-content .image-and-caption img {
  float: left;
  margin-right: 7px;
}

#customer-detail #main-body-content .image-and-caption h4 {
  display: inline;
}

#customer-detail #main-body-content .image-and-caption p {
  display: inline;
}

#main-body-content .q-and-a {
  color: #a71c39;
  font-weight: bold;
}

#customer-detail #main-body-content .question {
  margin: 0px;
  padding-left: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #ffffff;
  background: #a61c38;
  font-weight: normal;
  text-transform: uppercase;
}

#customer-detail #main-body-content .small-text-area {
  display: block;
  margin-bottom: 8px;
  width: 160px;
  height: 60px;
  font-size: 0.8em;
}

#customer-detail #main-body-content .small-field {
  font-size: 0.8em;
}

@media print {
  body.tour .content {
    display: block;
  }

  .tour .pager,
  .tour #next,
  .tour #previous;
  }
}