/***** *****/

body
{
    _width: expression(document.body.clientWidth < 962? "960px" : "100%");
    min-width: 960px;
    min-height: 100.01%;
    font-family: Times New Roman, Times, Serif;
    background-image: url('/images/layout/body_gradient.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #7F94B1;
}

body.faq_popup, body.news_popup
{
    _width: expression(document.body.clientWidth < 702? "700px" : "100%");
    min-width: 700px;
    min-height: 100.01%;
    margin: 0 0;
    padding: 0 0;
    font-family: Times New Roman, Times, Serif;
    background-image: none;
    background-color: #FFFFFF;
}

/***** Layout *****/

div.top
{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0px Auto -55px Auto;                                /***** Footer Offset *****/
    width: 960px;
    background-image: url('/images/layout/content_bg.jpg');
    background-color: #FFFFFF;
    background-position: top left;
    background-repeat: repeat-y;
}

div.header
{
    width: 100%;
    height: 140px;
    vertical-align: baseline;
}

div.header img
{
    _margin: 0 0 -3px 0;                                        /***** IE 6 Bug *****/
}

div.sidebar
{
    float: left;
    width: 180px;
    min-height: 310px;
    _height: 310px;
    _margin-right: -3px;                                        /***** IE 6 Bug *****/
    background-image: url('/images/layout/menu_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}

div.sidebar ul.menu
{
    margin-top: 14px;
}

div.sidebar ul.menu li
{
    height: 35px;
    background-position: top center;
    background-repeat: no-repeat;
    _margin-bottom: -3px;                                       /***** IE 6 Bug *****/
}

div.sidebar ul.menu li.m_home
{
    background-image: url('/images/menu/off/home.jpg');
}

div.sidebar ul.menu li.m_about
{
    background-image: url('/images/menu/off/about.jpg');
}
div.sidebar ul.menu li.m_dist
{
    background-image: url('/images/menu/off/distribution.jpg');
}

div.sidebar ul.menu li.m_cust
{
    background-image: url('/images/menu/off/customer.jpg');
}

div.sidebar ul.menu li.m_qual
{
    background-image: url('/images/menu/off/quality.jpg');
    height: 63px;
}
div.sidebar ul.menu li.m_rate
{
    background-image: url('/images/menu/off/rate.jpg');
}

div.sidebar ul.menu li.m_connect
{
    background-image: url('/images/menu/off/connection.jpg');
    height: 63px;
}
div.sidebar ul.menu li.m_faq
{
    background-image: url('/images/menu/off/faq.jpg');
}

div.sidebar ul.menu li.m_news
{
    background-image: url('/images/menu/off/news.jpg');
}

div.sidebar ul.menu li.m_links
{
    background-image: url('/images/menu/off/links.jpg');
}
div.sidebar ul.menu li.m_contact
{
    background-image: url('/images/menu/off/contact.jpg');
}

div.sidebar ul.links
{
    margin-top: 16px;
}

div.sidebar ul.links li
{
    text-align: center;
    margin-top: 8px;
    color: #ffffff;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 85%;
}

div.sidebar ul.links li a
{
    color: #cccccc;
    text-decoration: underline;
}

div.sidebar ul.links li a:hover
{
    color: #990000;
}

div.sidebar ul.links li img.pic
{
    border: #324f66 solid 1px;
}

div.sidebar ul.links li a:hover img.pic
{
    border-color: #990000;
}

div.strip
{
    height: 36px;
}

/***** Content *****/

div.content
{
    width: 640px;
    margin: 20px 0 20px 245px;
    min-height: 310px;                                       /***** footer overlap sidebar fix *****/
    _height: 310px;
}

div.content ul
{
    padding-left: 1.5em;
    padding-bottom: 1em;
}

div.content ul>li
{
    list-style: disc;
    padding-bottom: .15em;
    vertical-align: middle;
}

div.content ol
{
    padding-left: 2em;
    padding-bottom: 1em;
}

div.content ol>li
{
    list-style: decimal;
    padding-bottom: .15em;
    vertical-align: middle;
}

div.content ol>li ol>li
{
    list-style-type:upper-alpha;
    padding-bottom: .15em;
    vertical-align: middle;
}

div.content h1, div.content h2, div.content h3
{
    color: #547ea8;
    text-align: center;
}

div.content h1
{
    padding: 0 0 16px 0;
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
}

div.content h2
{
    padding: 0 0 16px 0;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    line-height: 28px;
    vertical-align: middle;
}

div.content h3
{
    padding: 0 0 16px 0;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    line-height: 22px;
    vertical-align: middle;
}

div.content img.photo.left
{
    margin-right: 16px;
    margin-top: 0;
}

div.content img.photo.right
{
    margin-left: 16px;
    margin-top: 0;
}

div.content a, div.content a:visited
{
    color: #324f66;
    text-decoration: underline;
}

div.content a:hover
{
    color: #990000;
}

.highlights
{
    font-weight: bold; 
    color: #547ea8;
}

/***** Bottom & Footer *****/

div.push, div.bottom, div.footer
{
    height: 55px;
}

div.bottom
{
    width: 960px;
    position: relative;
    bottom: 0;
    margin: 0px Auto;
}

div.footer
{
    padding: 0px 7px 0 187px;
    font-size: 80%;
    line-height: 1em;
    text-align: center;
    margin: 0 Auto;
    width: 756px;
}

div.footer p
{
    width: 750px;
    margin: 0px Auto;
    padding-bottom: 4px;
}

div.footer p.first
{
    border-top: 1px solid #888888;
    padding-top: 8px;
}

div.footer a, a:visited
{
    color: #000000;
}

div.footer a:hover
{
    color: #6098c5;
    text-decoration: underline;
}

/***** Home Page *****/

div.homenews
{
    padding: 0 50px;
}

div.homenews ul
{
    margin: 0 0 15px 0;
    padding: 0 0;
}

div.homenews ul li
{
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    text-align: center;
}

/***** About Us *****/

td.caption
{
    padding-top: 7px;
    font-size: 75%;
    line-height: 100%;
}

td.history-left
{
    padding-right: 10px;
}

td.history-right
{
    padding-left: 10px;
}

/***** FAQ *****/

div.article h1, div.article h2, div.article h3
{
    color: #547ea8;
    text-align: center;
}

div.article h1
{
    padding: 0 0 16px 0;
    font-size: 28px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
}

div.article h2
{
    padding: 0 0 16px 0;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    line-height: 28px;
    vertical-align: middle;
}

div.article h3
{
    padding: 0 0 16px 0;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    line-height: 22px;
    vertical-align: middle;
}

div.article
{
    padding: 10px 20px;
    margin: 10px 0 10px 0;
}