﻿body 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 0 0;
    background-color: #a3c1df;
    background-image: url(images/bg-ccs.gif);
    background-repeat: repeat-x;
}
hr
{
    border-top: solid 1px black;
}
table tr td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #000000;
}

.hr
{
    border-top: solid 1px #9ea2ac;
    padding-top: 3px;
    padding-bottom: 3px;
}

.subpage
{
    border-top: solid 1px #9ea2ac;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 97%;
}

/* main layout */
#container
{
    background-color: #ffffff;
    width: 800px;
    position: relative;
    left: 50%;
    margin-left: -400px; /* half the width of the div */
    border-left: solid 1px black;
    border-right: solid 1px black;
}
#topnav
{
    width: 174px;
    height: 220px;
    background-color: #e4e4e4;
}
#intro
{
    width: 626px;
    height: 220px;
}
#topmininav
{
    width: 626px;
    height: 28px;
    background-color: #5d83a9;
}
.submenu
{
    width: 174px;
    background-image: url(images/submenu-border.gif);
    background-repeat: repeat-y;
}
.content
{
    width: 432px;
}
.products
{
    width: 174px;
    background-image: url(images/products-border.gif);
    background-repeat: repeat-y;
    padding-left: 4px;
}
.spacertd
{
    width: 20px;
}
#top-banner
{
    height: 26px;
    background-image: url(images/call.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 11px;
}


/* links */
a.mmenu
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #565a64;
}
a:hover.mmenu
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #565a64;
}
a.fmenu
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #093a55;
}
a:hover.fmenu
{
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #093a55;
}

/* text formatting */
.footertext
{
    font-size: 11px;
    font-weight: bold;
    color: #093a55;
    background-image: url(images/footer-panel.gif);
    background-repeat: no-repeat;
    line-height: 16px;
}

/* products */
.product_content
{
    width: 153px;
    background-image: url(images/product-border-m.gif);
    background-repeat: repeat-y;
    font-size: xx-small;
}
.attachment_header
{
    width: 100%;
    background-image: url(images/blue-hr.gif);
    background-repeat: no-repeat;
}
.attachment_content
{
    width: 100%;
    background-color: #7296b9;
}

/* contact form */
input
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    border: solid 1px black;
}
select
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    border: solid 1px black;
}
textarea
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: small;
    border: solid 1px black;
}
#contactform td
{
    font-size: 11px;
}

#productcategories a
{
    color: #7195b9;
    font-weight: bold;
    text-decoration: none;
}
#productcategories a:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.pnumbers
{
    padding: 3px 7px 3px 7px;
    background-color: #f0f0f0;
    border: solid 1px gray;
    text-decoration: none;
    font-weight: bold;
    color: Red;
}
.pview
{
    padding: 3px 7px 3px 7px;
    background-color: #f0f0f0;
    border: solid 1px gray;
    text-decoration: none;
    font-weight: bold;
    color: Teal;
}
.t-item
{
    margin-left: 2px;
    margin-bottom: 8px;
}
.t-item a
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
.t-item a:hover
{
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #238ce7;
}
.s-item
{
    margin-left: 10px;
}
.s-item a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #0559a1;
}
.s-item a:hover
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}