﻿body
{
background-image: url(../i/img_background.jpg);
background-repeat: repeat-x;
background-position: top; background-color: #fff;
font-family: Arial;
font-size: 12px;
height: auto;
margin: 0px 0 0 0;
padding: 0px 0 0 0;

}


.clear
{
    clear: both; padding: 0px; 
}

.clear1
{
    clear: both; padding: 0px; 
}

/*wholepage ***************************************************************/
#wholepage
{
text-align: center;
padding: 0 0 0 0;
width: 939px;
margin: 0 auto;
border: none;
}

#wholepage .DD_top
{
    width:939px; padding: 0px; margin: 0px auto;
}

#wholepage .DD_midLeft
{
    float: left; width:360px; padding: 0px;margin: 0px auto;
}

#wholepage .DD_midRight
{
    float: right; width:579px; height: 295px; padding: 0px;margin: 0px auto;
    background-image: url(../i/img_community.png);
    background-repeat: no-repeat;
    background-position: top; 
}

#wholepage .DD_communityText
{
    width: 505px;padding: 60px 10px 0 35px; margin: 0px auto;
    color: #663700; text-align: left; line-height: normal;
}

#wholepage .DD_blank
{
    float: left; width: 379px; padding: 0 0 0 0; margin: 0 0 0 0; 
}
#wholepage .DD_smallText
{
    float: right;width: 560px;padding: 20px 0px 0 0px; margin: 0px auto;
    color: #7d7b7b; text-align: left; font-size: 9px;  

}
#wholepage  .DD_lowerLeft
{
float: left;
background-image: url(../i/img_DD-perks.png); 
background-repeat: no-repeat;
background-position: top; width: 360px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
}
        #wholepage .DD_enrollButton
        {
         width: 345px; padding: 0 0 0 0; text-align: center; margin: 380px 0 0 15px;   
        }

#wholepage  .DD_lowerRight
{
float: right;
background-position: top; width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
}

#wholepage .btn_forward
{
width: 545px;padding: 0px 0px 0 0px; margin: 0px auto;text-align: right; background-image: none;

}




#wholepage .Reg_background
{
    background-image: url(../i/img_form.png);width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
background-repeat: no-repeat;

}

#wholepage .Reg_background_August
{
    background-image: url(../i/img_form_August.png);width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
background-repeat: no-repeat;

}

#wholepage .FindBackground
{
    background-image: url(../i/img_fINDbACKGROUND.png);width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
background-repeat: no-repeat;

}



#wholepage .Reg_thanks
{
    background-image: url(../i/img_formThanks.png);width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
background-repeat: no-repeat;

}
#wholepage .Reg_before
{
    background-image: url(../i/img_formbefore.png);width: 579px; height: 420px; padding: 0 0 0 0; margin: 0 0 0 0;
background-repeat: no-repeat;

}
/*DD-Form ***************************************************************/



#Registration
{
    width: 550px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center;
}


 
#Registration .emailText
{
   width: 480px; font-weight: normal; font-family: Verdana, Sans-Serif; font-size: 11px; 
   margin: 0px 0px 0px 0px; padding: 60px 0px 4px 40px;
   text-align: left;color: #000; 
 }  
#Registration .emailError
{
   width: 500px; font-weight: normal; font-family: Verdana, Sans-Serif; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 4px;
   text-align: left;color: #000; line-height:15px;
 }  
 

#Registration .YourInfo
{
   width: 526px;   vertical-align: top;
   padding: 50px 0px 0px 24px; 

}
 
#Registration .Champion
{
   width: 526px;   vertical-align: top; margin: 0px 0 0 0; text-align: left;
   padding: 72px 0px 0px 24px; 

}
 
#Registration .Champion_August
{
   width: 526px;   vertical-align: top; margin: 0px 0 0 0; text-align: left;
   padding: 10px 0px 0px 24px; 

}
 
#Registration .eLeft
{
   float: left;
   text-align: left;  
   font-family: Verdana, Sans-Serif; 
   color: #000;
   font-size: 12px;   
   width: 80px;
   vertical-align: top; height: 14px;
   padding: 10px 0px 10px 0px; 
}

#Registration .eRight
{
   float: right; 
   text-align: left;  
   width: 446px;
   vertical-align: top;
   padding: 4px 0px 10px 0px; 
      font-family: Verdana, Sans-Serif; 
   color: #000;
   font-size: 12px; 

}

#Registration .floatLeft
{
float: left; width: 263px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0;
}
        #Registration .fl-Left
        {
        float: left; width: 80px; padding: 6px 0px 6px 0px;  margin: 0px 0 0 0; text-align: left;
        }

        #Registration .fl-Right
        {
        float: right; width: 183px; padding: 0 0 0 0;margin: 0px 0 0 0; text-align: left;
        }


#Registration .floatRight
{
float: right; width: 262px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0;
}

        #Registration .fr-Left
        {
        float: left; width: 100px; padding: 0 0 0 0; margin: 0px 0 0 0; text-align: left; 
        }
            #Registration .fr-StateText
            {
               float: left; width: 50px; text-align: center; font-family: Verdana, Sans-Serif; color: #000;font-size: 12px;   
               vertical-align: top; height: 14px;padding: 6px 0px 6px 0px; 
            }
            #Registration .fr-StateField
            {
                float: right; width: 50px;text-align: left;vertical-align: top; padding: 0px 0px 6px 0px; 
 
            }
        
        #Registration .fr-Right
        {
        float: right; width: 162px; padding: 0 0 0 0;margin: 0px 0 0 0; text-align: left;
        }
            #Registration .fr-ZipText
            {
               float: left; width: 70px; text-align: center; font-family: Verdana, Sans-Serif; color: #000;font-size: 12px;   
               vertical-align: top; height: 14px;padding: 6px 0px 6px 0px; 
            }
            #Registration .fr-ZipField
            {
                float: right; width: 92px;text-align: left;vertical-align: top; padding: 0px 0px 6px 0px; 
 
            }

#Registration .floatLeft1
{
float: left; width: 263px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0; 
}
#Registration .floatRight1
{
float: right; width: 262px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0;
}

#Registration .floatLeft-Sept
{
float: left; width: 315px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0; 
}
#Registration .floatRight-Sept
{
float: right; width: 210px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0;
}

        #Registration .fl-Left1
        {
        float: left; width: 80px; padding: 6px 0px 6px 0px;  margin: 0px 0 0 0; text-align: left;
        }

        #Registration .fl-Right1
        {
        float: right; width: 183px; padding: 0 0 0 0;margin: 0px 0 0 0; text-align: left;
        }
        
         #Registration .fr-Left1
        {
        float: left; width: 40px; padding: 6px 0px 6px 10px;  margin: 0px 0 0 0; text-align: left; 
        }

       #Registration .fr-Right1
        {
        float: right; width: 212px; padding: 0 0 0 0;margin: 0px 0 0 0; text-align: left;
        }


#Registration .floatLeft2
{
float: left; width: 150px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0; 
}
#Registration .floatRight2
{
float: right; width: 375px; padding: 6px 0px 6px 0px; margin: 0px 0 0 0; 
}

#Registration .eSingleLine
{
   text-align: left;  
   width: 525px;
   vertical-align: top; height: 14px;
   padding: 0px 0px 6px 0px; 
}
#Registration .eMoreInfo
{
   text-align: center;  
   width: 525px;
   vertical-align: top; height: 14px;
   padding: 48px 0px 6px 0px; 
}

#Registration .submitButton
{
   text-align: center;  
   width: 525px;
   vertical-align: middle;
   margin: 0px auto;
   padding: 12px 0px 2px 0px;  
}
#Registration .formTB
{
    width: 410px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_small
{
    width: 170px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_nominate
{
    width: 340px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_nominate1
{
    width: 175px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_email
{
    width: 174px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_state
{
    width: 30px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000; text-transform: uppercase;
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_zipcode
{
    width: 55px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}

#Registration .formTB_textarea
{
    width: 490px; 
    font-size: 12px; height: 14px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; background-color: #f8b4d5;
}


    #Registration a.redlink:link {color: #2e4281;  font-size: 12px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Registration a.redlink:visited {color: #2e4281;font-size: 12px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Registration a.redlink:hover {color: #2e4281; text-decoration: underline;  font-size: 12px; padding: 0px 0px 0px 0px; font-family: Verdana, Sans-Serif; font-weight: normal;}

    #Registration a.brownlink:link {color: #663700; line-height:14px;  font-size: 11px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Registration a.brownlink:visited {color: #663700; line-height:14px;font-size: 11px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Registration a.brownlink:hover {color: #663700; line-height:14px; text-decoration: none; border-bottom: dotted 1px #663700;  font-size: 11px; padding: 0px 0px 0px 0px; font-family: Verdana, Sans-Serif; font-weight: normal;}

/***** Footer ***************************************************************/
#Footer
{
    width: 939px; padding:0 0 0 0; margin: 0 auto;
}

#Footer .f_left
{
    float: left; width: 209px; text-align: left; padding: 10px 0 0 30px;margin: 0px auto;
    color: #663700;  font-size: 11px; font-family: Verdana, Sans-Serif;font-weight: normal;
}

#Footer .f_right
{
    float: right; width:290px; text-align: right; padding: 10px 10px 0 0;margin: 0px auto;color: #663700;
}
#Footer .f_legal {text-align: center; width: 429px;
                 color: #7d7b7b;  font-size: 10px; padding: 0px 250px 0px 260px; 
                 font-family: Verdana, Sans-Serif;font-weight: normal;}

#Footer .text {color: #663700;  font-size: 12px; padding: 0px 0px 0px 0px; font-family: Verdana, Sans-Serif;font-weight: normal;}


    #Footer a.brownlink:link {color: #663700;  font-size: 11px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Footer a.brownlink:visited {color: #663700;font-size: 11px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #Footer a.brownlink:hover {color: #663700; text-decoration: underline;  font-size: 11px; padding: 0px 0px 0px 0px; font-family: Verdana, Sans-Serif; font-weight: normal;}

/*  #Locator ***************************************************************/



#Locator
{
    width: 450px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center;
}

#Locator .locator_button
{
    width: 450px; margin: 0px auto; padding: 70px 0px 10px 0px; text-align: center;
}

#Locator .step1, .step2, .step3
{

float: left;width: 75px; margin: 0px auto; padding: 4px 0px 10px 0px; text-align: left;
}

#Locator .step1_text, .step2_text, .step3_text
{

float: right;width: 375px; margin: 0px auto; padding: 2px 0px 6px 0px; text-align: left;
}

#forward
{
    background-image: url(../i/img_forwardBackground.png); 
    background-repeat: no-repeat; width:579px; height:420px; margin: 10px auto; padding: 0px 0 0 0;
}

#forward .contentForward
{
    width: 400px; padding: 60px 0 0 0; text-align: center; margin: 0px auto;
}
#forward .emailText
{
   width: 400px; font-weight: normal; font-family: Verdana, Sans-Serif; font-size: 12px; margin: 0px auto; padding: 100px 0px 4px 10px;
   text-align: left;color: #000; 
 }  
 
#forward .emailText1
{
   width: 400px; font-weight: normal; font-family: Verdana, Sans-Serif; font-size: 12px; margin: 0px auto; padding: 0px 0px 10px 10px;
   text-align: left;color: #000; 
 }  
 
#forward .emailError
{
   width: 400px; font-weight: normal; font-family: Verdana, Sans-Serif; font-size: 11px; margin: 0px auto; padding: 100px 0px 4px 10px;
   text-align: left;color: #000; line-height:15px;
 }  
 
 #forward .eSingleLine
{
   text-align: left;  
   font-family: Verdana, Sans-Serif; 
   color: #000;
   font-size: 11px;   
   width: 380px;
   vertical-align: top;
   padding: 4px 4px 6px 40px; 
}


 
#forward .eLeft
{
   float: left;
   text-align: left;  
   font-family: Verdana, Sans-Serif; 
   color: #000;
   font-size: 11px;   
   width: 136px;
   vertical-align: top;
   padding: 8px 4px 0px 10px; 
}

#forward .eRight
{
   float: right; 
   text-align: left;  
   width: 250px;
   vertical-align: top;
   padding: 4px 0px 2px 0px; 
}


#forward .formTextArea
{
    width: 250px;
    height: 80px;
    font-size: 12px;font-weight: bold;
    border: solid 1px #000;
   padding: 2px 0px 2px 4px;   color: #663700;background-color: #f8b4d5; 
}
#forward .submitButton
{
   text-align: center;  
   width: 400px;
   vertical-align: middle;
   margin: 0px auto;
   padding: 6px 0px 2px 0px;
}
#forward .formTB
{
    width: 250px; 
    height: 14px;
    font-size: 12px;
    color: #663700; font-weight: normal;
    border: solid 1px #000;  
   padding: 2px 0px 2px 4px; margin: 0px 0px 0px 0px;background-color: #f8b4d5;
}



    #forward a.redlink:link {color: #d31145;  font-size: 12px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #forward a.redlink:visited {color: #d31145;font-size: 12px; padding: 0px 0px 0px 0px; text-decoration: none; font-family: Verdana, Sans-Serif;font-weight: normal;}
    #forward a.redlink:hover {color: #d31145; text-decoration: underline;  font-size: 12px; padding: 0px 0px 0px 0px; font-family: Verdana, Sans-Serif; font-weight: normal;}


