@charset utf-8;body {
     margin: 0;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     background-color: #66B2D2;
     background-repeat: repeat;
     background-position: 25px 0;
}

img {
     border: none;
}

#container {
     width: 1009px;
     position: relative;
     overflow: hidden;
     margin: 0 auto;
     margin-top: 0;
}

#mastHead {
     background: url(../images/siteelements/clubhousejr/mastheadBackground.png) 0 -10px no-repeat;
     margin: 0;
     height: 121px;
     overflow: hidden;
}

#header {
     overflow: hidden;
     height: 100px;
     width: 879px;
     margin: 0;
}

#wrapper {
     width: 759px;
     margin: 0;
     height: 790px;
     background-image: url(../images/siteelements/clubhousejr/HomeBG.gif);
     position: relative;
     top: -10px;
     left: 20px;
     overflow: hidden;
}

#editorialWell {
     margin: 0;
     padding: 0;
     width: 889px;
     overflow: hidden;
     position: relative;
}

#footer {
     width: 759px;
     color: #1C3E85;
     font-size: 9px;
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
     margin: 0 auto;
}

.clear {
     clear: both;
     height: 1px;
     margin: 0;
     font-size: 1px;
}

#logoSection {
     padding: 0;
     position: relative;
     float: left;
     margin: 0 0 13px 18px;
}

h3.games a {
     text-indent: -9999px;
     font-size: 1px;
     display: block;
     width: 197px;
     height: 193px;
     padding: 0;
     margin: 0;
     position: relative;
     float: left;
     top: -1px;
     background-image: url(../images/siteelements/clubhousejr/sectionlogo.png);
     background-repeat: no-repeat;
     background-position: 0 0;
}

#bannerHome {
     width: 759px;
     height: 432px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_home.jpg) 0 0 no-repeat;
}

#bannerGames {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_games.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerColoringPages {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_coloringpage.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerCrafts {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_crafts.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerRecipes {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_recipes.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerJokes {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_jokes.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerBible {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_bible.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#bannerMembersOnly {
     width: 776px;
     height: 250px;
     margin: 0;
     font-size: 1px;
     background: url(../images/siteelements/clubhousejr/banner_membersonly.png) 0 0 no-repeat;
     clear: both;
     position: relative;
     left: 22px;
}

#header h1, #header h3 {
     font-size: 1px;
     text-indent: -9999px;
     margin: 0;
}

#header h1 a, #header h3 a {
     position: absolute;
     z-index: 5;
     display: block;
}

#header h1 a {
     top: 26px;
     left: 12px;
     width: 220px;
     height: 8px;
}

#header h3 a {
     top: 34px;
     left: 4px;
     width: 228px;
     height: 122px;
}

#columnHome {
     width: 658px;
     height: 196px;
     font-size: 1px;
     position: relative;
     top: -160px;
     bottom: 0;
     left: 58px;
     float: left;
     padding: 0;
     overflow: visible;
     margin-top: 0;
     margin-right: 0;
     margin-left: 0;
}

#columnSection {
     width: 656px;
     height: auto;
     font-size: 1px;
     position: relative;
     padding: 0;
     overflow: hidden;
     background-color: #FFF;
     margin: 0 0 25px;
}

#columnArticleList {
     width: 165px;
     height: 600px;
     font-size: 1px;
     position: relative;
     float: left;
     padding: 0;
     overflow: visible;
     background-image: url(../images/siteelements/clubhousejr/background_articlelist1.jpg) 0 0 no-repeat;
     margin: 0;
}

#columnArticleList p, p a {
     color: #09F;
     text-decoration: none;
     margin: 2px 5px 0;
     font: 700 12px Arial, Helvetica, sans-serif;
}

#columnArticleContent {
     width: 385px;
     height: Auto;
     font-size: 1px;
     position: relative;
     float: left;
     padding: 0;
     overflow: visible;
     margin: 0;
}

#columnArticleContent h2 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 24px;
     color: red;
     margin: 0 5px;
}

#columnArticleContent h3 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
     color: #F90;
     margin: 8px 5px 0;
}

#columnArticleContent p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     margin: 8px 5px 0;
}

#columnArticleContent img {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     margin: 2px 5px 5px;
}

#columnHomeLeft {
     width: 314px;
     height: 196px;
     margin: 0 28px 0 0;
     font-size: 1px;
     position: relative;
     float: left;
     background-image: url(../images/siteelements/clubhousejr/webExt.gif);
     padding: 0;
     overflow: hidden;
}

#columnHomeLeft h3 {
     padding: 0;
     color: #65B2D2;
     text-decoration: none;
     margin: 5px 0 0 5px;
     font: 700 20px Arial, Helvetica, sans-serif;
}

#columnHomeLeft h3 a {
     padding: 0;
     color: #65B2D2;
     text-decoration: none;
     margin: 5px 0 0;
     font: 700 20px Arial, Helvetica, sans-serif;
}

#columnHomeLeft p, #columnHomeLeft p a {
     padding: 0;
     color: #000;
     text-decoration: none;
     margin: 2px 0 0;
     font: 700 12px Arial, Helvetica, sans-serif;
}

#columnHomeRight {
     width: 316px;
     height: 196px;
     font-size: 1px;
     position: relative;
     float: left;
     background-image: url(../images/siteelements/clubhousejr/gamesBox.gif);
     padding: 0;
     margin: 0;
}

#columnHomeRight img, #columnHomeRight img a {
     float: left;
     padding: 0;
     border: 0;
     margin: 0;
}

#columnHomeRight h3, #columnHomeRight h3 a {
     padding: 0;
     color: #65B2D2;
     text-decoration: none;
     text-align: center;
     margin: 0;
     font: 700 24px Arial, Helvetica, sans-serif;
}

#subscribeBox p {
     position: absolute;
     z-index: 1;
     left: 93px;
     top: 220px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: 479px;
     height: 104px;
     overflow: hidden;
     padding: 215px 0 0 200px;
     background: url(../images/siteelements/clubhousejr/subscribeBox.jpg) 0 0 no-repeat;
     margin: 0;
}

#magCover {
     position: absolute;
     display: block;
     top: 223px;
     left: 146px;
     font-size: 1px;
     width: 110px;
     height: 100px;
     overflow: hidden;
     background: url(../images/siteelements/clubhousejr/currentIssue.jpg) 0 0 no-repeat;
     z-index: 40;
}

a.subscribeButton {
     position: absolute;
     top: 275px;
     left: 395px;
     z-index: 3;
     width: 126px;
     height: 37px;
     margin: 0;
     text-indent: -9999px;
     background: url(../images/siteelements/clubhousejr/subscribeBtn.jpg);
}

#bannerHomeLeft {
     width: 140px;
     height: 380px;
     font-size: 1px;
     position: relative;
     top: -150px;
     left: -50px;
     float: left;
     overflow: hidden;
     margin: 0 0 -170px;
}

#bannerSectionLeft {
     width: 140px;
     height: 520px;
     font-size: 1px;
     position: relative;
     top: 0;
     left: -50px;
     float: left;
     overflow: hidden;
     margin: 0 0 -170px;
}

#navigation {
     width: 759px;
     height: 167px;
     font-size: 1px;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     top: -164px;
     bottom: 0;
}

#navigation ul li {
     display: inline;
     width: 759px;
     margin: 0;
     padding: 0;
}

a#coloring, a#crafts, a#games, a#recipes, a#jokes, a#bible {
     text-indent: -9999px;
     height: 167px;
     background-image: url(../images/siteelements/clubhousejr/circleNav.jpg);
     background-repeat: no-repeat;
}

a#coloring {
     width: 192px;
     background-position: 0 0;
}

a#crafts {
     width: 91px;
     background-position: -192px 0;
}

a#games {
     width: 96px;
     background-position: -283px 0;
}

a#recipes {
     width: 110px;
     background-position: -379px 0;
}

a#jokes {
     width: 104px;
     background-position: -489px 0;
}

a#bible {
     width: 164px;
     background-position: -593px 0;
}

a:hover#coloring {
     width: 192px;
     background-position: 0 -167px;
}

a:hover#crafts {
     width: 91px;
     background-position: -192px -167px;
}

a:hover#games {
     width: 96px;
     background-position: -283px -167px;
}

a:hover#recipes {
     width: 110px;
     background-position: -379px -167px;
}

a:hover#jokes {
     width: 104px;
     background-position: -489px -167px;
}

a:hover#bible {
     width: 164px;
     background-position: -593px -167px;
}

#logo {
     float: left;
     margin: 0;
     font-size: 1px;
     width: 258px;
     height: 275px;
     position: relative;
     left: 210px;
     top: -2px;
     background-repeat: no-repeat;
     background-position: 0 0;
}

#logo ul {
     float: left;
     margin: 0;
     font-size: 1px;
}

a#logo1 {
     text-indent: -9999px;
     width: 258px;
     height: 275px;
}

#navBar {
     height: 31px;
     width: 822px;
     padding: 0;
     overflow: hidden;
     position: relative;
     z-index: 10;
}

#navBar ul {
     padding: 0;
     float: right;
     overflow: hidden;
     margin: 0 0 0 -200px;
}

#navBar ul li, #logo ul li {
     display: inline;
     margin: 0;
     padding: 0;
}

#navBar ul li a, #logo ul li a, #navigation ul li a, #navigation ul {
     float: left;
     padding: 0;
     margin: 0;
}

a#navOne, a#navTwo, a#navThree, a#navFour, a#navFive, a#navSix, a#navSeven {
     text-indent: -9999px;
     height: 31px;
     position: relative;
     z-index: 8;
     background-image: url(../images/siteelements/clubhousejr/jrmenusprite1.png);
     background-repeat: no-repeat;
}

a#navOne {
     width: 104px;
     background-position: 0 0;
}

a#navTwo {
     width: 117px;
     background-position: -104px 0;
}

a#navThree {
     width: 61px;
     background-position: -221px 0;
}

a#navFour {
     width: 67px;
     background-position: -282px 0;
}

a#navFive {
     width: 72px;
     background-position: -349px 0;
}

a#navSix {
     width: 60px;
     background-position: -421px 0;
}

a#navSeven {
     width: 340px;
     background-position: -480px 0;
}

a:hover#navOne {
     width: 104px;
     background-position: 0 -32px;
}

a:hover#navTwo {
     width: 117px;
     background-position: -104px -32px;
}

a:hover#navThree {
     width: 61px;
     background-position: -221px -32px;
}

a:hover#navFour {
     width: 67px;
     background-position: -282px -32px;
}

a:hover#navFive {
     width: 72px;
     background-position: -349px -32px;
}

a:hover#navSix {
     width: 60px;
     background-position: -421px -32px;
}

a:hover#navSeven {
     width: 340px;
     background-position: -480px -32px;
}

a#navOne.selected {
     width: 104px;
     background-position: 0 -64px;
}

a#navTwo.selected {
     width: 117px;
     background-position: -104px -64px;
}

a#navThree.selected {
     width: 61px;
     background-position: -221px -64px;
}

a#navFour.selected {
     width: 67px;
     background-position: -282px -64px;
}

a#navFive.selected {
     width: 72px;
     background-position: -349px -64px;
}

a#navSix.selected {
     width: 60px;
     background-position: -421px -64px;
}

a#navSeven.selected {
     width: 340px;
     background-position: -480px -64px;
}

#wrapperBottom {
     width: 889px;
     height: 10px;
     margin: 0;
     font-size: 1px;
     clear: both;
     background: url(../images/backgrounds/wrapperbottomBackground.png) 75px 0 no-repeat;
}

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

#footer li {
     display: inline;
     padding: 0 0 0 15px;
     margin: 0;
     background-image: url(../images/siteelements/footerbullet.jpg);
     background-repeat: no-repeat;
     background-position: 0 0;
}

#footer li a {
     color: #1C3E85;
     text-decoration: none;
}

#footer li a:hover {
     text-decoration: underline;
}

#footer li a:active {
     text-decoration: underline;
     color: #FFF;
}

#footer li.first {
     background: none;
     padding: 0;
}

#footer li.last {
     background: none;
     display: block;
     padding: 0;
}

.contentArea {
     background: #6DBEE0;
     float: left;
     width: 706px;
     padding: 10px;
     overflow: hidden;
     position: relative;
     top: -160px;
     margin: 0 0 0 25px;
}

#blankWrapper {
     width: 759px;
     margin: 0;
     background: url(../images/siteelements/clubhousejr/HomeBG.gif) repeat;
     position: relative;
     top: -10px;
     left: 20px;
     overflow: hidden;
}