@media screen
{

    html, body
    {
        margin: 0px;
        padding: 0px;
        width: 100%;
        /*height: 100%;*/
        color: #333;
    }
    body
    {
        background: #E7E7E7 url(../img/theme/REV4_12.jpg) repeat-y top center;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 0.8em;
        text-align: justify;
    }

    h1, h2, h3
    {
        font-variant: small-caps;
        text-transform: lowercase;
        border-bottom: solid 1px #CCC;
        clear: both;
    }
    h1 { font-size: 2.0em }
    h2 { font-size: 1.7em }
    h3 { font-size: 1.4em }

    div#googleMap
    {
        border: solid 1px #666;
        width: 600px;
        height: 400px;
        margin: 0px auto;
    }

    div#backgroundContainer
    {
        width: 100%; 
        height: 680px; 
        background: transparent url(../img/theme/REV4_BG.jpg) no-repeat top center;
    }
    div#sliceContainer
    {
        position: relative; 
        width: 1020px; 
        height: 750px; 
        margin: 0px auto;
    }
    div#divPageContent
    {
        position: absolute; 
        left: 319px; 
        top: 388px; 
        width: 654px; 
        height: 292px; 
        background: #F1F1F1 url(../img/theme/REV4_10.jpg) repeat-x top center
    }
    div#contentContainer
    {
        padding: 0px 20px;
        z-index: 500;
        background: #F1F1F1 url(../img/theme/REV4_10.jpg) repeat-x top center
    }
    div#contentContainer img
    {
        border: solid 1px black;
        margin: 5px;
    }
    
    div#contentContainer img.right
    {
        float: right;
        margin-left: 10px;
    }
    div#contentContainer img.left
    {
        float: left;
        margin-right: 10px;
    }
    
    div#footer
    {
        padding: 20px 0px;
        text-align: center;
        font-size: smaller;
        clear: both;
        background-color: #F1F1F1;
    }
    div#footer p
    {
        margin: 0.8em; 
        padding: 0px;
        line-height: 0.9em;
        text-transform: uppercase;
    }

    div#divSiteNavigation
    {
        background: transparent url(../img/theme/REV4_09.jpg) no-repeat; 
        position: absolute; 
        left: 28px; 
        top: 283px; 
        width: 265px; 
        height: 379px;
    }
    div#rev4_02,
    div#rev4_04,
    div#rev4_05,
    div#rev4_06,
    div#rev4_07,
    div#rev4_08,
    div#rev4_11,
    div#rev4_12 
                { position:absolute; background-color: Transparent; background-repeat: no-repeat; }

    div#rev4_02 { left: 0px;     top: 0px;   width: 1020px;  height: 67px;   background-image: url(../img/theme/REV4_02.jpg);}
    div#rev4_04 { left: 0px;     top: 67px;  width: 28px;    height: 613px;  background-image: url(../img/theme/REV4_04.jpg);}
    div#rev4_05 { left: 28px;    top: 67px;  width: 265px;   height: 216px;  /*background-image: url(../img/theme/REV4_05.jpg);*/}
    div#rev4_06 { left: 293px;   top: 67px;  width: 26px;    height: 613px;  background-image: url(../img/theme/REV4_06.jpg);}
    div#rev4_07 { left: 319px;   top: 67px;  width: 654px;   height: 321px;  background-color: #E5E5E5;}
    div#rev4_08 { left: 973px;   top: 67px;  width: 47px;    height: 613px;  background-image: url(../img/theme/REV4_08.jpg);}
    div#rev4_11 { left: 28px;    top: 662px; width: 265px;   height: 18px;   background-image: url(../img/theme/REV4_11.jpg);}

    ul#ulTopNav
    {
        display: inline;
        list-style-type: none;
        position: absolute;
        right: 46px;
        top: 0px;
    }
    ul#ulTopNav li
    {
        display: inline;
        list-style-type: none;
        color: #FFF;
        padding: 5px 10px;
        background-color: #17233A;
        text-transform: capitalize;
    }
    ul#ulTopNav li:hover
    {
        background-color: #3a5992;
    }
    ul#ulTopNav a:hover
    {
        color: #FFF;
        background-color: #3a5992;
    }

    /* EXPERIMENT -- HYPERLINK LIST */
    div.hyperlinkList
    {
        margin: 15px 0px;
        padding: 0px;
    }
    div.hyperlinkList a:first-child
    {
        border-top-style: none;
    }
    div.hyperlinkList a
    {
        display: block;
        color: #FFF;
        text-transform: uppercase;
        padding: 2px 10px;
        border-top: solid 1px #666;
        text-decoration: none;
    }
    div.hyperlinkList a:link,
    div.hyperlinkList a:hover,
    div.hyperlinkList a:visited,
    div.hyperlinkList a:active
    {
        color: #FFF;
    }
    div.hyperlinkList a.indent
    {
        border-top-style: none;
        padding-left: 15px;
        text-transform: capitalize;
    }
    div.hyperlinkList a.indent:before
    {
        content: "- ";
    }
    div#divSiteNavigation a:hover
    {
        background-color: #3a5992;
    }
    /* END LIST */

    a:link, a:visited
    {
        color: #18477F;
        outline: none;
        text-decoration: none;
    }
    a:hover, a:active
    {
        color: #000;
        outline: none;
        text-decoration: none;
    }
    
    ul li ul
    {
        list-style-type: square;
    }

    li a:link, li a:visited
    {
        color: #FFF;
        width: 100%;
        text-decoration: none;
    }
    li a:hover, li a:active
    {
        color: #C7DBFF;
        width: 100%;
        text-decoration: none;
    }

    #tocContainer
    {
        text-align: center;
    }
    #toc
    {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    #toc a:link, #toc a:visited, #toc a:hover, #toc a:active
    {
        color: #333;
        text-decoration: none;
        border-bottom: dashed 1px #CCC;
    }
    #toc li
    {
        display: inline;
        list-style-type: none;
        font-size: 0.85em;
        margin: 0px 5px;
    }
    /*
    #toc li:before
    {
        content: " | ";
    }
    #toc li:first-child:before
    {
        content: "";
    }
    */

    .printOnly { display: none; }

    .faq-question
    {
        font-weight: bold;
    }
    .faq-answer
    {
        margin-bottom: 1.5em;
    }
    .faq-answer:first-letter
    {
        font-weight: bold;
    }

    .contactForm
    {
    
    }
    .contactForm div.label
    {
        text-align: left;
        margin-bottom: 0px;
    }
    .contactForm div
    {
        margin-bottom: 10px;
        text-align: left;
    }
    .contactForm div input[type="text"],
    .contactForm div input[type="file"], 
    .contactForm div textarea, 
    .contactForm div select
    {
        display: block;
        width: 600px;
        border: solid 1px #666;
        font-family: inherit;
    }
    .contactForm div textarea
    {
        height: 240px;
    }
    .contactForm div input[type="submit"]
    {
        display: inline;
        font-family: inherit;
        font-weight: bold;
        border: solid 1px #666;
        margin: 5px 0px;
        float: right;
    }

    /* Half-width Form Fields */
    .contactForm div.half
    {
        width: 295px;
        display: inline;
        float: left;
        margin-right: 8px;
    }
    .contactForm div.half input[type="text"], 
    .contactForm div.half textarea,
    .contactForm div.half select 
    {
        display: block;
        width: 290px;
        border: solid 1px #666;
        font-family: inherit;
    }
    /* Third-width form fields */
    .contactForm div.third
    {
        width: 195px;
        display: inline;
        float: left;
        margin-right: 8px;
    }
    .contactForm div.third input[type="text"], 
    .contactForm div.third textarea,
    .contactForm div.third select
    {
        display: block;
        width: 190px;
        border: solid 1px #666;
        font-family: inherit;
    }
    
    div#validationSummary li
    {
        list-style-type: square;
    }
    
    .required
    {
        background: #FFF url(../img/required.gif) repeat-y top right;
    }

    .clear
    {
        clear: both;
    }
    
    .emphasis
    {
        font-weight: bold;
    }
    .small
    {
        font-size: smaller;
    }
    
    .coupon
    {
        border: dashed 3px black;
        width: 400px;
        background-color: #FFF;
        padding: 20px;
    }
    
    .coupon h1
    {
        text-align: center;
        border: none;
        text-transform: none;
        font-variant: normal;
    }
    
    .linkList
    {
    
    }
    
    .linkList a
    {
        display: block;
        margin-left: 10px;
    }
    
    .lightbox
    {
        text-align: center;
    }
    
    .lightbox img
    {
        border: solid 1px black;
        margin: 10px;
    }
    
    div.suppliers img
    {
        padding: 5px;
        float: left;
        margin: 5px;
        border: solid 1px #CCC !important;
    }
    
    div.suppliers div
    {
        clear: both;
    }

}