@charset "utf-8";

html { min-height: 100%; margin-bottom: 1px; }

.makeTan {
    color: #dfd9bf;
    font-weight: bold;
}
#putAddressInLeftColumn {
    position: absolute;
    left: 100px;
    top: 375px;
}

#MainSubNav {
    position: absolute;
    left: 442px;
    top: 68px;
    display: none;
    width: 337px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}
#MainSubNav    #subNav_Free_Resources a {
    background-image: url(/images/mainmenu_subnav.png);
    display: block;
    height: 24px;
    width: 110px;
    background-repeat: no-repeat;
}

#MainSubNav  #subNav_DGSB a {
    background-image: url(/images/mainmenu_subnav.png);
    display: block;
    height: 24px;
    width: 179px;
    background-position: -110px 0px;
    background-repeat: no-repeat;
}
#MainSubNav  #subNav_Store a {
    background-image: url(/images/mainmenu_subnav.png);
    display: block;
    height: 24px;
    width: 48px;
    background-position: -289px 0px;
    background-repeat: no-repeat;
}
#MainSubNav #subNav_Free_Resources a:hover {
    background-position: 0px -24px;
}
#MainSubNav #subNav_DGSB a:hover {
    background-position: -110px -24px;
}
#MainSubNav #subNav_Store a:hover {
    background-position: -289px -24px;
}




#MainSubNav li {
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 24px;
}
#MainSubNav ul {
    margin: 0px;
    padding: 0px;
    height: 24px;
    width: 337px;
}


a {
    color: #DC891D;
}

a:hover {
    color: #2B898E;
}

#greybar {
    background-color: #A39F8F;
    display: block;
    height: 422px;
    width: 100%;
    position: absolute;
    top: 127px;
    left: 0px;
}

#greybar2 {
    background-color: #ff3e39;
    display: block;
    height: 324px;
    width: 100%;
    position: absolute;
    top: 127px;
    left: 0px;
}

body {
    font-size: 12px;
    margin: 0px;
    clear: none;
    background-color: #FFFFFF;
    background-image: url(../images/bigswirl.gif);
    background-repeat: no-repeat;
    font-family: Helvetica, Arial, sans-serif;
    background-position: 50% -20px;
    height: 100%;
}




img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.hidden {
    display: none;
}
.tab {
    padding-left: 20px;
}

span.BradBrightSignature {
    display: block;
    height: 60px;
    width: 200px;
    background-image: url(/images/bradbrightsignature.png);
    margin-top: 15px;
    margin-bottom: 150px;
    background-repeat: no-repeat;
    padding-top: 60px;
    position: relative;
    left: -5px;
    padding-left: 5px;
}

.RegionCenter {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    width: 788px;
    height: 100%;
    margin-bottom: 0px;
    padding: 0px;
    position: relative;
}

.RegionLeft {
    width: 302px;
    display: block;
}


.RegionRight {
border: 1px solid #d8e4df;
    background-color: #d8e4df;
    width: 486px;
    color: #41403a;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    display: block;
}

.RegionRight p {
    padding-left: 21px;
    padding-right: 21px;
    line-height: 18px;
}





.RegionRight h1 {
    font-size: 27px;
    font-weight: normal;
    color: #429486;
    padding-left: 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#withLinks.RegionRight  {
    background-color: #d8e4df;
    width: 486px;
    color: #41403a;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    background-image: url(/images/scriptlinksdropshadow.png);
    background-repeat: no-repeat;
    background-position: 0px 138px;
    position: absolute;
    top: 127px;
    left: 302px;
}
#ornament.RegionRight {
    background-image: url(/images/ornament2.gif);
    background-position: 100% 0%;
    background-repeat: no-repeat;
}
#extend422.RegionRight {
    background-image: url(/images/ornament2.gif);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    height: 422px;
}

.greyArea {
    display: block;
    height: 300px;
    background-color: #D8E4DF;
    margin: 0px;
    width: 400px;
}


#expandAll {
    display: block;
    height: 20px;
    width: 96px;
    background-image: url(/images/button_expandall.png);
    position: absolute;
    top: 66px;
    left: 350px;
}
#hideAll {
    display: none;

    height: 20px;
    width: 96px;
    background-image: url(/images/button_hideall.png);
    position: absolute;
    top: 66px;
    left: 350px;
}

#breadcrumbs a:hover {
    padding-top: 0;
    padding-bottom: 20px;
    color: #efa23f;
}



#breadcrumbs a {
    text-decoration: none;
    padding-bottom: 20px;
    color: #8f8b7d;
}
#breadcrumbs {
    font-size: 9px;
    font-weight: bold;
    color: #41403a;
    padding-top: 25px;
}
.xbutton {
    float: right;
    height: 23px;
    width: 23px;
    text-align: right;
    padding-top: 8px;
    padding-right: 8px;
}
.xbutton a {
    background-image: url(/images/xbutton.gif);
    height: 23px;
    width: 23px;
    display: block;
    background-position: 0px 0px;
}
.RegionLeftDarker {
    width: 151px;
    height: 122px;
    background-color: #989485;
    margin-left: 151px;
    padding-top: 300px;
    padding-left: 15px;
}
.RegionLeftDarker p {
    font-size: 11px;
    color: #FFFFFF;
    font-style: italic;
    margin: 0px;
    display: block;
    padding: 0px;
    width: 120px;
}

#GiveNow_Centered {
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}
#GiveNow_Centered a {
    background-image: url(/images/button_giveNow.png);
    height: 27px;
    width: 130px;
    display: block;
    margin-left: 155px;
    margin-bottom: 0px;
    margin-top: 40px;
}
#GiveNow_Centered a:hover {
    background-position: -130px 0px;
}




.xbutton a:hover {
    background-position: -23px 0px;
}

#EmailForm ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: block;
}
#EmailForm li {
    float: left;
}
#TopCenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    height: 127px;
    width: 788px;
}
#TopCenter #title {
    width: 788px;
    height: 127px;
    background-image: url(../images/sitetitle.png);
    background-repeat: no-repeat;
    background-position: 25px 15px;
}

body.home #TopCenter #title {
    background: url(/images/top-quote.png) no-repeat 15px 35px;
}

#TopCenter #title div {
    height: 27px;
}

div #EmailForm {
    text-align: right;
    width: 240px;
    height: 27px;
    float: right;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
div #EmailForm form {
    margin: 0px;
    padding: 0px;
}





#EmailForm #MyTextInput {
    height: 22px;
    width: 197px;
    display: block;
    padding: 0px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#EmailForm #MyTextInput input {
    text-align: right;
}

#EmailForm #MySubmitButton {
    background-image: url(/images/button_go.png);
    height: 27px;
    width: 33px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    display: block;
    margin-left: 10px;
}
#EmailForm #MySubmitButton:hover {
    background-image: url(/images/button_go.png);
    background-position: -33px 0px;
}
#EmailForm #MyInfoButton {
    background-image: url(/images/button_info.png);
    height: 23px;
    width: 23px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    display: block;
    margin-top: 2px;
}
#EmailForm #MyInfoButton:hover {
    background-position: -23px 0px;
}
#mainSiteMenu {
    width: 788px;
    padding: 0px;
    height: 27px;
    position: absolute;
    top: 90px;
    left: 0px;
    margin: 0px;
}

body.home #mainSiteMenu {
    margin-left: 30px
    }
   
#mainSiteMenu li {
    float: left;
    list-style-type: none;
}

#mainSiteMenu #option0 a {
    width: 130px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    height: 27px;
    display: block;
}
#mainSiteMenu #option1 a {
    width: 112px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    height: 27px;
    display: block;
    background-position: -386px 0px;
}
#mainSiteMenu #option2 a {
    width: 78px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    display: block;
    height: 27px;
    background-position: -503px 0px;
}
#mainSiteMenu #option3 a {
    width: 107px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -586px 0px;
    display: block;
    height: 27px;
}
#mainSiteMenu #option4 a {
    width: 90px;
    background-image: url(../images/mainmenu3.gif);
    background-position: 100% 0px;
    display: block;
    height: 27px;
}
#mainSiteMenu #option5 a {
    width: 104px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -135px 0px;
    height: 27px;
    margin-right: 5px;
    display: block;
}
#mainSiteMenu #option6 a {
    width: 137px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -244px 0px;
    display: block;
    height: 27px;
    margin-right: 5px;
}


#mainSiteMenu #option0 a:hover {
    background-position: 0px -27px;
}

#mainSiteMenu          #option1 a:hover            {
    background-position: -386px -27px;
}
#mainSiteMenu  #option2 a:hover  {
    background-position: -503px -27px;
}
#mainSiteMenu  #option3 a:hover  {
    background-position: -586px -27px;
}
#mainSiteMenu  #option4 a:hover  {
    background-position: 100% -27px;
}
#mainSiteMenu #option5 a:hover {
    background-position: -135px -27px;
}
#mainSiteMenu #option6 a:hover {
    background-position: -244px -27px;
}



#footerNAV {
    margin: 12px 7px;
    padding: 0px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #9c9991;
    border-right-color: #9c9991;
    border-bottom-color: #9c9991;
    border-left-color: #9c9991;
}
#footerNAV ul {
    font-size: 9px;
    list-style-type: none;
    padding-right: 0px;
    padding-left: 139px;
    display: block;
    line-height: 16px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#footerNAV li {
}
#footerNAV  ul a {
    color: #8f8b7d;
    text-decoration: none;
    font-weight: bold;
}

#footerNAV a:hover {
    color: #efa23f;
}
#footerNAV    a.brightMediaLink {
    background-image: url(../images/bmf_logo.png);
    height: 25px;
    width: 114px;
    display: block;
    float: left;
    margin: 36px 0 0;
}
#footerNAV .brightMediaLink:hover {
    background-position: -114px 0px;
}
.tab15 {
    padding-left: 15px;
}
.extendoPage {
    margin-bottom: 800px;
}
.align150 {
    left: 150px;
    margin-top: -5px;
    position: absolute;
}
ul  {
    font-size: 12px;
}

.smallCaps {
    font-size: 10px;
    font-variant: small-caps;
    text-transform: capitalize;
    display: block;
}

.tab5 {
    padding-left: 5px;
}
#dgLogo {
    position: absolute;
    left: 25px;
    top: 15px;
   
}
#option6 .menuHidden  {
    width: 137px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -244px -27px;
    height: 27px;
    margin-right: 5px;
}
#option5 .menuHidden {
    width: 104px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -135px -27px;
    height: 27px;
    margin-right: 5px;
}
#option4 .menuHidden  {
    width: 90px;
    background-image: url(../images/mainmenu3.gif);
    background-position: 100% -27px;
    height: 27px;
}
#option3 .menuHidden  {
    width: 107px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    background-position: -586px -27px;
    height: 27px;
}
#option2 .menuHidden  {
    width: 78px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    height: 27px;
    background-position: -503px -27px;
}
#option1 .menuHidden  {
    width: 112px;
    margin-right: 5px;
    background-image: url(../images/mainmenu3.gif);
    height: 27px;
    background-position: -386px -27px;
}


.menuHidden {
    display: none;
}
body.home #option5 .menuHidden, body.familyAdventures  #option6 .menuHidden, body.resources  #option4 .menuHidden, body.kidsClub #option2 .menuHidden, body.parentsPlace #option1 .menuHidden, body.shieldBearer #option3 .menuHidden
{
    display: block;

}
body.home #option5 .menuLive, body.familyAdventures  #option6 .menuLive, body.resources  #option4 .menuLive, body.kidsClub #option2 .menuLive, body.parentsPlace #option1 .menuLive, body.shieldBearer #option3 .menuLive
{
    display: none;
}
.font10px {
    font-size: 10px;
}

a.miniBtnPower img {width: 151px; height: 63px; background: url(../images/internal_button_mini_power2.jpg) 0 0}
a.miniBtnPower:hover img {background: url(../images/internal_button_mini_power2.jpg) -151px 0}

a.miniBtnPersonally img {width: 151px; height: 63px; background: url(../images/internal_button_mini_personally.jpg) 0 0}
a.miniBtnPersonally:hover img {background: url(../images/internal_button_mini_personally.jpg) -151px 0}

a.miniBtnCharacter img {width: 151px; height: 63px; background: url(../images/internal_button_mini_character.jpg) 0 0}
a.miniBtnCharacter:hover img {background: url(../images/internal_button_mini_character.jpg) -151px 0}

body.home a.homeLogo {display: none}

body.home #footerNAV {margin: auto; width: 900px; border: none}
body.home #footerNAV ul {list-style-type:none; margin: 24px 0; padding: 0}
body.home #footerNAV ul li {display: block; float: left; font-size: 10px; margin: 0 12px 0 0; padding: 0 12px 0 0; border-right: 1px solid #8f8b7d; text-align: center}
body.home #footerNAV li.lastNav {border: none}
body.home #footerNAV ul li a {
    color: #8f8b7d;
    text-decoration: none;
    }
body.home #footerNAV ul li a:hover {
    text-decoration: underline;
    }
   
body.home #footerNAV    a.brightMediaLink {
    background-image: none;
}
   
div.downloadLink {float: right; width: 119px; margin: 0 0 12px 12px; background: #d7d7d7; padding: 10px 0; text-align: center; border: 1px solid #bbb;}
div.downloadLink p {line-height: 1em}

/* for video */
.video-container {
    width: 245px;
    height: 305px;
    background: url('../images/video-container.png') no-repeat;
    position: absolute;
    left: 620px;
    top: 160px;
    float: left;
}