﻿body
{
    text-align: center;
    background-color:#f2f2f2;
    margin: 0; padding: 0;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    height:100%;
    overflow:scroll;

}



#wrapper
{
    width:895px;
    margin: 0 auto;
    position: relative; top: 0;
    height:100%;
    background-color:White;
    }

#cont
{
     float:left;
     min-height:100%;
     background-color:White;
    
}    

#header
{
    background-image:url(images/header_01.jpg);
    background-repeat:no-repeat;
    float:left;
    width:260px;
    height:89px;
}

.headertext
{
    font-family:Arial;
    font-size:18px;
    color:#792158;
    margin-top:20px;
}

#toptext
{
    float:left;
    width:580px;
    height:89px;
    text-align:center;
    background-color:White;
}

#headerflower
{
    background-image:url(images/header_03.jpg);
    background-repeat:no-repeat;
    width:45px;
    height:89px;
    float:right;
}

#nav
{
    clear:both;
    float:left;
    width:885px;
}

.navtext
{
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    margin-top:8px;
}

.navtext a
{
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-align:center;
}

.navtext a:visited
{
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-align:center;
}

.navtext1
{
    color:White;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    margin-top:8px;
}

.navtext a:hover
{
    color:#eccb8c;
}

.navtext1 a
{
    color:#eccb8c;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    text-align:center;
}

.navtext1 a:hover
{
    color:White;
}

#home
{
    background-image:url(images/nav_01.jpg);
    width:64px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
    line-height:25px;
}

#why
{
    background-image:url(images/nav_02.jpg);
    width:85px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#dangers
{
    background-image:url(images/nav_03.jpg);
    width:97px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#reducing
{
    background-image:url(images/nav_04.jpg);
    width:118px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#faqs
{
    background-image:url(images/nav_05.jpg);
    width:56px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
    line-height:25px;    
}

#friends
{
    background-image:url(images/nav_06.jpg);
    width:75px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#information
{
    background-image:url(images/nav_07.jpg);
    width:128px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#bottomnav
{
    background-image:url(images/nav_09.jpg);
    background-repeat:no-repeat;
    float:left;
    clear:both;
    width:885px;
    height:251px;
}

#barsbottom
{
    background-image:url(images/bottom.jpg);
    width:885px;
    height:38px;
    background-repeat:no-repeat;
    float:left;
    clear:both;
}

#flower
{
    background-image:url(images/flower.jpg);
    background-repeat:no-repeat;
    width:285px;
    height:303px;
    float:left;
    clear:left;
    background-color:White;
}

#textbox
{
    font-family:Arial;
    color:#792158;
    width:600px;
    float:left;
    clear:left;
    margin-top:-460px;
    margin-left:285px;
    background-color:White;
    text-align:left;
}

.textheader h1
{
    font-size:15pt;
    font-weight:bold;
    margin-top:10px;
    margin-right:20px;
}

.textpara
{
    font-size:11pt;
    margin-right:30px;
}

.red
{
    color:Red;
}

#lineleft
{
    background-image:url(images/line.jpg);
    min-height:100%;
    background-repeat:repeat;  
    width:5px;
    float:left;
}

#lineright
{
    background-image:url(images/lineright.jpg);
    min-height:100%;
    width:5px;
    background-repeat:repeat;
    float:right;
    clear:right;
}

#lineleftwhy
{
    background-image:url(images/line.jpg);
    height:875px;
    background-repeat:repeat;  
    width:5px;
    float:left;
}

#linerightwhy
{
    background-image:url(images/lineright.jpg);
    height:875px;
    width:5px;
    background-repeat:repeat;
    float:right;
    clear:right;
}

#lineleftdan
{
    background-image:url(images/line.jpg);
    height:875px;
    background-repeat:repeat;  
    width:5px;
    float:left;
}

#linerightdan
{
    background-image:url(images/lineright.jpg);
    height:875px;
    width:5px;
    background-repeat:repeat;
    float:right;
    clear:right;
}

#lineleftfaq
{
    background-image:url(images/line.jpg);
    min-height:1480px;
    background-repeat:repeat;  
    width:5px;
    float:left;
}

#linerightfaq
{
    background-image:url(images/lineright.jpg);
    min-height:1480px;
    width:5px;
    background-repeat:repeat;
    float:right;
    clear:right;
}

#lineleftreg
{
    background-image:url(images/line.jpg);
    min-height:1660px;
    background-repeat:repeat;  
    width:5px;
    float:left;
}

#linerightreg
{
    background-image:url(images/lineright.jpg);
    min-height:1660px;
    width:5px;
    background-repeat:repeat;
    float:right;
    clear:right;
}






#registerbutton
{
    background-image:url(images/registerbutton.jpg);
    background-repeat:no-repeat;
    width:180px;
    height:66px;
    float:left;
    clear:both;
    margin-left:430px;
    padding-top:15px;
    margin-bottom:20px;
    text-align:center;
}

.buttontextbot a
{
    font-family:Arial;
    color:White;
    font-weight:bold;
    font-size:13pt;
}

.buttontextbot a:hover
{
    color:#f0f0f0;
}

.buttontext a
{
    font-family:Arial;
    line-height:50px;
    color:White;
    font-weight:bold;
    margin-left:130px;
    font-size:13px;
}

.buttontext a:hover
{
    color:#f0f0f0;
}

#registernav
{
    background-image:url(images/nav_08.jpg);
    width:262px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}

#space
{
    background-image:url(images/space.jpg);
    width:75px;
    height:52px;
    background-repeat:no-repeat;
    float:left;
}