*|* { margin:0pt; padding:0pt; }
 body { 
   background-color:#fff; 
   background-image: linear-gradient(to bottom, #333333 0%, #000000 107px, #cc0000 107px, #cc0000 115px);
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 100% 115px;
   font-family:"lucida sans", verdana, arial, sans-serif; 
   font-size:13px; 
   color:#666666; 
   margin:0; 
   padding:0; 
 }
 div.paragraph { line-height:1.5; padding-bottom:12px; font-size: 13px !important; }
 p { line-height:1.5; padding-bottom:12px; font-size: 13px !important; }
 h1 { font-size:20px; font-weight:bold; color:#333; }
 h2 { font-size:14px; font-weight:bold; color:#333; }
 #wrapper { width:960px; margin:0pt auto; }
 #header { float:left; width:960px; height:115px; background: transparent; }
 #sitename { margin: 0; width: 960px; display: flex; justify-content: space-between; align-items: center; height: 107px; color: #ffffff; font-family: "helvetica neue", "helvetica", "arial", sans-serif; font-weight: bold; position: relative; }
 #sitename .seo-hidden { position: absolute; visibility: hidden; width: 1px; height: 1px; overflow: hidden; }
 .header-left { font-size: 38px; color: #ffffff; }
 .header-left .italic-l { font-style: italic; font-weight:bold; }
 .header-right { font-size: 18px; text-align: right; line-height: 1.1; color: #ffffff; }
 .header-right .italic-l { font-style: italic; font-weight:bold; }

 @media screen and (max-width: 960px) {
  #wrapper, #header, #sitename, #content-wrapper, #contents-body, #footer { width: 100%; }
  #sitename { padding: 0 10px; box-sizing: border-box; }
 }
 #content-wrapper { float:left; width:960px; }
 #contents-body { float:left; width:960px; padding:0 20px 10px 0px; }
 .wsite-header { float:left; background:transparent url(theme/%%HEADERIMG%%) no-repeat center top; width:732px; height:194px; margin:30px 0 15px 16px; }
 #navigation { float:left; width:212px; margin-bottom:200px; padding-top:30px; font-size:12px; }
 #navigation ul{ padding-left: 0px; margin-top: 0px; margin-bottom: 0px; }
 #nav-top { float:left; width:212px; height:12px; background-color: #e0e0e0; }
 #navigation-links { float:left; width:212px; }
 #navigation-links ul { float:left; background-color:#f7f7f7; width:210px; color:#666666; padding-bottom:15px; margin-left:0px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
 #navigation-links li { 
  font-size:13px; 
  list-style-type:none; 
  text-align:left; 
  padding:0;
  transition: background-color 0.2s ease;
  border-left: 4px solid transparent;
 }
 #navigation-links li:hover {
  background-color: #eaeaea;
 }
 #navigation-links li a {
  display: block;
  padding: 11px 15px;
  color: #666666;
  text-decoration: none;
 }
 #navigation-links li:hover a {
  color: #333;
 }
 #navigation-links #active { border-left: 4px solid #660000; background-color: #f7f7f7; }
 #navigation-links #active a { color: #111111; font-weight: bold; }
 #navigation-links a:link { color:#666666; text-decoration:none; }
 #navigation-links a:hover { color:#666666; text-decoration:none; }
 #navigation-links a:visited { color:#666666; text-decoration:none; }
 
 
 
 a:link, a:hover, a:visited { color:#0081cd; font-weight:normal; text-decoration:none; }
 .wsite-header { background:transparent url(theme/%%HEADERIMG%%) no-repeat center top; width:732px; height:194px; padding-bottom:25px; }
 #contents { float:left; width:732px; padding:0px 0 0 16px; }
 #footer { float:left; height:39px; margin-bottom:30px; }
 #footer-contents { float:left; color:#666666; font-family:"lucida sans", verdana, arial, sans-serif; padding:14px 10px 0 12px; }
 #wsite-menus .wsite-menu-wrap { z-index: 5000; }
 #wsite-menus .wsite-menu { padding: 0; margin: 0; list-style: none; }
 #wsite-menus .wsite-menu li { float: left; clear: left; width: 170px; text-align: left; }
 #wsite-menus .wsite-menu li a { position: relative; display: block; width: 100%; background: #f7f7f7; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px dotted #ccc; text-decoration: none; font-size: 13px; font-weight: normal; line-height:1; padding:7px; color: #666666; }
 #wsite-menus .wsite-menu li a:hover { background: #e3e3e3; }
 #wsite-menus span.wsite-menu-title { display: block; padding: 5px 10px; }
 #wsite-menus span.wsite-menu-more { display: block; position: absolute; right: 5px; top: 0; font-family: Courier; height: 28px; line-height: 28px; padding:5px 0 5px 0; }

div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; }
div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }
blockquote { margin: 10px 0; padding-left: 20px; border-left: 4px solid #ddd; font-style: italic; line-height: 170%; }


/* Consolidated Form Styles */
/* Custom Form Styles for Listening To You */

#wsite-content .wsite-form-container {
    max-width: 600px;
    margin: 20px 0;
}

.wsite-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.form-required {
    color: #cc0000;
}

.wsite-form-input, .wsite-input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 15px;
}

.wsite-form-input:focus, .wsite-input:focus {
    outline: none;
    border-color: #0081cd;
    box-shadow: 0 0 5px rgba(0, 129, 205, 0.3);
}

.wsite-form-sublabel {
    display: block;
    font-size: 11px;
    color: #888;
    margin-top: -10px;
    margin-bottom: 15px;
}

.wsite-form-left, .wsite-form-right {
    width: 48%;
    display: inline-block;
}

.wsite-form-left {
    margin-right: 4%;
}

textarea.wsite-input {
    min-height: 150px;
    resize: vertical;
}

/* Premium Submit Button */
.custom-submit-button {
    background: linear-gradient(to bottom, #444, #222);
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.custom-submit-button:hover {
    background: linear-gradient(to bottom, #555, #333);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transform: translateY(-1px);
}

.custom-submit-button:active {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Hidden Honeypot */
.hidden-honeypot {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .wsite-form-left, .wsite-form-right {
        width: 100%;
        margin-right: 0;
    }
}
 
 /* Blog Normalization */
 .blog-post, .blog-sidebar, .blog-content, .blog-body, .blog-archive-list, .blog-category-list, .blog-post .paragraph, .blog-post p {
     font-size: 13px !important;
     line-height: 1.5 !important;
 }
 .blog-title, .blog-title a {
     font-size: 18px !important; /* Titles can be slightly larger but consistent */
     font-weight: bold !important;
 }
 .blog-date, .date-text, .blog-comments, .blog-read-more, .blog-read-more a {
     font-size: 12px !important;
 }
 .blog-sidebar h2, .blog-category-title, .blog-archive-title {
     font-size: 14px !important;
     font-weight: bold !important;
     color: #333 !important;
 }

 /* Final Sidebar Normalization */
 .blog-sidebar a, .blog-archive-list a, .blog-category-list a {
     font-size: 13px !important;
     color: #666 !important;
     font-weight: normal !important;
 }
 .blog-sidebar a:hover, .blog-archive-list a:hover, .blog-category-list a:hover {
     color: #333 !important;
 }