﻿body
{
    background-repeat: repeat-x;
    background-color: #abd3ec;
    
    
    font-family: Georgia;
    color: #ffffff;
        min-width: 750px;
}


body, html
{
    margin: 0;
    padding: 0;
    height:100%
}
form
{
   height:100% 
}

img
{
    border: none;
}
#nonFooter
{
    position:relative;
    min-height:100%;
}
* html #nonFooter
{
    height:100%;
}



#wrap
{
    background-repeat: repeat-x;
    /*background-image: url(../img/cntr_background_1px.png);*/
    /*background-color: #ffffff;*/
    background-color: #abd3ec;
    margin: 0 auto;
    padding: 0 auto;
    width: 1024px;
    padding-bottom:9em;
}
#header
{
    z-index: 100;
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    top: 0px;
}

.header_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Header_shadow.png);
    
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    width:100%;
    height:80px;
    top: 0px;
    left:0px;
}

.footer_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Footer_Shine.png);
    z-index: 50;
    font-size: 14px;
    color: #136394;
    
    position: relative;
    width:100%;
    height:100px;
    left:0px;
    z-index: 50;
}

#MenuBorder
{
    display: inline;
    width: 1px;
    height: 55px;
}

#canvas
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 1024px;

    margin: 0 auto;
}
#canvas div
{
    position: absolute;
}


#main_wrapper
{
    float: left;
    margin: 0;
    padding: 0;
}


#footer
{
    position: relative;
     margin-top:-100px;
}

.FooterLink
{
    text-align: left;
    
}
.FooterLink_Right
{
    text-align: right;
     background-color:#abd3ec
}

#footer p
{
    padding: 5px;
    margin: 0;
}

#Menu, #Menu_Canvas
{
    height: 55px;
    width: 612px;
}
#Menu
{
    width:100%;
     text-align:center;
}


#Menu_Canvas
{
    width: 612px;
    position:relative;
    margin:0 auto; text-align:left;
    z-index:50;
}
a.Home, a.Home_Active
{
    background-image: url(../img/Nav_Home_Up.gif);
    display: block;
    height: 55px;
    width: 78px;
    position: absolute;
    left: 0px;
    top: 0px;
}
a.Home:hover
{
    background-image: url(../img/Nav_Home_Over.gif);
}
a.Home_Active
{
    background-image: url(../img/Nav_Home_Active.gif);
}
a.Home_Active:hover
{
    background-image: url(../img/Nav_Home_up.gif);
}
a.Watch, a.Watch_Active
{
    /*background-image: url(../img/Nav_DrnkThnkWin_Off.gif);*/
    background-image: url(../img/Nav_Watch_Up.gif);
    display: block;
    height: 55px;
    width: 108px;
    position: absolute;
    left: 81px;
    top: 0px;
}
a.Watch:hover
{
    background-image: url(../img/Nav_Watch_Over.gif);
}
a.Watch_Active
{
    background-image: url(../img/Nav_Watch_Active.gif);
}
a.Watch_Active:hover
{
    background-image: url(../img/Nav_Watch_Up.gif);
}
a.DrinkThinkWin, a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
    display: block;
    height: 55px;
    width: 112px;
    position: absolute;
    left: 192px;
    top: 0px;
}
a.DrinkThinkWin:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Over.gif);
}
a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Active.gif);
}
a.DrinkThinkWin_Active:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
}

a.drench, a.drench_Active
{
    background-image: url(../img/Nav_Drench_Up.gif);
    display: block;
    height: 55px;
    width: 61px;
    position: absolute;
    left: 307px;
    top: 0px;
}
a.drench:hover
{
    background-image: url(../img/Nav_Drench_Over.gif);
}
a.drench_Active
{
    background-image: url(../img/Nav_Drench_Active.gif);
}
a.drench_Active:hover
{
    background-image: url(../img/Nav_Drench_Up.gif);
}
a.JuicyDrench, a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
    display: block;
    height: 55px;
    width: 126px;
    position: absolute;
    left: 371px;
    top: 0px;
}
a.JuicyDrench:hover
{
    background-image: url(../img/Nav_JuicyDrench_Over.gif);
}
a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Active.gif);
}
a.JuicyDrench_Active:hover
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
}
a.SmartHydration, a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
    display: block;
    height: 55px;
    width: 111px;
    position: absolute;
    left: 500px;
    top: 0px;
}
a.SmartHydration:hover
{
    background-image: url(../img/Nav_SmartHydration_Over.gif);
}
a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Active.gif);
}
a.SmartHydration_Active:hover
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
}
.MenuSpacer
{
    position: absolute;
    top: 0px;
    width: 1px;
    height: 55px;
    z-index: 100;
}

.FooterSpacer
{
    position: absolute;
    top: 13px;
    width: 1px;
    height: 13px;
}



.FootBar
{
    z-index: 100;
        margin: 0 auto;
        top: 50px;
    position:relative;
    height: 20px;
    width:900px;
    left:50px;
    border-top-color: #0365A6;
    border-top-style:dotted;
    border-top-width:1px;
}


.FootBar a
{
    top: 10px;
     text-decoration:none;
    position:absolute;
    color:#0365A6;
        position:absolute;
        border-top-color: #0365A6;
        border-top-style: none;
        border-top-width:thin;

}

.FooterLink
{
    position:absolute;
    top: 5px;
}


.SmallA
{
    position:absolute;
    top: 5px;
    left:370px;
    width:13px;
    height:27px;
    
}

.MediumA
{
    position:absolute;
    top: 5px;
    left:390px;
    width:17px;
    height:27px;
    
}

.LargeA
{
    position:absolute;
    top: 5px;
    left:415px;
    width:22px;
    height:27px;
    
}

.AccessibleText
{
    position:absolute;
    left:240px;
    top:15px;
    
}
       A:link {text-decoration: none; color: #0365a6;}
       A:visited {text-decoration: none; color: #0365a6;}
       A:active {text-decoration: none; color: #0365a6;}
       A:hover {text-decoration: underline; color: #0365a6;}
       .DrinkThinkWin 
       {cursor: pointer; cursor: hand;}
       