html, body {height: 100%;}

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif  ;
    font-size:16px;
    line-height:22px;
}

body.front {background:#fff url(images/header-bg.jpg) top left repeat-x;}
body.not-front {background:#fff url(images/body_secondary.jpg) top left repeat-x;}

body.admin-menu {background-position:left 20px;}

a {text-decoration:none;color:#043667}
a:hover {color:#226997}
p {text-align:justify;}

#logo
{
    margin: 12px 10px 0 0;
    padding: 0;
}

#site-name {display:inline;margin-left:-5000px}

#action-top
{
    position:absolute;
    top:140px;
    left:55px;
    z-index:100;
}

.breadcrumb
{
    padding-bottom: 0;
}

h1.title,
h2.title,
h3.title
{
    margin: 0;
}

h2,h3 {color:#497450;}

.pager
{
    clear: both;
    margin: 1em 0;
    text-align: center;
}

.pager a, .pager strong.pager-current
{
    padding: 0.5em;
}

.feed-icons
{
    margin: 1em 0;
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished
{
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
}

.marker
{
    color: #c00;
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture
{
    position: relative;
}

.node div.links
{
    margin: 1em 0;
}

ul.links
{
    margin: 0;
    padding: 0;
}

ul.links.inline
{
    display: inline;
}

ul.links li
{
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}


.block
{
    margin-bottom: 1em;
}

.more-link
{
    text-align: right;
}

#user-login-form
{
    text-align: left;
}

.form-item,
.form-checkboxes,
.form-radios
{
    margin: 1em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error
{
    border: 2px solid #c00;
}

.form-item label
{
    display: block;
    font-weight: bold;
}

.form-item label.option
{
    display: inline;
    font-weight: normal;
}

.form-required
{
    color: #c00;
}

.form-item .description
{
    font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item
{
    margin: 0.4em 0;
}

.container-inline div, .container-inline label
{
    display: inline;
}

.tips
{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}

/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
 * forms on the site.
 */
form tbody
{
    border-top: 1px solid #ccc;
}

form th
{
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
}

form tbody th
{
    border-bottom: 1px solid #ccc;
}

form thead th
{
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
}

/* CCC STANDARD STYLES */

.spacer {clear:both}


#main
{
    background-color:#fff;
    margin-bottom:3em;
}
#content {margin-top:2em;}
#content-inner {margin:1em;}

.front #header
{
    height:421px;
    background:url(images/header.jpg) center top no-repeat;
}
@media (max-width: 800px) {
    .front #header{
        background: rgb(226,225,233);
        background: linear-gradient(113deg, rgba(226,225,233,1) 0%, rgba(0,212,255,0.16848746334471287) 100%);
    }
    #rotator{
        display: none;
    }
    #page{
        width:100% !important;
    }
    #content, .no-sidebars #content{
        width:100% !important;
    }
}

.not-front #header
{
    height:187px;
    background:url(images/header_secondary.jpg) center top no-repeat;
}

#header-inner
{
    width:960px;
    position:relative;
    margin:auto auto;
}

#primary a
{
    display:block;
    float:left;
    color:#fff;
    font-weight:bold;
    line-height:49px;
    padding:0 15px;
    font-size:14px;
}


#primary ul.links li {background:url(images/nav_center.png) top left repeat-x}
#primary ul.links li.active-trail a {background:url(images/nav_active.png) top center no-repeat;}
#primary ul.links li a:hover {background:url(images/nav_active.png) center -49px no-repeat;}
#primary ul.links li.active-trail a:hover {background-position:center top;}
#primary ul.links li
{
    margin:0;
    padding:0;

}
#primary{
    position:absolute;
    top:0;
    right:30px;
    display: flex;
}

@media (max-width: 800px) {
    #header-inner{
        width: 100%;
    }
    #primary {
        position: relative;
        right: 0;
        left: 1rem;
    }

    #logo {
        float: none;
        margin-top: 1rem;
        max-width: 200px;
        position: absolute;
        top: 100px;
        left: 20px;
    }

    #logo img {
        max-width: 300px;
        height: auto;
    }
    #block-views-events-block_1{
        display: none;
    }
    .front #header{
        height:250px;
    }

}


#primary li {float:left;}

#prime-left
{
    float:left;
    width:11px;
    height:49px;
    background:url(images/nav_left.png) top right no-repeat;
}
#prime-right
{
    float:left;
    width:11px;
    height:49px;
    background:url(images/nav_right.png) top right no-repeat;
}

#footer
{
    min-height:61px;
    background:#0B487E url(images/footer_bg.jpg) repeat-x;
    color:#fff;
    font-size:12px;
    text-align:center;
}
#footer a {color:#ccc;}
#footer-inner
{
    margin:auto auto;
    padding-top:10px;
}
#footer p {text-align:center;}
#page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -61px;
}

#footer, .push {min-height: 61px;}


/* rotator in-page placement */
div#rotator
{
    position:relative;
    height:255px;
    margin-left: 15px;
    z-index:1;
}
/* rotator css */
div#rotator ul li
{
    float:left;
    position:absolute;
    right:33px;
    top:45px;
    list-style: none;
}
div#rotator ul li.show {z-index:500;}

#title-bar
{
    position:absolute;
    top:-70px;
    left:5px;
    color:#fff;
}
.front #title-bar {display:none;}

#title-bar a {color:#aaa;}

div.photo2
{
    float:left;
    padding-right:2em;
    padding-bottom:1em;
}

/* Articles */
div.photo
{
    float:left;
    padding-right:2em;
    padding-bottom:1em;
}

div.photo img {
    padding:5px;
    background-color:#eee;
    border:1px solid #ccc;
}

div.date
{
    background-color:#eee;
    border:1px solid #ddd;
    font-size:90%;
    padding:5px;
    margin:20px 0;
    color:#555;
}

.view-articles div.views-row {border-bottom:1px dotted #ccc;padding-bottom:15px;margin-bottom:20px;}
.view-articles div.views-row-last {border:none;}


#sidebar-left
{
    background:url(images/left_bg.jpg) left top no-repeat;
    min-height:782px;
}

/* Simplenews Block */

div.block-simplenews
{
    background:url(images/news-bg.jpg) top left no-repeat;
    width:210px;
    height:199px;
    padding-top:45px;
    padding-left:10px;
}

#edit-mail {width:180px;}
div.block-simplenews .form-item label {display:inline}
div.block-simplenews .form-item {margin:15px 0 3px 0;}
div.block-simplenews .form-radios {margin:10px 0;}
div.block-simplenews .form-radios .form-item {float:left;font-size:10px;margin:0 3px;color:#000}
div.block-simplenews .form-submit {margin:7px 0;}
div.block-simplenews input.form-submit {clear:left;margin-left:10px}

blockquote
{
    font-style:italic;
    color:#333;
}

.sign
{
    display:block;
    text-align:right;
    color:#004040;
}

table.views-view-grid
{
    border-collapse:separate;
    border-spacing:20px 20px;
}

table.views-view-grid td
{
    width:45%;
    padding:10px;
    border:1px solid #ccc;
}


.views-field-nothing {margin:10px 0;font-size:12px;color:#333;line-height:14px}
.views-field-product-image
{
    float:left;
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #eee;

}

.webform-client-form > div:first-child {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#EEEEEE;
    border:1px solid #BBBBBB;
    margin:auto;
    padding:10px;
    width:500px;
}


.block .view-events
{
    width:380px;
    height:80px;
    overflow:hidden;
    font-size:12px;
    line-height:14px;
    position:absolute;
    top:325px;
    left:10px;
}
.front div.block.with-block-editing {position:static}
.block .view-events .views-field-field-date-value {font-weight:bold;color:#008080;}
.block .view-events .views-field-title {font-weight:bold;margin-left:6px;padding-left:6px;border-left:1px dotted #ccc;}
.block .view-events .views-field-nothing img {vertical-align:top;}
.block .view-events p {margin:5px 0;padding:0;}
.block .view-events .views-field-view-node {display:block;text-align:right;font-size:11px;}

.block-webformblock,
.block-webformblock p {text-align:center;}
.block-webformblock form {text-align:left;}


#content li
{
    color:#043667;
    margin-bottom:14px;
}


.block-uc_cart .block-inner
{
    height:34px;line-height:27px;
    border:1px solid #bbb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#eee;
    padding:3px 3px 0 3px;
    margin:.75em 0;
}
.block-uc_cart h2  {float:left;margin-right:1em;color:#EF9614;text-transform:capitalize;font-size:16px}
.block-uc_cart h2 img {vertical-align:top;margin-right:15px;}
.block-uc_cart table {margin:0;}

.cart-block-summary-items,
.cart-block-summary-total {border-right:1px dotted #bbb;padding:0 7px;margin:0 7px;}
.cartbuttons {margin:0 1.5em; text-align:right;}
.cartbuttons img {margin:0 10px;}

.col
{
    width:46%;
    float:left;
}

table.category-products img
{
    padding:3px;
    background-color:#eee;
    border:1px solid #ddd;
    margin-right:1em;
}

.uc-price-product
{
    font-weight:bold;
    color:#073B6A;
    margin:0 1em;
}


#secondary .links
{
    text-align:right;
    font-size:12px;
    border-bottom:1px solid #ddd;
    padding-bottom:.5em;
    margin-bottom:.5em;
}
#secondary .links a {color:#4680b5}

#cart-form-products table,
table.cart-review {margin:0;}
#cart-form-products thead tr {background-color:#80adb6;}
#cart-form-products thead th {padding:5px;}

#cart-form-products tbody tr.odd,
table.cart-review tbody tr {background-color:#ddf7e1;}

#cart-form-products tbody tr.even {background-color:#dde5f7;}
table.cart-review {border:none;}
#cart-form-products tbody td {padding:7px;}
form table.cart-review thead th{border-bottom:1px dotted #555;margin-bottom:4px;padding-bottom:4px;}
#cart-form-buttons,
#payment_details,
#checkout-form-bottom {background-color:#FFD08E;}
#cart-form-products img {background-color:#ccc;padding:3px;border:1px solid #aaa;}

#uc-cart-checkout-form fieldset {background-color:#e8f7e6;}


.section-user #content-area table {width:100%;}

.small {font-size:12px;color:#555;}

#title-line {float:left;font-weight:bold;font-size:16px;color:#555;}

.attribute
{
    border:1px dotted #ccc;
    background-color:#eee;
    margin:20px 10px;
    padding:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.attribute-3 {width:225px;}
.attribute-1,
.attribute-2 {float:left;}
.add-to-cart #edit-submit {clear:left;}

.block .view-events .views-field-body div,
.block .view-events .views-field-body div p
{
    display:inline;
}

.field-field-eventdate{
    color:#073B6A;
    font-weight:bold;
}

#compass{
    text-align:center;
    color:#03315C;
    background:url(images/compass.jpg) right top no-repeat;
    margin-right:50px;
    height:60px;
}
#banners img {float:left;margin:10px 8px 10px 0;}

.form-radios .form-item {display:inline;margin-right:20px;}
.description p {margin-top:1px;color:#777;font-size:12px;}
#webform-component-primary_phone_number,
webform-component-secondary_phone_number {float:left;width:45%;}

#webform-component-primary_phone_number .form-item,
webform-component-secondary_phone_number .form-item {margin:0;}
#webform-component-okay_to_leave_message {clear:left;margin-top:20px;}
.form-radios {margin:10px 0 30px 20px;}


p.back
{
    text-align:right;
    font-size:12px;
}