/* Position helper class */
div.positional
{
    position: absolute;
    padding:  0px;
    margin:   0px;
    width:    auto;
    height:   auto;
}

/* Styles */
body
{
    margin:            0px;
    padding:           0px;
    font-family:       Arial, sans-serif;
    font-size:         13px;
    line-height:       1.4em;
    text-align:        center;
    color:             #000000;
    background:        url("../img/bg-repeat.gif") #FFFFFF;
}

p
{
    margin-top:    11px;
    margin-bottom: 11px;
}

img
{
    border: 0;
}

a:link,
a:active,
a:hover,
a:visited
{
    color:           #000000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    font-size:     18px;
    margin-top:    0px;
    margin-bottom: 11px;
}

h2
{
    font-size:     17px;
    margin-top:    0px;
    margin-bottom: 4px;
}

.chunkytext
{
    font-size:   16px;
    font-weight: bold;
}

.smalltext
{
    font-size: 11px;
    line-height: 14px;
}

.lefty  { float:left; }
.righty { float:right; }

.invalid
{
    background-color: #efe499;
}

/* Image vertical alignment helper */
.middle
{
    vertical-align: middle;
    margin-top:     1px;
    margin-bottom:  2px;
    margin-left:    3px;
}

/* General layout */
div
{
    margin:  0px;
    padding: 0px;
}

div#container
{
    width:        952px;
    margin-left:  auto;
    margin-right: auto;
    text-align:   left;
}

div#status
{
    width:  952px;
    height: 21px;
    color:  #FFFFFF;
    background-color: #222222;
}

div#header
{
    width:  952px;
    height: 113px;
    background-color:  #FFFFFF;
    background-image:  url('../img/header-bg.jpg');
    background-repeat: repeat-x;
}

div#nav
{
    width:  952px;
    height: 34px;
    background-color:  #969696;
    background-image:  url('../img/nav-bg.jpg');
    background-repeat: repeat-x;
    margin-bottom: 5px;
}

div#content
{
    width:  952px;
    height: 610px;
    background-color:  #d1d1d1;
    background-image:  url('../img/content-bg.jpg');
    background-repeat: repeat-x;
    margin-bottom: 5px;
}

div#footer
{
    width:  952px;
    height: 57px;
    color:  #FFFFFF;
    background-color: #222222;
    margin-bottom: 5px;
}

/* Specific layout */
#loginstatus
{
    font-size:   11px;
    line-height: 1em;
    margin:      5px 0 0 10px;
    float:       left;
}
#btndownloads   { float: right; }
#btnourpartners { float: right; }
#btnyourviews   { float: right; }

img#logomain
{
    float: left;
    margin: 25px 0 0 20px;
}

img#headerbanner
{
    float: right;
    margin: 10px 10px 0 0;
}

.navbutton
{
    float: left;
    margin: 2px 0 0 0;
}

.navbutton#btnlogin
{
    float: right;
}

div#contentarea
{
    float: left;

    width:  775px;
    height: 521px;
    margin: 5px 0px 5px 6px;
}

div#contentareawide
{
    float:  left;

    width:  939px;
    height: 521px;
    margin: 5px 0px 5px 6px;
}

div#links
{
    float: left;

    width:  775px;
    height: 73px;
    margin: 0px 0px 5px 6px;
    
    background-color:  #FFFFFF;
    background-image:  url('../img/links-bg.jpg');
    background-repeat: repeat-x;
}

.link
{
    float:      left;
    margin-top: 12px;
}

img#bannerright
{
    float:right;
    margin: 5px 5px 0px 0px;
}

div#copyright
{
    float:  left;
    width:  177px;
    height: 20px;
    margin: 21px 0 0 14px;
    font-weight: bold;
}

div#footerlinks
{
    float:  left;
    width:  597px;
    height: 20px;
    text-align: center;
    margin-top: 21px;
}

img#footerlogo
{
    float: right;
    padding: 10px 10px 0 0;
}

div#footerlinks a:link,
div#footerlinks a:active,
div#footerlinks a:hover,
div#footerlinks a:visited
{
    margin:          0 16px 0 16px;
    color:           #FFFFFF;
    text-decoration: none;
}

div#footerlinks a:hover
{
    text-decoration: underline;
}

/* Content boxes */
img.boxtitle
{
    float: left;
    background-color: #222222;
}

div.boxcontent
{
    float:  left;
    margin: 16px 16px 16px 16px;
}

#boxwelcome
{
    float:  left;
    width:  554px;
    height: 299px;
    background-image:    url('../img/box-welcome.jpg');
    background-position: bottom left;
    background-repeat:   no-repeat;
}

#boxmembersarea
{
    float:  right;
    width:  379px;
    height: 135px;
    margin-bottom: 5px;
    background-image:  url('../img/box-members-area-home.jpg');
    background-position: bottom left;
    background-repeat:   no-repeat;
}

#boxtestarea
{
    float:  right;
    width:  379px;
    height: 159px;
    background-image:  url('../img/box-test-area-home.jpg');
    background-position: bottom left;
    background-repeat:   no-repeat;
}

#boxtestareaintro
{
    float:  left;
    width:  938px;
    height: 134px;
    background-image:    url('../img/box-test-area-intro.jpg');
    background-position: bottom left;
    background-repeat:   no-repeat;
    margin-bottom:       5px;
}

#boxtestareachoose
{
    float:  left;
    width:  938px;
    height: 382px;
    background-image:    url('../img/box-test-area-choose.jpg');
    background-position: bottom left;
    background-repeat:   no-repeat;
}

/* Misc */
#homegraphic
{
    float: left;
    margin-bottom: 5px;
}

#fit4lifeminibanner
{
}

input.loginform
{
    float:   left;
    width:   230px;
    height:  22px;
    border:  1px solid #cacaca;
    margin:  0 0 6px 0;
    padding: 0 5px 0 5px;
}

label.regform
{
}

input.regform, select.regform
{
    width:   195px;
    height:  22px;
    border:  1px solid #cacaca;
    margin:  0 0 14px 0;
    padding: 0 0 0 5px;
}

#loginnow
{
    float:right;
}

#boxmembersarea div.boxcontent
{
    text-align:   right;
    margin-left:  11px;
    margin-right: 11px;
}

#boxtestarea div.boxcontent
{
    margin: 4px 5px 4px 5px;
}

#boxtestarea div.boxcontent img
{
    float: left;
    margin-right: 13px;
}

#boxtestareachoose div.boxcontent
{
    margin: 0;
}

#boxgatherdetails div.boxcontent
{
    margin: 0;
}

#gatherdetailsintro
{
    background-image: url('../img/box-gather-details-intro.jpg');
    width:      915px;
    height:     65px;
    margin-top: 5px;
    padding:    12px;
}

#gatherdetailsmain
{
    background-image: url('../img/box-gather-details-main.jpg');
    width:      915px;
    height:     375px;
    margin-top: 5px;
    padding:    12px;
}

div.boxtest
{
    width:  910px;
    height: 123px;
    border: 1px solid transparent;
    margin-bottom: 4px;
    padding-right: 20px;
}

div.boxtest img
{
    float: left;
    margin: 5px 24px 5px 5px;
}

div.boxtest h2
{
    margin-top: 20px;
}