*
{
    margin: 0;
    padding: 0;
}

body
{
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/background.jpg) top center repeat-x;
}

img
{
    border: 0;
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

#container
{
    width: 863px;
    margin: 0 auto;
}

/* Masthead - search, logo, nav etc */

#masthead
{
    width: 863px;
    height: 145px;
    float: left;
}

#topLeft
{
    width: 576px;
    height: 145px;
    float: left;
    background: url(../images/masthead-bg.jpg) top left no-repeat;
}

#search
{
    width: 270px;
    height: 59px;
    float: left;
    margin-top: 86px;
}

#textSize
{
    width: 306px;
    height: 56px;
    float: left;
    margin-top: 86px;
    padding-top: 3px;
}

#logo
{
    width: 287px;
    height: 145px;
    float: left;
}

#nav
{
    width: 863px;
    position: relative;
    float: left;
    background: url(../images/nav-home-bg.jpg) top left no-repeat;
}

/* Banners */

#banner
{
    width: 863px;
    height: 223px;
    float: left;
}

#bannerText
{
    width: 565px;
    height: 50px;
    float: left;
    margin: 92px 0px 0px 43px;
}

.imgBanner
{
    width: 863px;
    height: 183px;
    float: left;
}

.BannerStopSmoking
{
    background: url(../images/banner-smoking.gif) top left no-repeat;
}

.BannerLoseWeight
{
    background: url(../images/banner-loseweight.gif) top left no-repeat;
}

.BannerGetActive
{
    background: url(../images/banner-getactive.gif) top left no-repeat;
}

.BannerHealthyEating
{
    background: url(../images/banner-healthyeating.gif) top left no-repeat;
}

.BannerDrinkSafely
{
    background: url(../images/banner-drinksafely.gif) top left no-repeat;
}

.BannerHealthTrainers
{
    background: url(../images/banner-healthtrainers.gif) top left no-repeat;
}

.BannerNewsEvents
{
    background: url(../images/banner-news.gif) top left no-repeat;
}

.BannerFindOutMore
{
    background: url(../images/banner-findoutmore.gif) top left no-repeat;
}

/* News ticker */

#newsContainer
{
    width: 863px;
    height: 29px;
    float: left;
    background: url(../images/news-bg.jpg) top left no-repeat;
}

#newsTitle
{
    width: 139px;
    height: 29px;
    float: left;
}

#newsContent
{
    width: 700px;
    height: 29px;
    float: left;
}

/* Breadcrumb trails */
.breadcrumb
{
    width: 863px;
    height: 29px;
    float: left;
}
#breadcrumbTitle
{
    width: 98px;
    height: 29px;
    float: left;
}
#breadcrumbTitle span
{
    display: none;
}
#breadcrumbContent
{
    width: 740px;
    height: 29px;
    float: left;
}

.breadcrumbStopSmoking
{
    background: url(../images/breadcrumb-stopsmoking-bg.jpg) top left no-repeat;
}
.breadcrumbStopSmoking #breadcrumbTitle
{
    background: url(../images/breadcrumb-stopsmoking-title.jpg) top left no-repeat;
}

.breadcrumbLoseWeight
{
    background: url(../images/breadcrumb-loseweight-bg.jpg) top left no-repeat;
}
.breadcrumbLoseWeight #breadcrumbTitle
{
    background: url(../images/breadcrumb-loseweight-title.jpg) top left no-repeat;
}
.breadcrumbGetActive
{
    background: url(../images/breadcrumb-getactive-bg.jpg) top left no-repeat;
}
.breadcrumbGetActive #breadcrumbTitle
{
    background: url(../images/breadcrumb-getactive-title.jpg) top left no-repeat;
}
.breadcrumbHealthyEating
{
    background: url(../images/breadcrumb-healthyeating-bg.jpg) top left no-repeat;
}
.breadcrumbHealthyEating #breadcrumbTitle
{
    background: url(../images/breadcrumb-healthyeating-title.jpg) top left no-repeat;
}
.breadcrumbDrinkSafely
{
    background: url(../images/breadcrumb-drinksafely-bg.jpg) top left no-repeat;
}
.breadcrumbDrinkSafely #breadcrumbTitle
{
    background: url(../images/breadcrumb-drinksafely-title.jpg) top left no-repeat;
}
.breadcrumbHealthTrainers
{
    background: url(../images/breadcrumb-healthtrainers-bg.jpg) top left no-repeat;
}
.breadcrumbHealthTrainers #breadcrumbTitle
{
    background: url(../images/breadcrumb-healthtrainers-title.jpg) top left no-repeat;
}
.breadcrumbNewsEvents
{
    background: url(../images/breadcrumb-news-bg.jpg) top left no-repeat;
}
.breadcrumbNewsEvents #breadcrumbTitle
{
    background: url(../images/breadcrumb-news-title.jpg) top left no-repeat;
}
.breadcrumbFindOutMore
{
    background: url(../images/breadcrumb-findoutmore-bg.jpg) top left no-repeat;
}
.breadcrumbFindOutMore #breadcrumbTitle
{
    background: url(../images/breadcrumb-findoutmore-title.jpg) top left no-repeat;
}

/* Home page content */

#homeContainer
{
    width: 863px;
    float: left;
    padding-bottom: 20px;
}

#homeColLeft
{
    width: 287px;
    float: left;
}

#homeColMid
{
    width: 287px;
    float: left;
}

#homeColRight
{
    width: 288px;
    float: left;
}

/* Change4life panel */

#changeContainer
{
    width: 425px;
    height: 159px;
    float: left;
}

#changeTitle
{
    width: 425px;
    height: 37px;
    float: left;
}

#changeContent
{
    width: 425px;
    height: 104px;
    float: left;
    background: url(../images/change4life-bg.jpg) top left no-repeat;
}

#changeBottom
{
    width: 425px;
    height: 18px;
    float: left;
    background: url(../images/change4life-bottom.jpg) top left no-repeat;
}

/* Topical items panel */

#topicalContainer
{
    width: 425px;
    height: 159px;
    float: left;
    margin-left: 13px;
}

#topicalTitle
{
    width: 425px;
    height: 37px;
    float: left;
}

#topicalContent
{
    width: 425px;
    height: 104px;
    float: left;
    background: url(../images/topical-bg.jpg) top left no-repeat;
}

#topicalBottom
{
    width: 425px;
    height: 18px;
    float: left;
    background: url(../images/topical-bottom.jpg) top left no-repeat;
}

/* Content/Sub pages */

#subContainer
{
    width: 863px;
    float: left;
    padding-bottom: 10px;
}

#subColLeft
{
    width: 194px;
    padding-top: 27px;
    float: left;
}

#subColMid
{
    width: 481px;
    float: left;
}

#subColMidApplication
{
    width: 667px;
    float: left;
}

div#FlashApplication
{
    text-align: right;
    padding-bottom: 15px;
}
#subColRight
{
    width: 188px;
    padding-top: 27px;
    float: left;
}

/* Sub nav on each content page */
.subnav
{
    width: 194px;
    float: left;
    min-height: 201px;
    position: relative;
}
#subnavBottom
{
    width: 194px;
    height: 6px;
    float: left;
    position: absolute;
    bottom: 0;
}

.subnavStopSmoking
{
    background: url(../images/subnav-stopsmoking-bg.jpg) top left no-repeat;
    background-color: #11478A;
}

.subnavStopSmoking #subnavBottom
{
    background: url(../images/subnav-stopsmoking-bottom.jpg) top left no-repeat;
}

.subnavLoseWeight
{
    background: url(../images/subnav-loseweight-bg.jpg) top left no-repeat;
    background-color: #d80e26;
}

.subnavLoseWeight #subnavBottom
{
    background: url(../images/subnav-loseweight-bottom.jpg) top left no-repeat;
}

.subnavGetActive
{
    background: url(../images/subnav-getactive-bg.jpg) top left no-repeat;
    background-color: #d77129;
}

.subnavGetActive #subnavBottom
{
    background: url(../images/subnav-getactive-bottom.jpg) top left no-repeat;
}

.subnavHealthyEating
{
    background: url(../images/subnav-healthyeating-bg.jpg) top left no-repeat;
    background-color: #0198ab;
}

.subnavHealthyEating #subnavBottom
{
    background: url(../images/subnav-healthyeating-bottom.jpg) top left no-repeat;
}

.subnavDrinkSafely
{
    background: url(../images/subnav-drinksafely-bg.jpg) top left no-repeat;
    background-color: #009ee8;
}

.subnavDrinkSafely #subnavBottom
{
    background: url(../images/subnav-drinksafely-bottom.jpg) top left no-repeat;
}

.subnavHealthTrainers
{
    background: url(../images/subnav-healthtrainers-bg.jpg) top left no-repeat;
    background-color: #019934;
}

.subnavHealthTrainers #subnavBottom
{
    background: url(../images/subnav-healthtrainers-bottom.jpg) top left no-repeat;
}

.subnavNewsEvents
{
    background: url(../images/subnav-news-bg.jpg) top left no-repeat;
    background-color: #663398;
}

.subnavNewsEvents #subnavBottom
{
    background: url(../images/subnav-news-bottom.jpg) top left no-repeat;
}

.subnavFindOutMore
{
    background: url(../images/subnav-findoutmore-bg.jpg) top left no-repeat;
    background-color: #cd0067;
}

.subnavFindOutMore #subnavBottom
{
    background: url(../images/subnav-findoutmore-bottom.jpg) top left no-repeat;
}


/* Footer */

#footer
{
    width: 863px;
    height: 43px;
    float: left;
    background: url(../images/footer-bg.jpg) top left no-repeat;
    margin-top: 11px;
}