@charset "UTF-8";

/* CSS coding for EngenderHealth */
/* by tdevries@engenderhealth.org */

@import url("//hello.myfonts.net/count/263d9a");
@font-face {font-family: 'Avenir';font-weight: bold;font-style: normal;src: url('/webfonts/263D9A_0_0.eot');src: url('/webfonts/263D9A_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/263D9A_0_0.woff') format('woff'),url('/webfonts/263D9A_0_0.ttf') format('truetype'),url('/webfonts/263D9A_0_0.svg#wf') format('svg');}
@font-face {font-family: 'Avenir';font-weight: normal;font-style: normal;src: url('/webfonts/263D9A_1_0.eot');src: url('/webfonts/263D9A_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/263D9A_1_0.woff') format('woff'),url('/webfonts/263D9A_1_0.ttf') format('truetype'),url('/webfonts/263D9A_1_0.svg#wf') format('svg');}
@font-face { font-family: 'ashbury-lightregular'; src: url('/webfonts/AshburyLig-webfont.eot?#iefix'); src: url('/webfonts/AshburyLig-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/AshburyLig-webfont.woff') format('woff'), url('/webfonts/AshburyLig-webfont.ttf') format('truetype'), url('/webfonts/AshburyLig-webfont.svg#ashbury-lightregular') format('svg'); font-weight: normal; font-style: normal; }

/* basic styles */

html { wa
    height: 100%;
    background-color: #380001;
}

body {
    margin-top: 0;
    padding-top: 0;
    min-height: 100.02%; 
    text-align: center;
    background-color: #380001;
    font-family: Avenir, arial, sans-serif;
}

div { position: relative; overflow: visible; }
a, a:active, a:link, a:active { text-decoration: none; color: #a00054; }
a:hover { text-decoration: underline; color: #600e39; }
strong, b { font-weight: bold; }
i, em { font-style: italic; }
input { margin: 0; padding: 0; }
form { margin: 0; padding: 0 }
a#stcHide { margin: 0; padding: 0; display: none; }
table, th, tr, td { border: none; }
blockquote, blockquote p { margin-left: 16px; }
blockquote { border-left: #bbb 1px dotted; }

img, a img { border: none; }

/* overall layout styles */

div#pageBox {
    margin: 0 auto;
    width: 990px;
    z-index: 10;
    background-image: url(images/page/weave.jpg);
    background-repeat: repeat-y;
    background-position: top center;
}



/* header styles */

div#headBox {
    width: 970px;
    margin: 0 auto; 
    height: 126px;
    overflow: hidden;
    color: #222;
}

div#headBox a {
    color: #222;
}

div#headBox a.stc img {
    position: absolute;
    left: -100px;
    top: -100px;
}

img#headLogo {
    position: absolute;
    top: 8px;
    left: 21px;
}

div#headBig {
    position: relative;
    float: right;
    margin: 22px 22px 0 0;
    width: 600px;
    text-align: right;
    font-size: 20px;
}

div#headBig a, div#headBig span#hfu {
    padding-top: 4px;
    padding-bottom: 4px;
    float: right;
}

div#headBig a#hd, div#headBig a#hs {
    padding-left: 16px;
    margin-left: 16px;
    border-left: solid 1px #999;
}

div#headBig a#hd {
    font-weight: bold;
    color: #000;
}

div#headBig a#hyt, div#headBig a#htw, div#headBig a#hfb {
    padding-right: 2px;
    padding-left: 4px;
}

div#headBig span#hfu {
    margin-right: 2px;
}

div#headSmall {
    position: relative;
    float: right;
    margin: 21px 22px 0 0;
    width: 600px;
    height: 20px;
    text-align: right;
}

div#headSmallBox {
    position: relative;
    float: right;
    width: 400px;
    text-align: right;
    margin-right: 144px;
}

div#headSmall a {
    float: right;
    border-right: solid 1px #999;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 12px;
    margin-right: 12px;
}

body.isHome div#headSmallBox a#hh {
    display: none;
}

div#headSearch {
    position: relative;
    float: right;
    width: 140px;
}

div#headSearch input#one {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 120px;
    height: 12px;
    padding: 3px;
    border: solid 1px #bbb;
    border-right-style: none;
    font-size: 11px;
    color: #333;
}

div#headSearch input#two {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
}

div#headBottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 970px;
    height: 8px;
    background-image: url(images/page/weave-dot-strip.jpg);
    background-position: 0px -11px;
}




/* footer styles */

div#footBoxOut {
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    width: 990px;
    height: 100px;
    background-color: #380001;
    text-align: center;
}

body.isHome div#footBoxOut {
    margin-top: 44px;
}

div#footBox {
    margin: 0 auto;
    width: 968px;
    height: 100px;
    text-align: left;
    font-size: 13px;
}

div#footBox img.watchdogs {
    float: right;
    margin-left: 15px;
}

div#footBox img.socialmedia {
    float: left;
    margin-right: 5px;
}

div#footBox, div#footBox a {
    color: #955252;
}

div#footBox a:hover {
    color: #fff;
}

div#footBox p a {
    margin: 0 4px 0 4px;
}

div#footBox span.prHide p, div#footBox div.prHide p {
    margin-left: -4px;
}


/* main content styles */

div#mainBox {
    position: relative;
    width: 970px;
    margin: 0 auto; 
    background-image: url(images/page/weave.jpg);
    text-align: left;
}

div#mainBottomOut {
    position: relative;
    width: 970px;
    float: left;
    margin-left: 10px;
    height: 44px;
    background-image: url(images/page/weave-dot-strip.jpg);
    background-position: bottom left;
    background-repeat: repeat-x;
}

body.isHome div#mainBottomOut {
    margin-left: 0;
}

div#mainBottomIn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 970px;
    height: 12px;
    background-image: url(images/page/edge-bottom.png);
}

div#mainPhoto {
    width: 970px;
    height: 358px;
    overflow: hidden;
    z-index: 99;
}

body.isSub div#mainPhoto {
    height: 100px;
}

body.isChannel div#mainPhoto {
    height: 252px;
}

div#mainPhotoBottom {
    position: absolute;
    width: 970px;
    height: 9px;
    top: 337px;
    left: 0px;
    background-image: url(images/page/weave-dot-strip.jpg);
    background-position: 0px -12px;
    z-index: 10;
}

div.photoSlide {
    width: 970px;
    height: 358px;
    z-index: 100;
}

body.isSub div.photoSlide {
    height: 100px;
}

body.isChannel div.photoSlide {
    height: 273px;
}

div.photoSlide img.photoSlidePic {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 970px;
    height: 337px;
    z-index: 100;
}

body.isSub div.photoSlide img.photoSlidePic {
    height: 100px;
}

body.isChannel div.photoSlide img.photoSlidePic {
    height: 252px;
}


div.photoSlide img.photoSlideFlower {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 371px;
    z-index: 101;
}

div.photoSlide div.photoSlideText {
    position: absolute;
    top: 44px;
    right: 20px;
    width: 240px;
    height: 200px;
    z-index: 102;
}

body.isSub div.photoSlide div.photoSlideText {
    right: auto;
    left: 22px;
    top: 40px;
    width: 220px;
}

div.photoSlide div.photoSlideText h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-weight: normal;
}

body.isSub div.photoSlide div.photoSlideText h1 {
    margin-bottom: 10px;
}

body.isSub div.photoSlide div.photoSlideText p {
    padding: 0;
    margin: 0;
    color: #fdecdd;
    line-height: 22px;
    font-size: 13.5px;
}

div.photoSlide div.photoSlideText h1 a {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}

div.photoSlide div.photoSlideText ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0 0 0 50px;
    border-bottom: solid 1px #e26e00;
}

div.photoSlide div.photoSlideText li {
    list-style-type: none;
    padding: 8px 0 8px 0;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    color: #111;
    border-top: solid 1px #e26e00;
}

div.photoSlide div.photoSlideText li a {
    color: #000;
    font-weight: bold;
}


div#stBox {
    float: right;
    margin: 60px 0 0 0;
    padding: 0;
    width: 200px;
    height: 30px;
    z-index: 500;
    display: none;
}

body.isChannel div#stBox {
    margin: 210px 10px 0 0;
}

div#stBox span {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
}

div#stBox span.st_plusone_large {
    margin-top: 14px;
    margin-left: -1px;
}

div#stBox span.st_care2_large, div#stBox span.st_email_large {
    display: none;
}

div#stBox span.stLabel {
    margin-top: 8px;
}


div#breadcrumbs {
    float: left;
    height: 16px;
    width: 660px;
    margin: 73px 0 0 279px;
    padding: 0;
    z-index: 499;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
}

div#breadcrumbs a {
    color: #fff;
    margin: 0 2px 0 2px;
}


/* menu layout -- thank you suckerfish */

div#mainMenuBkgd {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 35px;
    width: 970px;
    z-index: 200;
}

div#mainMenu {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 35px;
    width: 970px;
    z-index: 205;
    background-image: url(images/page/menu-tint.png);
}

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#nav a {
    display: block;
    color: #222;
    text-decoration: none;
    font-size: 15px;
    line-height: 16px;
    padding: 10px 0px 9px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* for Safari 3 */
    #nav a { padding: 9px 0px 10px 0px; }
}

#nav a:hover {
}

#nav li ul li a:hover {
    background-color: #fc7b00;
    color: #fff;
}

#nav li ul li.withSub a, #nav li ul li.withSub a:hover {
    background-image: url(images/page/menu-subarrow.png);
}

#nav li.nav-do ul li.withSub a, #nav li.nav-do ul li.withSub a:hover {
    background-image: url(images/page/menu-subarrow-left.png);
}

#nav li ul li.withSub ul li a, #nav li ul li.withSub ul li a:hover, #nav li.nav-do ul li.withSub ul li a, #nav li.nav-do ul li.withSub ul li a:hover{
    background-image: none;
}

#nav li { /* all list items */
    float: left;
    width: 100px; /* width needed or else Opera goes nuts */
    list-style: none;
    text-align: center;
    margin-left: 1px;
}

#nav li.nav-our-work { width: 103px; margin-left: 0px; }
#nav li.nav-our-countries { width: 134px; }
#nav li.nav-our-stories { width: 109px; }
#nav li.nav-our-videos { width: 109px; }
#nav li.nav-pubs { width: 210px; }
#nav li.nav-media { width: 125px; }
#nav li.nav-do { width: 164px; }
#nav li.nav-about, #nav li.nav-legal { display: none; }

#nav li ul { /* second-level lists */
    position: absolute;
    background-image: url(images/page/menu-sub-tint.png);
    width: 250px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    border-bottom: solid 1px #bbb;
    border-right: solid 1px #bbb;
}

#nav li ul li {
    width: auto;
    clear: both;
    border-top: solid 1px #bbb;
    text-align: left;
    margin-left: 0px;
}

#nav li ul li.withSub {
}

#nav li ul li a {
    width: 240px;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0px 8px 9px;
    color: #000;
}

#nav li ul li ul li {
    border-left: solid 1px #bbb;
}

#nav li ul ul { /* third-and-above-level lists */
    margin: -37px 0 0 245px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}

#nav li.nav-our-work li.with-major-projects:hover ul {
    margin-top: -297px;
}

#nav li.nav-our-countries li.with-africa:hover ul {
    margin-top: -197px;
}

#nav li.nav-our-countries li.with-recent:hover ul {
    margin-top: -313px;
}

#nav li.nav-do:hover ul {
    right: 0px;
}

#nav li.nav-do ul li:hover ul {
    left: -500px;
}

#nav li.nav-do ul li ul li {
    border-right: solid 1px #bbb;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left: auto;
}

#nav li.nav-do:hover ul ul {
    left: -999em;
}



/* home page panels */

div#mainPanels {
    margin: 0 auto;
    padding: 0;
    width: 970px;
    height: 300px;
    text-align: left;
    z-index: 1;
    background-image: url(images/page/weave.jpg);
}

div#mainPanels h1 {
    font-size: 15px;
    font-weight: normal;
    padding: 7px 0 0 12px;
    margin: 0px;
    color: #fff;
}

div.cornerTL {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 4px;
    height: 4px;
    background-image: url(images/panel/all-head.png);
    background-position: top left;
}

div.cornerTR {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 4px;
    height: 4px;
    background-image: url(images/panel/all-head.png);
    background-position: top right;
}

div.cornerBL {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 4px;
    height: 4px;
    background-image: url(images/panel/all-foot.png);
    background-position: bottom left;
}

div.cornerBR {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 4px;
    height: 4px;
    background-image: url(images/panel/all-foot.png);
    background-position: bottom right;
}

div.panelSeeds {
    position: absolute;
    left: 0px;
    top: 31px;
    width: 287px;
    height: 5px;
    background-image: url(images/panel/all-seeds.png);
}




div#panelLeft {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 275px;
    height: 268px;
    background-color: #adc3ca;
    overflow: hidden;
    z-index: 50;
}

div#panelLeftHead {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 287px;
    height: 30px;
    background-color: #5e92a2;
}

div#panelLeftHead a {
    color: #fff;
    text-decoration: none;
}

div#panelLeftHead a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: solid 1px #fff;
}

div#panelLeftContent {
    position: absolute;
    left: 12px;
    top: 40px;
    width: 262px;
    height: 200px;
    overflow: auto;
}

div#panelLeftContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#panelLeftContent li {
    list-style: none;
    font-size: 13px;
    padding: 4px 0 4px 0;
    border-bottom: solid 1px #8a9ca2;
}

div#panelLeftContent a, div#panelLeftContent li a {
    color: #000;
}

div#panelLeftContent a:hover, div#panelLeftContent li a:hover {
    color: #1c4552;
    border-bottom: solid 1px #5e92a2;
    text-decoration: none;
}

div#panelLeftMore {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 141px;
    height: 12px;
    text-align: left;
}

div#panelLeftMore a {
    color: #000;
    font-weight: bold;
}





div#panelCenter {
    position: absolute;
    left: 295px;
    top: 0px;
    width: 380px;
    height: 268px;
    background-color: #fff;
    overflow: hidden;
    z-index: 50;
}

div#panelCenterHead {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 30px;
    background-color: #777;
}

div#panelCenterHead a.videoTitle {
    padding-left: 14px;
    margin-left: 10px;
    border-left: solid 1px #aaa;
    color: #fff;
}

div#panelCenterHead a.videoTitle:hover {
    color: #fff;
}

div#panelCenterContent {
    position: absolute;
    left: 0px;
    top: 31px;
    width: 380px;
    height: 239px;
    overflow: hidden;
}




div#panelRightTop a, div#panelRightBottom a {
    color: #000;
}

div#panelRightTop {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 275px;
    height: 268px;
    background-color: #deaec4;
    overflow: hidden;
    z-index: 50;
}

div#panelRightTopHead {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 275px;
    height: 30px;
    background-color: #c02380;
}

div#panelRightTopHead a {
    color: #fff;
    text-decoration: none;
    border: none;
}

div#panelRightTopHead a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: solid 1px #fff;
}

div#panelRightTopBoxer {
    position: relative;
    float: left;
    margin: 40px 0 0 12px;
    width: 262px;
    height: 194px;
    overflow: auto;
}

div#panelRightTopContent {
    position: relative;
    float: none;
    margin: 0;
    width: 99%;
    height: 800px;
}

div#panelRightTopContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#panelRightTopContent li {
    list-style: none;
    font-size: 13px;
    padding: 4px 0 4px 0;
    border-bottom: solid 1px #ab788f;
}

div#panelRightTopContent li a {
    color: #511933;
}

div#panelRightTopContent li a:hover {
    color: #511933;
    border-bottom: solid 1px #8a586f;
    text-decoration: none;
}


div.panelRightMore {
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: 141px;
    height: 12px;
    text-align: left;
}


div#panelRightBottom {
    position: absolute;
    right: 10px;
    top: 140px;
    width: 275px;
    height: 128px;
    background-color: #d2bc8b;
    overflow: hidden;
    z-index: 50;
}

div#panelRightBottomHead {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 275px;
    height: 30px;
    background-color: #736545;
}

div#panelRightBottomContent {
    position: relative;
    float: left;
    margin: 42px 0 0 12px;
    width: 180px;
    height: 100px;
    overflow: hidden;
}






/* home page shadows */

div.shadowBox {
    overflow: hidden;
}

div.shadowLeft {
    position: absolute;
    height: 268px;
    left: 0px;
    top: 0px;
    width: 4px;
    background-image: url(images/panel/shadow-edge-left.png);
}

div.shadowRight {
    position: absolute;
    height: 268px;
    right: 0px;
    top: 0px;
    width: 4px;
    background-image: url(images/panel/shadow-edge-right.png);
}

div.shadowBottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 295px;
    height: 9px;
    background-image: url(images/panel/shadow-edge-bottom.png);
    background-position: bottom left;
}

div.shadowBottomRight {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 9px;
    background-image: url(images/panel/shadow-edge-bottom.png);
    background-position: bottom right;
}





div#shadowLeftBox {
    position: absolute;
    left: 6px;
    top: 0px;
    width: 283px;
    height: 275px;
    z-index: 5;
}

div#shadowLeftBox div.shadowBottom {
    width: 200px;
}

div#shadowLeftBox div.shadowBottomRight {
    width: 83px;
}






div#shadowCenterBox {
    position: absolute;
    left: 291px;
    top: 0px;
    width: 388px;
    height: 275px;
    z-index: 5;
}

div#shadowCenterBox div.shadowBottom {
    width: 200px;
}

div#shadowCenterBox div.shadowBottomRight {
    width: 188px;
}



div#shadowRightTopBox {
    position: absolute;
    left: 681px;
    top: 0px;
    width: 283px;
    height: 275px;
    z-index: 5;
}

div#shadowRightTopBox div.shadowLeft, div#shadowRightTopBox div.shadowRight {
    height: 127px;
}


div#shadowRightTopBox div.shadowBottom {
    width: 200px;
}

div#shadowRightTopBox div.shadowBottomRight {
    width: 83px;
}



div#shadowRightBottomBox {
    position: absolute;
    left: 681px;
    top: 140px;
    width: 283px;
    height: 135px;
    z-index: 5;
}

div#shadowRightBottomBox div.shadowLeft, div#shadowRightBottomBox div.shadowRight {
    height: 127px;
}


div#shadowRightBottomBox div.shadowBottom {
    width: 200px;
}

div#shadowRightBottomBox div.shadowBottomRight {
    width: 83px;
}





/* channel page stuff */

div#mainContent {
    position: relative;
    float: left;
    margin-left: 10px;
    width: 970px;
    text-align: left;
    background-image: url(images/page/weave.jpg);
}

body.isSub div#mainPhotoBottom {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    float: left;
}

div#sbConnect {
    position: absolute;
    height: 9px;
    width: 244px;
    left: 10px;
    top: 0px;
    background-color: #a89b88;
    background-image: url(images/page/submenu-connector.gif);
}

div#sbConnectL {
    position: absolute;
    height: 9px;
    width: 4px;
    left: 6px;
    top: 0px;
    background-image: url(images/panel/shadow-edge-left.png);
    background-position: right center;
}

div#sbConnectR {
    position: absolute;
    height: 9px;
    width: 4px;
    left: 254px;
    top: 0px;
    background-image: url(images/panel/shadow-edge-right.png);
    background-position: left center;
}






div#leftCol {
    position: relative;
    float: left;
    width: 252px;
    margin: 0 0 0 6px;
}

div#subMenu, div#subMessage, div#subDonate {
    position: relative;
    float: left;
    width: 252px;
    margin: 0 0 10px 0;
}

div.shadowBoxLeft {
    position: relative;
    background-image: url(images/panel/shadow-edge-left.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 252px;
}

div.shadowBoxRight {
    position: relative;
    background-image: url(images/panel/shadow-edge-right.png);
    background-position: right top;
    background-repeat: no-repeat;
    width: 252px;
}

div.shadowBoxBottomLeft {
    position: relative;
    float: left;
    height: 15px;
    background-image: url(images/page/submenu-bottom-curve.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 200px;
}

div.shadowBoxBottomRight {
    position: relative;
    float: right;
    height: 15px;
    background-image: url(images/page/submenu-bottom-curve.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 52px;
}

div.shadowMessageBottom {
    background-image: url(images/page/submenu-message-bottom.png);
}

div.subDonateBottom {
    background-image: url(images/page/submenu-donate-bottom.png);
}

div.shadowMessageBottom, div.subDonateBottom {
    position: relative;
    float: left;
    width: 252px;
    height: 15px;
    background-position: left top;
    background-repeat: no-repeat;
}

div#submenuList {
    position: relative;
    margin: 0 auto;
    width: 244px;
    background-color: #a89b88;
}

body.isSub div#footBoxOut {
    float: left;
    margin: auto;
}

div#submenuList ul {
    padding: 3px 0 0 0px;
    margin: 0;
    list-style-type: none;
}

div#submenuList ul li {
    list-style: none;
    padding: 0px 0 0 0;
    font-size: 14px;
}

div#submenuList ul.level1 li.navLo:hover {
}

div#submenuList ul li a {
    display: block;
    color: #fff;
    padding: 7px 12px 7px 12px;
    margin: 0px 0 0 0;
    line-height: 16px;
    background-image: url(images/page/submenu-div.gif);
    background-position: center top;
    background-repeat: no-repeat;
}

div#submenuList ul li a:hover, div#submenuList ul li.navHi a {
    text-decoration: none;
    background-color: #9a0452;
    background-image: url(images/page/submenu-div-dark-purple.gif);
    background-position: center top;
    background-repeat: no-repeat;
}

div#submenuList ul li.navHi a {
    background-image: url(images/page/submenu-div-dark-purple.gif);
    background-position: left top;
    margin-bottom: 0;
}

div#submenuList ul li.navHi ul  {
    background-color: #827663;
    background-image: url(images/page/submenu-subshadow.gif);
    background-repeat: no-repeat;
    border-bottom: solid 1px #716656;
    margin-top: 0;
    
}

div#submenuList ul li.navHi ul li a {
    background-color: transparent;
    background-image: url(images/page/submenu-div-dark-sub.gif);
    padding-left: 30px;
}

div#submenuList ul li.navHi ul li.navHi a {
    background-color: transparent;
    background-image: url(images/page/submenu-div-dark-purple.gif);
    padding-left: 30px;
}

div#submenuList ul li.navHi ul li a:hover {
    background-color: #9a0452;
    background-image: url(images/page/submenu-div-dark-purple.gif);
}

div#submenuList ul li.navHi ul li.navHi {
    background-color: transparent;
    background-image: url(images/page/submenu-subhi-bottom.gif);
    background-position: bottom left;
}

div#submenuList ul li.navHi ul li.navHi a {
    background-color: transparent;
    background-image: url(images/page/submenu-subhi-top.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

div#submenuList ul li.navHi ul li.navHi a:hover {
    background-color: #9a0452;
    background-image: url(images/page/submenu-div-dark-purple.gif);
}


div#subMessageHeader {
    position: relative;
    margin: 0 auto;
    width: 244px;
    height: 26px;
    padding-top: 0;
    background-color: #71654a;
    background-image: url(images/page/submenu-message-top.png);
    background-position: center top;
    background-repeat: no-repeat;
}

div#subMessageHeader a {
    position: relative;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 0 10px;
}

div#subMessageBox {
    position: relative;
    margin: 0 auto;
    padding-bottom: 8px;
    width: 244px;
    height: 250px;
    background-color: #c9b587;
    overflow: hidden;
}

div#subpageTweetBox {
    position: relative;
    margin: 0 auto;
    padding-bottom: 8px;
    width: 244px;
    height: 257px;
    overflow: auto;
}

div#subMessageBox a {
    color: #000;
    text-decoration: underline;
}

div#subMessageBox div#subpageTweet {
    padding: 4px 8px 0 8px;
    margin: 0;
    height: 800px;
}

div#subMessageBox div#subpageTweet ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#subMessageBox div#subpageTweet li {
    list-style: none;
    font-size: 12px;
    padding: 6px 0 7px 0;
    border-bottom: solid 1px #a08f69;
}

div#subMessageBox div#subpageTweet li a {
    color: #511933;
}

div#subMessageBox div#subpageTweet li a:hover {
    color: #511933;
    border-bottom: solid 1px #786a4a;
    text-decoration: none;
}

div#subMessageBox div#subpageFollow {
    position: absolute;
    left: 1px;
    top: 227px;
    width: 210px;
    height: 20px;
    padding: 6px;
    background-color: #c9b587;
}


div#subDonate {
    position: relative;
    margin: 0 auto;
    padding-bottom: 8px;
    width: 244px;
}

div#subDonateBox {
    position: relative;
    margin: 0 auto;
    padding-bottom: 0;
    width: 244px;
    background-color: #ff7900;
    background-image: url(images/page/submenu-donate-top.gif);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}

div#subDonate p {
    font-size: 18px;
    padding: 8px 8px 0 10px;
    margin-bottom: 0;
}

div#subDonate a {
    color: #000;
}




div#contentBody {
    position: relative;
    float: right;
    width: 689px;
    margin: 6px 6px 10px 0;
}

div.channelUnit {
    position: relative;
    float: left;
    width: 685px;
    margin-bottom: 16px;
}

div.channelIcon {
    position: relative;
    float: left;
    width: 105px;
    height: 105px;
    background-image: url(images/channel/icon-bkgd.png);
    background-position: center top;
}

div.channelIcon img {
    position: relative;
    float: left;
    width: 85px;
    height: 85px;
}

div.channelIcon a {
    position: relative;
    display: block;
    width: 85px;
    height: 85px;
    padding: 6px;
    margin-left: 4px;
    background-color: #fff;
}

div.channelIcon a:hover {
    background-color: #aaa;
}

div.channelText {
    position: relative;
    float: right;
    width: 555px;
    margin-right: 10px;
}

div.channelTextWide {
    position: relative;
    float: left;
    width: 655px;
}

div.channelText h1, div.channelTextWide h1 {
    padding: 0;
    margin: 2px 0 4px 0;
}

div.channelText p, div.channelTextWide p, div.channelText li, div.channelTextWide li {
    font-family: 'ashbury-lightregular', georgia, times, serif;
    font-size: 16px;
    line-height: 25px;
    padding: 0;
    margin: 0 0 18px 0;
}



div#bodyText {
    float: left;
    width: 480px;
    font-family: 'ashbury-lightregular', georgia, times, serif;
    font-size: 16px;
    line-height: 25px;
    margin-top: 6px;
}

div#bodyText.noSidecar {
    width: 670px;
}

div#subSidecar {
    float: right;
    width: 190px;
    margin-top: 48px;
    margin-right: 4px;
}


div.sideLink {
    float: left;
    width: 190px;
    font-size: 13px;
}

div.sideLink div.shadowBoxLeft, div.sideLink div.shadowBoxRight {
    width: 190px;
    padding-bottom: 0;
    margin-bottom: 0;
}

div.sideLink div.sideLinkBox, div.sideLink div.sideLinkHeader {
    width: 182px;
    padding: 0;
    margin-left: 4px;
}

div.sideLink div.sideLinkBox {
    background-color: #fff;
    padding-bottom: 0px;
    margin-bottom: -2px;
}

div.sideLink div.sideLinkBox img {
    margin: 0 0 0 6px;
    width: 170px;
}

div.sideLink div.sideLinkBox p {
    width: 170px;
    margin: 3px 10px 1px 6px;
    font-size: 12px;
}

div.sideLinkRelated div.sideLinkBox {
    background-color: #f3ffd2;
}

div.sideLink div.shadowMessageBottom {
    width: 190px;
    height: 24px;
    background-image: url(images/panel/sidelink-foot-white.png);
}

div.sideLinkBox div {
    margin-left: 6px;
}

div.sideLinkRelated div.shadowMessageBottom {
    background-image: url(images/panel/sidelink-foot-related.png);
}

div.sideLink div.sideLinkHeader {
    background-color: #fff;
    background-image: url(images/panel/sidelink-head.png);
    background-repeat: no-repeat;
    height: 6px;
}

div.sideLinkRelated div.sideLinkHeader {
    background-color: #9ca584;
    height: auto;
    color: #fff;
    padding: 10px 0 8px 10px;
    width: 172px;
    font-weight: bold;
}

div.sideLinkRelated ul {
    padding: 6px 10px;
    margin: 0 0 -10px 0;
}

div.sideLinkRelated ul li {
    list-style-type: none;
    list-style-position: inside;
    border-bottom: solid 1px #c6ceb2;
    padding: 6px 0 6px 0;
}

div.sideLinkRelated ul li a {
    color: #000;
}

div.sideLinkRelated ul li a.opened {
    font-weight: bold;
}

div.sideLinkRelated ul li ul {
    padding: 4px 0 4px 0;
    margin: 0;
    display: none;
}

div.sideLinkRelated ul li ul li {
    border-top: dashed 1px #c6ceb2;
    border-bottom: none;
    list-style-type: disc;
    color: #c6ceb2;
    text-indent: -12px;
    padding-left: 18px;
}

div.sideLinkRelated ul li ul li:hover {
    color: #333;
}

div.sideLinkRelated ul li ul li a {
    color: #000;
}

div#bodyText h1 {
    font-size: 24px;
    line-height: 30px;
    font-family: Avenir, arial, sans-serif;
    color: #9a0452;
    margin-top: 0;
    margin-bottom: 20px;
}

div#bodyText h1.withH2 {
    margin-bottom: 3px;
}

div#bodyText h2 {
    font-size: 17px;
    font-family: Avenir, arial, sans-serif;
    color: #9a0452;
    margin: 0;
    padding-top: 12px;
}

div#bodyText h2.bodySubtitle {
    color: #666;
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 16px;
}



div#bodyText a, div#contentBody div.channelUnit a {
    border-bottom: dotted 1px #c15990;
}

div#bodyText a:hover, div#contentBody div.channelUnit a:hover {
    border-bottom: solid 1px #a00054;
    text-decoration: none;
}

div#contentBody div.channelUnit div.channelIcon a, div#contentBody div.channelUnit div.channelIcon a:hover {
    border-bottom: none;
}


div#bodyText li {
    margin-bottom: 12px;
}




p.bodyFooter {
    font-style: italic;
}

p.panelSocial {
    border-top: solid 1px #ccc;
    padding-top: 12px;
    padding-bottom: 36px;
    margin-top: 48px;
}

div#videoFrame p.panelSocial {
    margin-top: 0;
    padding: 8px 0 0 10px;
    border-top: none;
    text-align: center;
}

p.panelSocial span.st_twitter_button {
    margin-top: 1px;
}

p.panelSocial span.st_facebook_button {
    margin-top: -1px;
}

p.panelSocial span.socialTitle {
    font-weight: bold;
    font-size: 10px;
    font-family: Avenir, arial, sans-serif;
    text-transform: uppercase;
}

div#videoFrame p.panelSocial span.socialTitle {
    color: #aaa;
}

div#wall, div#wall h1, div#wall p, div#wall div {
    color: #000;
}




div#videoFrame {
    width: 688px;
    height: 431px;
    background-image: url(images/videos/video-bkgd.png);
    background-position: center top;
    margin-bottom: 14px;
    margin-top: -4px;
    overflow: hidden;
}

body.isVideoChannel div#videoFrame {
    position: absolute;
    top: 50px;
    left: 270px;
    margin: 0;
    overflow: hidden;
}

div#videoFrame.collection {
    height: 412px;
    margin-bottom: 0px;
}

div#videoBox {
    width: 660px;
    height: 404px;
    padding: 10px 0 0 14px;
}

div#videoFrameCollection {
    width: 688px;
    height: 200px;
    background-image: url(images/videos/video-bkgd.png);
    margin-bottom: 14px;
    background-position: center bottom;
    overflow: hidden;
    color: #fff;
}

div#videoThumbTitle {
    width: 655px;
    height: 16px;
    font-size: 11px;
    color: #ccc;
    text-transform: uppercase;
    padding: 6px 0 2px 10px;
    margin: 0 0 0 10px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

div#videoThumbs {
    width: 657px;
    height: 150px;
    overflow: auto;
    margin: 7px 0 0 13px;
    padding: 0 0 0 5px;
}

div#videoThumbs table {
    padding: 0;
    margin: 0;
    border: none;
}

div#videoThumbs table td {
    width: 120px;
    padding: 0 10px 0 10px;
    margin: 0;
    border: none;
}

div#videoThumbs table td a {
    float: left;
    width: 120px;
    clear: both;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
}

div#videoThumbs table td a:hover {
    text-decoration: underline;
}






// ***** for storywall page *****

body.isStorywall div#mainMenu, body.isVideoChannel div#mainMenu {
    background-image: url(images/page/menu-tint-storywall.png);
}

body.isStorywall div#mainBox, body.isVideoChannel div#mainBox {
    height: 504px;
}

body.isStorywall div#mainPhoto {
    height: 504px;
}

#viewport {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow:hidden;
    width:970px;
    height:504px;
    color:#fff;
    z-index: 98;
}

#viewport img.storywallBottom {
    position: absolute;
    width: 970px;
    height: 12px;
    bottom: 0px;
    left: 0px;
    z-index: 100;
}

#viewport img.storywallTop {
    position: absolute;
    width: 970px;
    height: 12px;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#viewport img.storywallLeft {
    position: absolute;
    height: 970px;
    width: 12px;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#viewport img.storywallRight {
    position: absolute;
    height: 970px;
    width: 12px;
    top: 0px;
    right: 0px;
    z-index: 100;
}

#viewport div#wallLoading {
    position: absolute;
    height: 50px;
    width: 200px;
    left: 450px;
    top: 200px;
    z-index: 100;
}

#viewport div#wallLoading img {
    position: relative;
    float: left;
    width: 49px;
    height: 50px;
}

#viewport div#wallLoading p {
    position: relative;
    float: right;
    width: 150px;
    padding-top: 13px;
    color: #000;
}

img#initwall {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 100px;
    top: 100px;
}

#wall {
     position: relative;
     z-index: 99;
}

body.isStorywall #wall {
     display: none;
}

#wall ._tile {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 970px;
    height: 596px;
    background-image: url(images/channels/storywall/storywall-mosaic.jpg);
}

#wall ._tile:hover {
}

#wall ._tile ._content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 970px;
    height: 596px;
}

#wall ._tile ._content ._thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 267px;
    height: 96px;
    font-size: 12px;
    font-family: Avenir, arial, sans-serif;
    color: #000;
    background-color: #fff;
}

#wall ._tile ._content p {
    padding-top: 6px;
    padding-right: 6px;
    height: 65px;
}

img._ith {
    position: relative;
    border: 0;
    float: left;
    padding: 6px;
}

a._readmore {
    position: absolute;
    top: 76px;
    left: 198px;
    text-align: right;
}

p._rpad {
    padding-left: 6px;
}

div#storywallNav {
position:absolute;
top:50px;
left:6px;
width:252px;
height:200px;
z-index:102;
}

div#storywallNav div.photoSlideText {
position:absolute;
top:0px;
left:0px;
width:252px;
height:358px;
background-image: url(images/channel/channel-video-fullbar.png);
}


div#storywallNav div.photoSlideText h1 {
color:#fff;
font-size:24px;
font-weight:normal;
margin-bottom:10px;
margin-left: 16px;
margin-top: 14px;
padding-top: 0;
}

div#storywallNav div.photoSlideText p {
padding:0;
margin:0;
color:#fdecdd;
line-height:22px;
font-size:13.5px;
margin-left: 16px;
margin-right: 16px;
}

div#storywallNav div.photoSlideText h1 a {
color:#fff;
font-size:24px;
font-weight:normal;
}


div#storywallNav div#submenuList {
    position: absolute;
    left: 4px;
    top: 210px;
    width: 244px;
}

ul#storywallElements {
    display: none;
}


body.isGooglemap div#wall, div#wall h1, div#wall p, div#wall div {
    color: #000;
}

div#gwall {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 504px; 
    width: 970px; 
    z-index: 100;
}

body.isGooglemap div#wallKey {
    position: absolute;
    z-index: 200;
    left: 300px;
    bottom: 5px;
    width: 315px;
    height: 20px;
    overflow: hidden;
}

body.isGooglemap div#wallKey div {
    position: relative;
    float: left;
    margin-right: 6px;
}

body.isGooglemap div#wallKeyCurrent {
    width: 12px;
    height: 12px;
    background-color: #d0b24b;
    border: 2px solid #a98e32;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

body.isGooglemap div#wallKeyRecent {
    width: 12px;
    height: 12px;
    background-color: #464fcd;
    border: 2px solid #262d86;
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin-left: 20px;
}

body.isGooglemap div#storywallNav div.photoSlideText {
    height:410px;
    background-image: url(images/channel/channel-map-full.png);
}

body.isGooglemap div#leftCol {
    margin-top: 10px;
}

body.isGooglemap div#leftCol div#subDonate {
    margin-left: 0;
    left: 0px;
    top: 306px;
}

body.isGooglemap div#leftCol div#subDonateBox {
    background-image: url(images/page/submenu-donate-top.gif);
}

body.isVideo #viewport {
    background-color: #777;
}

body.isVideo div#videobox {
    position: absolute;
    top: 36px;
    left: 300px;
    width: 700px;
    height: 500px;
}

body.isVideo div#videobox h1 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 600px;
    color: #fff;
    overflow: hidden;
    font-weight: normal;
    display: none;
}

body.isVideo div#videobox div#videoEmbed {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 700px;
    height: 367px;
}


body.isVideoChannel div#mainPhoto {
    height: 493px;
}

body.isVideoChannel div#viewport {
    height: 493px;
    background-image: url(images/channel/channel-video-bkgd.jpg);
}

body.isVideoChannel div#storywallNav div.photoSlideText {
    height: 358px;
    background-image: url(images/channel/channel-video-fullbar.png);
}

body.isVideoChannel div#subDonate, body.isStorywall div#subDonate {
    position: absolute;
    float: none;
    left: 6px;
    top: 432px;
    z-index: 1000;
}

body.isVideoChannel div#subDonateBox, body.isStorywall div#subDonateBox {
    background-image: url(images/page/submenu-donate-top-dark.gif);
}



body.isVideoChannel div.videoEntry {
    float: left;
    width: 680px;
    height: 50px;
    overflow: hidden;
    background-image: url(images/page/white-transparent.png);
    margin-top: 2px;
    background-position: -20px -40px;
}

body.isVideoChannel div.videoEntry:hover {
    background-image: none;
    background-color: #fff;
}

body.isVideoChannel div.videoEntry.isPlaying {
    background-color: #eca243;
}

body.isVideoChannel div.videoEntry div {
    float: left;
    margin-left: 6px;
}

body.isVideoChannel div.videoEntry div.vCheck {
    width: 10px;
    height: 10px;
    padding: 17px 3px 0 3px;
    margin-right: 15px;
    float: right;
    display: none;
    text-align: right;
}

body.isVideoChannel div.videoEntry div.vCheck a.plup, body.isVideoChannel div.videoEntry div.vCheck a.pldown { display: none; }

body.isVideoChannel div#plMain div.videoEntry div.vCheck a.plup, body.isVideoChannel div#plMain div.videoEntry div.vCheck a.pldown { display: inline; }

body.isVideoChannel div#plMain div.videoEntry div.vCheck { width: 60px; }

div.vDesc {
    display: block;
    width: 540px;
    height: 100px;
    float: left;
}

body.isVideoChannel div.videoEntry div.vDesc {
    display: none;
}

body.isVideoChannel div#videoEntryFooter div.vCheck { padding-top: 16px; }

body.isVideoChannel div.videoEntry div.vThumb, body.isVideoChannel div.videoEntry div.vThumb img {
    width: 61px;
    height: 46px;
    background-position: center center;
}

body.isVideoChannel div.videoEntry div.vThumb img {
    background-image: url(images/videos/thumbnail-arrow-lo.png);
}

body.isVideoChannel div.videoEntry:hover div.vThumb img {
    background-image: url(images/videos/thumbnail-arrow-hi.png);
}

body.isVideoChannel div.videoEntry.isPlaying div.vThumb img {
    background-image: url(images/videos/thumbnail-arrow-playing.png);
}

body.isVideoChannel div.videoEntry div.vThumb {
    margin-top: 2px;
    margin-left: 2px;
}

body.isVideoChannel div.videoEntry div.vName {
    width: 550px;
    height: 36px;
    overflow: hidden;
    padding-top: 8px;
}

body.isVideoChannel div#plMain div.videoEntry div.vName {
    width: 490px;
}

body.isVideoChannel div#videoEntryFooter div.vName { padding-top: 22px; }

body.isVideoChannel div.videoEntry div.vName a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

body.isVideoChannel div.videoEntry div.vName a:hover {
    text-decoration: none;
}

body.isVideoChannel div#videoEntryNone {
    display: none;
}

body.isVideoChannel div.videoEntry div.vPlay, body.isVideoChannel div.videoEntry div.vPlay img {
    float: left;
    width: 44px;
    height: 20px;
}

body.isVideoChannel div.videoEntry div.vPlay {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 5px;
}

body.isVideoChannel div#videoShare {
    background-color: #333;
    width: 660px;
    height: 14px;
    padding: 5px 0 15px 5px;
    margin-left: 12px;
    color: #999;
    vertical-align: middle;
}

body.isVideoChannel div#videoShare span {
    float: right;
}

body.isVideoChannel div#videoShare span#stv {
    margin-top: 8px;
}

body.isVideoChannel div#videoBox {
    height: 372px;
}





body.isVideoChannel div#vsForm {
    width: 670px;
    height: 27px;
    padding: 7px 0 0 10px;
    background-image: url(images/videos/videox-header.png);
    margin: 0;
    font-size: 12px;
    float: left;
}

body.isVideoChannel div#vsForm div {
    float: left;
    padding-right: 15px;
}

body.isVideoChannel div#vsForm div#vsName {
    font-weight: bold;
    padding-top: 4px;
}

body.isVideoChannel div#vsForm div#vsNameT, body.isVideoChannel div#vsForm div#vsNameC, body.isVideoChannel div#vsForm div#vsNameS {
    padding-right: 3px;
    padding-top: 4px;
}

body.isVideoChannel div#vsForm select {
    border: 1px solid #999;
    width: 152px;
    height: 20px;
}

body.isVideoChannel div#vsForm select option {
    padding: 2px;
}

body.isVideoChannel div#vsForm input {
    border: 1px solid #999;
    width: 130px;
    height: 18px;
}

body.isVideoChannel div#vsForm div#vsSearch {
    float: right;
    padding-right: 7px;
}

body.isVideoChannel div#vsForm div#vsNameS {
    float: right;
}




body.isVideoChannel div#playlistOps, body.isVideoChannel div#playlistTops, body.isVideoChannel div#popFilters {
    float: left;
    margin: 6px 0 0 5px;
    width: 240px;
}

body.isVideoChannel div#playlistTops { display: none; }

body.isVideoChannel div#vhtitle, body.isVideoChannel div#vttitle, body.isVideoChannel div#pftitle {
    padding: 10px;
    font-weight: bold;
    background-image: url(images/page/white-transparent.png);
}

body.isVideoChannel div#playlistControls {
    width: 240px;
    height: 165px;
    margin-top: 1px;
    background-image: url(images/page/white-transparent.png);
    display: none;
}

body.isVideoChannel div#filts {
    width: 240px;
    height: 135px;
    margin-top: 1px;
    background-image: url(images/page/white-transparent.png);
}


body.isVideoChannel div#playlistControls span, body.isVideoChannel div#filts span {
    float: left;
    clear: both;
    width: 220px;
    margin: 13px 0 2px 10px;
}

body.isVideoChannel div#playlistControls span span {
    float: none;
    clear: none;
    margin-right: 2px;
}

body.isVideoChannel span#cursv {
    font-weight: bold;
}

body.isVideoChannel span#sharh {
    float: right;
    width: 300px;
    text-align: right;
    margin-top: 2px;
    margin-right: 2px;
    display: none;
}

body.isVideoChannel span#sharh span#ssv {
    padding-bottom: 4px;
    padding-right: 4px;
}

body.isVideoChannel span#sharh span {
    margin: 2px 2px 0 0;
    height: 16px;
    width: 16px;
    padding: 0;
}

body.isVideoChannel span#vxi_st_plusone div {
    margin-top: 14px;
    margin-right: 3px;
}

body.isVideoChannel div.vName a {
    float: left;
}

body.isVideoChannel div.vName span.more {
    float: right;
}

body.isVideoChannel div.vName span.more a {
    float: none;
}


body.isVideoChannel div.vName span.subt {
    display: block;
    font-size: 11px;
    font-style: italic;
    width: 520px;
    height: 14px;
    color: #777;
    float: left;
}




body.isVideoChannel div#vsForm optgroup {
    border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 6px;
}

body.isVideoChannel div#vsForm optgroup option {
    margin-left: 8px;
}


body.isVideoChannel div#playlistBox {
    width: 680px;
    display: none;
}

body.isVideoChannel div#plFormHeader {
    width: 680px;
    height: 27px;
    background-image: url(images/videos/pl-header.png);
}

body.isVideoChannel div#plFormHeader span#cursv, body.isVideoChannel div#plFormHeader a {
    float: left;
    margin: 6px 0 0 8px;
}

body.isVideoChannel div#plFormHeader a {
    padding-left: 8px;
    border-left: solid #777 1px;
    display: none;
}

body.isVideoChannel div#plEmpty p {
    margin: 8px;
}

body.isVideoChannel div#plpad {
    width: 680px;
    height: 20px;
    float: left;
}

body.isVideoChannel div.videoEntry div.vCheck a img {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
    background-position: 0px 0px;
}

body.isVideoChannel div.videoEntry div.vCheck a {
    padding: 0;
    margin: 0;
}

body.isVideoChannel div.videoEntry div.vCheck a:hover img {
    background-position: -16px 0px;
}

body.isVideoChannel div.videoEntry div.vCheck a.pladd {
    margin-left: 3px;
}

body.isVideoChannel div.videoEntry div.vCheck a img.imgPlup { background-image: url(images/videos/pl-arrow-up.png); }
body.isVideoChannel div.videoEntry div.vCheck a img.imgPldown { background-image: url(images/videos/pl-arrow-down.png); }
body.isVideoChannel div.videoEntry div.vCheck a img.imgPladd { background-image: url(images/videos/pl-add.png); }
body.isVideoChannel div#plMain div.videoEntry div.vCheck a img.imgPladd { background-image: url(images/videos/pl-del.png); }









/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane { position: absolute; }

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: #222;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #222;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack {
    background: #222;
    position: relative;
}

.jspDrag {
    background: #555;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #222;
}

div#panelRightTopBoxer .jspVerticalBar, 
div#panelRightTopBoxer .jspHorizontalBar, 
div#panelRightTopBoxer .jspTrack { background-color: #edd1de; }
div#panelRightTopBoxer .jspDrag { background-color: #b07691; border: 1px solid #edd1de; }

div#panelLeftContent .jspVerticalBar, 
div#panelLeftContent .jspHorizontalBar, 
div#panelLeftContent .jspTrack { background-color: #cbdde3; }
div#panelLeftContent .jspDrag { background-color: #7699a4; border: 1px solid #cbdde3; }

div#subMessageBox .jspVerticalBar, 
div#subMessageBox .jspHorizontalBar, 
div#subMessageBox .jspTrack { background-color: #d9cdb1; }
div#subMessageBox .jspDrag { background-color: #76694a; border: 1px solid #d9cdb1; }


.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #ddd;
    background: url(images/page/ui-icons.png) no-repeat;
    color: #ccc;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled { cursor: default; }
.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow { height: 15px; }
.jspHorizontalBar .jspArrow { width: 15px; }
.jspArrowUp { background-position: 0 0; }
.jspArrowDown { background-position: -64px 0 !important; }
.jspArrowLeft { background-position: -96px 0 !important; }
.jspArrowRight { background-position: -32px 0 !important; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }




/* home page tweeter */
ul.tweet_list li {  }






/* media stream interaction */


div#contentBody div.channelUnit div#streamBox {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dotted #aaa;
}

div.newsStreamBox {
    border-bottom: 1px dotted #aaa;
    margin-bottom: 12px;
    display: none;
}

div#contentBody div.channelUnit div.newsStreamBox {
    padding-bottom: 16px;
}

div#bodyText div.newsStreamBox p.newsLine, div#contentBody div.channelUnit div.newsStreamBox p.newsLine {
    font-size: 10px;
    font-family: Avenir, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

div.newsStreamBox p.newsLine span.newsStreamType {
    padding-left: 12px;
    margin-left: 10px;
    border-left: 1px solid #777;
}

div#bodyText div.newsStreamBox h1, div#contentBody div.channelUnit div.newsStreamBox h1 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 28px;
}

div#bodyText div.newsStreamBox h1 a, div#contentBody div.channelUnit div.newsStreamBox h1 a {
    border-bottom: none;
}

div#bodyText div.newsStreamBox h2, div#contentBody div.channelUnit div.newsStreamBox h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-family: Avenir, arial, sans-serif;
    color: #666;
    font-weight: normal;
}

div#bodyText div.newsStreamBox p {
    padding: 12px 0 12px 0;
    margin: 0;
}

div#contentBody div.channelUnit div.newsStreamBox p {
    padding: 12px 0 0 0;
    margin: 0;
}

div.newsStreamMore, div#contentBody div.channelUnit div.newsStreamMore {
    height: 60px;
    background-image: url(images/page/media-load-arrows.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    border-bottom: none;
}

div#bodyText div.newsStreamMore a.newsLoad, div#bodyText div.newsStreamMore a.newsLoad:hover, div#contentBody div.channelUnit div.newsStreamMore a.newsLoad, div#contentBody div.channelUnit div.newsStreamMore a.newsLoad:hover {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: none;
    padding-top: 20px;
    font-size: 20px;
    font-family: Avenir, arial, sans-serif;
}

div#bodyText div.newsStreamMore a.newsLoad, div#contentBody div.channelUnit div.newsStreamMore a.newsLoad { color: #888; }
div#bodyText div.newsStreamMore a.newsLoad:hover, div#contentBody div.channelUnit div.newsStreamMore a.newsLoad:hover { color: #444; }























/* story explorer */

body.isStorywall div.storyEntry {
    float: left;
    width: 680px;
    height: 65px;
    overflow: hidden;
    background-image: url(images/page/white-transparent.png);
    margin-top: 2px;
    background-position: -20px -40px;
}

body.isStorywall div.storyEntry:hover {
    background-image: none;
    background-color: #fff;
}

body.isStorywall div.storyEntry.isPlaying {
    background-color: #eca243;
}

body.isStorywall div.storyEntry div {
    float: left;
    margin-left: 6px;
}

body.isStorywall div.storyEntry div.vCheck {
    width: 10px;
    height: 10px;
    padding: 17px 3px 0 3px;
    margin-right: 15px;
    float: right;
    display: none;
    text-align: right;
}

body.isStorywall div.storyEntry div.vCheck a.plup, body.isStorywall div.storyEntry div.vCheck a.pldown { display: none; }

body.isStorywall div#plMain div.storyEntry div.vCheck a.plup, body.isStorywall div#plMain div.storyEntry div.vCheck a.pldown { display: inline; }

body.isStorywall div#plMain div.storyEntry div.vCheck { width: 60px; }

div.vDesc {
    display: block;
    width: 540px;
    height: 100px;
    float: left;
}

body.isStorywall div.storyEntry div.vDesc {
    display: none;
}

body.isStorywall div.storyEntry div.vThumb, body.isStorywall div.storyEntry div.vThumb img {
    width: 61px;
    height: 61px;
    background-position: center center;
}

body.isStorywall div.storyEntry div.vThumb img {
    background-image: none;
}

body.isStorywall div.storyEntry:hover div.vThumb img {
    background-image: url(images/success-stories/thumbnails/story-pageturn.png);
}

body.isStorywall div.storyEntry div.vThumb {
    margin-top: 2px;
    margin-left: 2px;
}

body.isStorywall div.storyEntry div.vName {
    width: 550px;
    height: 51px;
    overflow: hidden;
    padding-top: 8px;
}

body.isStorywall div#plMain div.storyEntry div.vName {
    width: 490px;
}

body.isStorywall div.storyEntry div.vName a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

body.isStorywall div.storyEntry div.vName a:hover {
    text-decoration: none;
}

body.isStorywall div#storyEntryNone {
    display: none;
}

body.isStorywall div.storyEntry div.vPlay, body.isStorywall div.storyEntry div.vPlay img {
    float: left;
    width: 44px;
    height: 20px;
}

body.isStorywall div.storyEntry div.vPlay {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 5px;
}

body.isStorywall div#storyShare {
    background-color: #333;
    width: 660px;
    height: 14px;
    padding: 5px 0 15px 5px;
    margin-left: 12px;
    color: #999;
    vertical-align: middle;
}

body.isStorywall div#storyShare span {
    float: right;
}

body.isStorywall div#storyShare span#stv {
    margin-top: 8px;
}

body.isStorywall div#storyBox {
    height: 372px;
}





body.isStorywall div#vsForm {
    width: 670px;
    height: 27px;
    padding: 7px 0 0 10px;
    background-image: url(images/videos/videox-header.png);
    margin: 0;
    font-size: 12px;
    float: left;
}

body.isStorywall div#vsForm div {
    float: left;
    padding-right: 15px;
}

body.isStorywall div#vsForm div#vsName {
    font-weight: bold;
    padding-top: 4px;
}

body.isStorywall div#vsForm div#vsNameT, body.isStorywall div#vsForm div#vsNameC, body.isStorywall div#vsForm div#vsNameS {
    padding-right: 3px;
    padding-top: 4px;
}

body.isStorywall div#vsForm select {
    border: 1px solid #999;
    width: 152px;
    height: 20px;
}

body.isStorywall div#vsForm select option {
    padding: 2px;
}

body.isStorywall div#vsForm input {
    border: 1px solid #999;
    width: 130px;
    height: 18px;
}

body.isStorywall div#vsForm div#vsSearch {
    float: right;
    padding-right: 7px;
}

body.isStorywall div#vsForm div#vsNameS {
    float: right;
}




body.isStorywall div#storybookOps, body.isStorywall div#storybookTops, body.isStorywall div#popFilters {
    float: left;
    margin: 6px 0 0 5px;
    width: 240px;
}

body.isStorywall div#storybookTops { display: none; }

body.isStorywall div#vhtitle, body.isStorywall div#vttitle, body.isStorywall div#pftitle {
    padding: 10px;
    font-weight: bold;
    background-image: url(images/page/white-transparent.png);
}

body.isStorywall div#playlistControls {
    width: 240px;
    height: 165px;
    margin-top: 1px;
    background-image: url(images/page/white-transparent.png);
    display: none;
}

body.isStorywall div#filts {
    width: 240px;
    height: 135px;
    margin-top: 1px;
    background-image: url(images/page/white-transparent.png);
}


body.isStorywall div#playlistControls span, body.isStorywall div#filts span {
    float: left;
    clear: both;
    width: 220px;
    margin: 13px 0 2px 10px;
}

body.isStorywall div#playlistControls span span {
    float: none;
    clear: none;
    margin-right: 2px;
}

body.isStorywall span#cursv {
    font-weight: bold;
}

body.isStorywall span#sharh {
    float: right;
    width: 220px;
    text-align: right;
    margin-top: 2px;
    margin-right: 2px;
    overflow: hidden;
    display: none;
}

body.isStorywall span#sharh span#ssv {
    padding-bottom: 4px;
    padding-right: 4px;
}

body.isStorywall span#sharh span {
    margin: 2px 2px 0 0;
    height: 16px;
    width: 16px;
    padding: 0;
}

body.isStorywall span#vxi_st_plusone div {
    margin-top: 14px;
    margin-right: 3px;
}

body.isStorywall div.vName a {
    float: left;
}

body.isStorywall div.vName span.more {
    float: right;
}

body.isStorywall div.vName span.more a {
    float: none;
}


body.isStorywall div.vName span.subt {
    display: block;
    font-size: 11px;
    font-style: italic;
    width: 520px;
    height: 29px;
    color: #777;
    float: left;
}




body.isStorywall div#vsForm optgroup {
    border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 6px;
}

body.isStorywall div#vsForm optgroup option {
    margin-left: 8px;
}


body.isStorywall div#playlistBox {
    width: 680px;
    display: none;
}

body.isStorywall div#plFormHeader {
    width: 680px;
    height: 27px;
    background-image: url(images/videos/pl-header.png);
}

body.isStorywall div#plFormHeader span#cursv, body.isStorywall div#plFormHeader a {
    float: left;
    margin: 6px 0 0 8px;
}

body.isStorywall div#plFormHeader a {
    padding-left: 8px;
    border-left: solid #777 1px;
    display: none;
}

body.isStorywall div#plEmpty p {
    margin: 8px;
}

body.isStorywall div#plpad {
    width: 680px;
    height: 20px;
    float: left;
}

body.isStorywall div.storyEntry div.vCheck a img {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 8px 0 0 0;
    background-position: 0px 0px;
}

body.isStorywall div.storyEntry div.vCheck a {
    padding: 0;
    margin: 0;
}

body.isStorywall div.storyEntry div.vCheck a:hover img {
    background-position: -16px 0px;
}

body.isStorywall div.storyEntry div.vCheck a.pladd {
    margin-left: 3px;
}

body.isStorywall div.storyEntry div.vCheck a img.imgPlup { background-image: url(images/videos/pl-arrow-up.png); }
body.isStorywall div.storyEntry div.vCheck a img.imgPldown { background-image: url(images/videos/pl-arrow-down.png); }
body.isStorywall div.storyEntry div.vCheck a img.imgPladd { background-image: url(images/videos/pl-add.png); }
body.isStorywall div#plMain div.storyEntry div.vCheck a img.imgPladd { background-image: url(images/videos/pl-del.png); }







div#preBody, div#postBody {
    width: 670px;
    height: 40px;
    float: left;
    overflow: hidden;
    background-image: url(images/page/white-transparent.png);
    text-align: center;
    margin-bottom: 20px;
    font-family: Avenir, arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    z-index: 20;
}

div#postBody {
    width: 480px;
    margin: 0;
}

div.noSidecar div#postBody {
    width: 670px;
}

div.bookPrev {
    width: 90px;
    height: 40px;
    float: left;
    text-align: center;
    border-right: 1px #ccc solid;
}

div.bookNext {
    width: 90px;
    height: 40px;
    float: right;
    text-align: center;
    border-left: 1px #ccc solid;
}

div.bookPrev a, div.bookNext a {
    display: block;
    width: 90px;
    height: 40px;
    padding-top: 14px;
    font-weight: bold;
}

div.bookPrev a:hover, div.bookNext a:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

div.bookHead {
    width: 290px;
    height: 40px;
    float: left;
    margin-top: 6px;
}

div.noSidecar div#postBody div.bookHead, div#preBody div.bookHead {
    width: 480px;
}


div.bookHead span.bookSub {
    font-size: 11px;
    font-style: italic;
}






div.clickmore {
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    padding: 12px 0 12px 0;
    margin: 12px 0 12px 0;
}

div.clickmore-body {
    display: none;
    padding-top: 12px;
    border-top: 1px dotted #c15990;
}

div#bodyText div.clickmore-link a {
    border: none;
    font-weight: bold;
    font-family: Avenir, arial, sans-serif;
}

sub, sup {
    font-family: arial, sans-serif;
    font-size: 8px;
    padding: 0;
    margin: 0;
}
sup { vertical-align: super; }
sub { vertical-align: sub; }