html {
background-color:#248CD3;
height:100%;
}

body {
background-color:#32D2ED;
margin:0 0 0px;
padding:0;
text-align:center;
background-image:url(http://www.mybabybanana.com/images/bkgdGradient.jpg);
background-repeat:repeat-x;
font-family:comic sans MS, verdana, sans-serif;
}

#container {
position:relative;
background-image:url(http://www.mybabybanana.com/images/bkgdRays.jpg);
background-repeat:no-repeat;
width:1100px;
margin:0 auto;
min-height:500px;
}

#containerInner {
position:relative;
float:left;
background-image:url(http://www.mybabybanana.com/images/contentBkgd3.gif);
background-repeat:repeat-y;
background-position: left 184px;
}

#header {
position:relative;
background-image:url(http://www.mybabybanana.com/images/headerBkgd3.jpg);
background-repeat:no-repeat;
height:192px;
width:1100px;
z-index:900;
}

#bbWaving {
position:absolute;
left:131px;
top:45px;
}

#logoHomeLink {
position:absolute;
left:110px;
top:30px;
}

#logoHomeLink a {
display:block;
width:240px;
height:120px;
text-decoration:none;
}

#logoHomeLink a span {
font-weight:normal;
visibility:hidden;
}

#contentArea {
position:relative;
float:left;
clear:left;
width:1100px;
padding-bottom:145px;
min-height:280px;
font-size:14px;
line-height:20px;
z-index:0;
background-image:url(http://www.mybabybanana.com/images/jungleMiddle.png);
background-repeat:no-repeat;
background-position:center bottom;
}

#secondaryNav {
position:relative;
float:left;
width:229px;
text-align:right;
top:0px;
}

#secondaryNav ul {
list-style-type:none;
text-align:right;
margin:15px 0 0;
padding:0 10px 0 0;
width:80px;
position:relative;
float:right;
z-index:500;
}

#secondaryNav ul li {
margin:13px 0;
}

#secondaryNav ul li a {
display:block;
width:66px;
height:23px;
text-decoration:none;
background-repeat:no-repeat;
}

#secondaryNav ul li a span {
visibility:hidden;
}

#secondaryNav ul li a:hover {
background-position: 0 -23px;
}

#secondaryNav ul li a.aboutLink {
background-image:url(http://www.mybabybanana.com/images/aboutLink.png);
}

#secondaryNav ul li a.newsLink {
background-image:url(http://www.mybabybanana.com/images/newsLink.png);
}

#secondaryNav ul li a.eventsLink {
background-image:url(http://www.mybabybanana.com/images/eventsLink.png);
}

#secondaryNav ul li a.shopLink {
background-image:url(http://www.mybabybanana.com/images/shopLink.png);
}

#secondaryNav ul li a.blogLink {
background-image:url(http://www.mybabybanana.com/images/blogLink.png);
margin-top:15px;
}

#secondaryNav ul li a.blogLink:hover {
background-position: 0 -25px;
}

#sitemgrContent {
position:relative;
float:left;
z-index:100;
width:550px;
margin-left:50px;
text-align:left;
min-height:280px;
font-family:comic sans MS, verdana, sans-serif;
}

#sitemgrContent a {
color:#248cd3;
text-decoration:none;
}

#sitemgrContent a:hover {
color:#32D2ED;
text-decoration:underline;
}

.blueText {
color:#248CD3;
}

#footer {
position:relative;
float:left;
width:1100px;
}

.bottomFiller tr td {
background-color:#248CD3;
height:100%;
}

#footerLeft {
position:absolute;
width:230px;
height:236px;
background-image:url(http://www.mybabybanana.com/images/jungleLeft.png);
bottom:0px;
left:0;
background-repeat:no-repeat;
}

#footerright {
position:absolute;
width:281px;
height:151px;
background-image:url(http://www.mybabybanana.com/images/jungleRight.png);
background-repeat:no-repeat;
bottom:0px;
right:0;
z-index:200;
}

#joinFanClub {
position:absolute;
float:right;
bottom:50px;
right:0;
width:216px;
height:220px;
background-repeat:no-repeat;
background-image:url(http://www.mybabybanana.com/images/joinFanClub.png);
font-size:10px;
}

#butterfly {
position:absolute;
top:-60px;
right:20px
}

#fanClubForm{
position:relative;
float:right;
width:265px;
top:49px;
right:43px;
z-index:1100;
font-size:10px;
color:#000000;
}

#fanClubForm input {
width:103px;
height:16px;
position:relative;
float:left;
margin:1px 1px;
border:1px solid #6BA12C;
font-size:10px;
}

#fanClubForm label {
display:block;
position:relative;
float:left;
width:100px;
text-align:right;
margin:4px 2px;
font-family:verdana, helvetica, sans-serif;
font-weight:bold;
}

.joinButton {
display:block;
position:relative;
float:right;
top:0px;
margin-left:1px;
width:51px;
height:33px;
background-image:url(http://www.mybabybanana.com/images/joinButton.png);
background-repeat:no-repeat;
text-decoration:none;
}

.joinButton span {
visibility:hidden;
}

a.joinButton:hover {
background-position:0 -34px;
text-decoration:none;
}

/* setting up the coloring buttons generic styles */

.coloring1Button, .coloring2Button {
display:block;
position:relative;
margin-top:20px;
margin-left:9px;
width:277px;
height:224px;
background-repeat:no-repeat;
text-decoration:none;
}

/* hide the span inside the a for accessibility purposes */

.coloring1Button span, .coloring2Button span {
visibility:hidden;
}

/* pull the background image on both coloring buttons up 224px on hover to emulate rollover */

#sitemgrContent a.coloring1Button:hover, #sitemgrContent a.coloring2Button:hover {
background-position:0 -224px;
text-decoration:none;
}

/* set the bkgd images on the coloring buttons seperately */

.coloring1Button {
background-image:url(http://www.mybabybanana.com/images/coloring1a.gif);
}

.coloring2Button {
background-image:url(http://www.mybabybanana.com/images/coloring2a.gif);
}

#footerStrip {
background-color:#248CD3;
color:#000000;
height:100%;
}

#footerLinks {
position:relative;
margin:0 auto;
padding:20px 0 15px;
width:1100px;
}

#footerLinks img {
margin:0 3px 1px;
}

#links {
position:relative;
float:left;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:14px;
padding-left:340px;
padding-bottom:5px;
}

#links a, #copyright a {
text-decoration:none;
color:#000000;
}

#links a:hover, #copyright a:hover {
text-decoration:underline;
}

#copyright {
position:relative;
float:left;
font-family:arial, helvetica, sans-serif;
font-weight:normal;
font-size:10px;
top:2px;
padding-left:400px;
padding-bottom:10px;
}

#pGalleryTable {
width:550px;
margin:15px 0;
}

#pGalleryTable img {
border:1px solid #248CD3;
}

#pGalleryTable a:hover img {
border:1px solid #32D2ED;
text-decoration:none;
}

.photoTitle {
font-size:12px;
}

.myFriendsBottom {
position:relative;
height:80px;
text-align:center;
width:100%;
margin-bottom:-60px;
}

a#sendDrawingButton {
margin:10px auto 0;
text-decoration:none;
background-image:url(../images/sendDrawingButton.gif);
display:block;
height:32px;
width:166px;
background-repeat:no-repeat;
}

a#sendDrawingButton:hover {
background-position:0 -32px;
text-decoration:none;
}

a#sendDrawingButton span {
visibility:hidden;
}

#videoContainer {
position:relative;
width:550px;
}

#videoLinks {
position:relative;
}

#video_box  {
text-align:center;
width:450px;
height:350px;
position:relative;
z-index:0;
margin:0 auto 30px;
}

#vidButtons {
position:absolute;
text-align:center;
width:100%;
margin-top:25px;
}

#vidButtons a {
display:block;
margin:0 auto;
height:32px;
width:166px;
background-repeat:no-repeat;
text-decoration:none;
}

#vidButtons a span {
visibility:hidden;
}

#vidButtons a:hover {
background-position:0 -32px;
text-decoration:none;
}

a#livePerfBtn {
background-image:url(http://www.mybabybanana.com/images/livePerfButton.gif);
}

a#musicVidfBtn {
background-image:url(http://www.mybabybanana.com/images/musicVidButton.gif);
}

a#musicVidfBtnHome {
background-image:url(http://www.mybabybanana.com/images/musicVidButton.gif);
margin-left:121px;
margin-top:-31px;
}


#vidLinksList {
color:#248CD3;
margin-left:0;
padding-left:15px;
line-height:24px;
}

#vidLinksListLive {
position:relative;
color:#248CD3;
margin-left:0;
padding-left:15px;
line-height:24px;
padding-top:40px;
}

#vidLinksListMedia {
position:relative;
color:#248CD3;
margin-left:0;
padding-left:15px;
line-height:24px;
padding-top:40px;
}

#vidLinksList a, #vidLinksListLive a, #vidLinksListMedia {
color:#248CD3;
text-decoration:none;
font-size:16px;
}

#video_box h2 {
font-weight:normal;
color:#333333;
font-size:16px;
margin:10px 0 10px;
padding:0;
text-align:center;
}

.linksSitemgrTable ul {
list-style-type:none;
margin:0;
padding:0 0 0 5px;
}

.linksSitemgrTable ul li {
margin:12px 0;
}

.linksSitemgrTable ul li img {
margin-top:-2px;
margin-right:10px;
margin-bottom:2px;
}

.linksSitemgrTable ul li a {
font-size:14px;
text-decoration:none;
}

.siteMapContainer {
width:100%;
position:relative;
top:-10px;
margin-left:20px;
}

.siteMapContainer tr td {
width:50%;
font-size:14px;
}

#sitemgrContent .siteMapContainer a.parentLink {
display:block;
margin:10px 0 0;
padding:0;
font-weight:bold;
height:13px;
}

.siteMapContainer ul {
color:#248CD3;
}

.siteMapContainer ul.subFirstLevel {
margin-left:10px;
margin-top:6px;
}

.siteMapContainer ul.subFirstLevel li {
margin:1px 0;
}

#printLinks {
position:relative;
float:right;
margin-top:0px;
font-size:11px;
width:203px;
text-align:right;
}

#printLinks a {
display:block;
position:relative;
float:left;
margin-left:10px;
height:32px;
background-repeat:no-repeat;
text-decoration:none;
}

#printLinks a:hover {
background-position:0 -32px;
text-decoration:none;
}

#printLinks span {
visibility:hidden;
}

#printLinks a#emailRecipeBtn {
background-image:url(../images/emailRecButton.gif);
width:116px;
}

#printLinks a#printBtn {
background-image:url(../images/printButton.gif);
width:67px;
}

#logoutLinks {
position:relative;
float:right;
margin-top:0px;
font-size:11px;
width:203px;
text-align:right;
}

.audioButton {
position:relative;
top:-7px;
}

a.buyCdBtn {
display:block;
height:32px;
width:68px;
background-image:url(../images/buyCdBtn.gif);
background-repeat:no-repeat;
text-decoration:none;
}

a.buyCdBtn span {
visibility:hidden;
}

#sitemgrContent a.buyCdBtn:hover {
background-position:0 -32px;
text-decoration:none;
}

#sitemgrContent .stopAudioLink {
position:absolute;
margin-left:3px;
width:70px;
}

#sitemgrContent .stopAudioLink a {
color:#ff9900;
padding-left:2px;
}

#sitemgrContent .stopAudioLink a:hover {
color:#c40000;
text-decoration:none;
}

#sitemgrContent .stopAudioLink a img {
position:relative;
top:-3px;
}

.playArrow {
margin-right:5px;
}

ol.trackListings {
margin-top:0;
margin-bottom:0;
padding-top:0;
}

ol.trackListings li {
padding:5px 0;
color:#248cd3;
font-weight:bold;
position:relative;
}

a.listenButton {
display:block;
width:105px;
height:32px;
background-image:url(../images/listen-1.gif);
background-repeat:no-repeat;
text-decoration:none;
}

a.listenButton span {
visibility:hidden;
}

#sitemgrContent a.listenButton:hover {
background-position:0 -32px;
text-decoration:none;
}

a.iTunesButton {
display:block;
width:117px;
height:32px;
background-image:url(../images/buy-on-iTunes.gif);
background-repeat:no-repeat;
text-decoration:none;
}

a.iTunesButton span {
visibility:hidden;
}

#sitemgrContent a.iTunesButton:hover {
background-position:0 -32px;
text-decoration:none;
}

a.downloadBackToSchool {
display:block;
width:186px;
height:89px;
background-image:url(../images/back-to-school.gif);
background-repeat:no-repeat;
text-decoration:none;
}

a.downloadBackToSchool span {
visibility:hidden;
}

#sitemgrContent a.downloadBackToSchool:hover {
background-position:0 -89px;
text-decoration:none;
}

.productsViewCart {
position:relative;
margin-top:-26px;
}

#submitDarwingBlurb {
position:relative;
float:left;
width:280px;
margin-right:25px;
}

#submitDrawingForm {
position:relative;
float:left;
width:200px;
}

.smallGrey {
font-size:12px;
font-weight:normal;
color:#575757;
}

/* Games buttons */

#gamesTable {
margin-top:10px;
}

#gamesTable td {
text-align:center;
}

#gamesTable tr.gamesLinksRow td {
padding-right:10px;
}

#gamesTable a {
display:block;
width:97px;
height: 239px;
margin:0 auto;
background-repeat:no-repeat;
}

#gamesTable tr.gamesLinksRow a {
display:inline;
}

#gamesTable a span {
visibility:hidden;
}

#gamesTable a:hover {
background-position:0 -239px;
text-decoration:none;
}

#candyCatch {
background-image:url(../images/game1.jpg);
}

#jigsawPuzzle {
background-image:url(../images/game2.jpg);
}

#fastTag {
background-image:url(../images/game3.jpg);
}

#slidePuzzle {
background-image:url(../images/game4.jpg);
}

#memoryGame{
background-image:url(../images/game5.jpg);
}

.backLinkTopRight {
position:relative;
float:right;
margin-top:-23px;
}

.gameContainer {
margin-top:10px;
position:relative;
text-align:center;
}

/* News page styles */

#newsMenu {
background-image:url(http://www.mybabybanana.com/images/newsMenuBkgd.gif);
background-repeat:repeat-y;
background-position: left;
position:relative;
float:left;
width:296px;
margin-left:-32px;
margin-top:5px;
}

#newsStoryLinks { 
width:276px;
margin-left:0px;
padding-bottom:257px;
background-image:url(http://www.mybabybanana.com/images/news_bottom.gif);
background-repeat:no-repeat;
background-position: left bottom;
min-height:280px;
padding:10px;
}

#newsStoryLinks ul {
margin:0 0 0 35px;
padding:0 22px;
width:156px;
color:#248CD3;
}

#newsStoryLinks ul li {
margin:7px 0px;
}

#shippingNote {
font-size:9px;
font-family:comic sans MS, verdana, sans-serif;
line-height:12px;
}