/* 
clubhouse_screen.css
Copyright 2007 Focus on the Family
Version: 1.0
Created: 4/8/2007
 */

body { background:#65b2d2; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* layout divs */

#container { width:897px; position:relative; overflow:visible; margin:0 auto; margin-top:0; }
#mastHead { background:url(/images/backgrounds/jrMastheadBackground.jpg) 0 0 no-repeat; margin:0; width: 896px; overflow:hidden;  }
#header { overflow:hidden; height:100px; width:889px; margin:0; }
#wrapper { width:897px; background:url(/images/backgrounds/JrwrapperBackground.jpg) 75px 0; margin:0; float:left; }
#editorialWell { margin:0; padding: 0; width: 865px; overflow:visible; float:right;}
#navBar { margin:0 0 0 286px; height:21px; width:892px; padding:0; overflow: visible; position: relative; top:-2px;}
#footer { color:#1C3E85; font-size:11px; font-family:Arial, Helvetica, sans-serif; clear:both; margin:5px 0 0 0; text-align:center; }
.clear { clear:both; height:1px; margin:0; font-size:1px; }
img { border:0; }
.swfContainer { position:relative; left:40px; }
#magCover { position:absolute; display:block; top:0; left:311px; font-size:1px; width:110px; height:100px; overflow:hidden; background:url(../images/backgrounds/currentissue.jpg) 0 0 no-repeat; z-index:40; }

/* header styles */

#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:0; left:12px; width:220px; height:8px;  }
#header h3 a { top:0; left:4px; width:228px; height:122px;  }
#magCover { position:absolute; display:block; top:0; left:311px; font-size:1px; width:110px; height:100px; overflow:hidden; background:url(/images/backgrounds/currentissue.jpg) 0 0 no-repeat; z-index:40; }
#header p { position:absolute; z-index:2; left:300px; width:205px; height:94px; margin:0; padding:5px 0 0 260px; background:url(/images/backgrounds/jrSubscribeBackground.jpg) 0 0 no-repeat; text-indent:-9999px; }
a.subscribeButton {
	position:absolute;
	top:38px;
	left:625px;
	display:block;
	width:114px;
	height:31px;
	margin:0;
	text-indent:-9999px;
	background:url(/images/siteelements/clubhousejr/subscribeButton.jpg) 0 0 no-repeat;
}
#search {
	position:absolute;
	left:768px;
	top:11px;
	width:160px;
	z-index:4;
	overflow:hidden;
}
#searchInput { width:80px; height:15px; border:1px solid #842D8C; padding:0; font-size:10px; float:left; margin:7px 0 0 0; }
#searchLabel { font-weight:bold; color:#1C3E85; font-size:12px; display:block; margin:0; }
#searchButton { float:left; margin:3px 0 0 5px; height:24px; width:25px; }

/* nav bar styles */

#navBar ul { padding:0; float:left; margin:0; overflow: visible; }
#navBar ul li { display:inline; margin:1px 0 0 0; padding:0; }
#navBar ul li a { float:left; padding:0; margin:-5px 0 0 0;  }

a#navOne,
a#navTwo,
a#navThree,
a#navFour,
a#navFive,
a#navSix,
a#navSeven { text-indent:-9999px; height: 21px; padding:0; background:url(/images/sprites/TopNav.jpg) no-repeat; position:relative; z-index:8; overflow:hidden; }

a#navOne { width:132px; background-position: 0 0; }
a#navTwo { width:116px; height:23px; background-position: -133px 0; }
a#navThree { width:62px; background-position: -249px 0; }
a#navFour { width:66px; background-position: -311px 0; }
a#navFive { width:73px; height:23px; background-position: -377px 0; }
a#navSix { width:59px; background-position: -450px 0; }
a#navSeven { width:96px; background-position: -509px 0; }

a:hover#navOne { width:132px; background-position: 0 -21px; }
a:hover#navTwo { width:116px; background-position: -133px -21px; }
a:hover#navThree { width:62px; background-position: -249px -21px; }
a:hover#navFour { width:66px; background-position: -311px -21px; }
a:hover#navFive { width:73px; background-position: -377px -21px; }
a:hover#navSix { width:59px; background-position: -450px -21px; }
a:hover#navSeven { width:96px; background-position: -509px -21px; }

a#navOne.selected { width:132px; background-position: 0 -42px; }
a#navTwo.selected { width:116px; background-position: -133px -42px; }
a#navThree.selected { width:62px; background-position: -249px -42px; }
a#navFour.selected { width:66px; background-position: -311px -42px; }
a#navFive.selected { width:73px; background-position: -377px -42px; }
a#navSix.selected { width:59px; background-position: -450px -42px; }
a#navSeven.selected { width:96px; background-position: -509px -42px; }


#sideBar { margin:0; padding:0; float:left; width:204px; height:auto; background-color: #66B2D2; position: relative; }
#sideBar .content { text-indent:-9999px; font-size: 1px; margin: 0; padding: 0; width:204px; height:auto; float: left;}

/*sideNavigation*/
#sideBar { margin:0; padding:0; float:left; width:204px; height:auto; background-color: #66B2D2; position: relative; }
#sideBar .content { text-indent:-9999px; font-size: 1px; margin: 0; padding: 0; width:204px; height:447px; float: left;}

/*sideNavigation*/
#sideBar ul { padding:0; float:left; margin:0; overflow:hidden; }
#sideBar ul li { display:inline; margin:0; padding:0; }
#sideBar ul li a { float:left; padding:0; margin:0; }

a#coloringPages,
a#crafts,
a#recipes,
a#games,
a#jokes,
a#bible, 
a#webextras,
a#clubhouse { text-indent:-9999px; background:url(/images/sprites/sideBarNav.jpg) no-repeat; position:relative; z-index:8; overflow:hidden; }

a#coloringPages { height: 103px; width: 102px; background-position: 0 0; }
a#crafts { height: 103px; width: 102px; background-position: -102px 0; }
a#recipes { height: 103px; width: 102px; background-position: 0 -103px; }
a#games {  height: 103px;width: 102px; background-position: -102px -106px; }
a#jokes { height:85px;  width: 102px; background-position: 0 -206px ; }
a#bible { height:85px;  width: 102px; background-position: -102px -206px; }
a#webextras { height:80px;  width: 204px; background-position: 0 -291px;}
a#clubhouse { height:80px;  width: 204px; background-position: 0 -371px;}


a:hover#coloringPages { height: 103px; width: 102px; background-position: -204px 0; }
a:hover#crafts { height: 103px; width: 102px; background-position: -306px 0; }
a:hover#recipes { height: 103px; width: 102px; background-position: -204px -103px; }
a:hover#games { height: 103px; width: 102px; background-position: -306px -106px; }
a:hover#jokes { height:85px; width: 102px; background-position: -204px -206px ; }
a:hover#bible { height:85px; width: 102px; background-position: -306px -206px; }
a:hover#webextras { height:80px;  width: 204px; background-position: -204px -291px;}
a:hover#clubhouse { height:80px; width: 204px; background-position: -204px -371px; }

a#coloringPages.selected  { height: 103px; width: 102px; background-position: -408px 0; }
a#crafts.selected  { height: 103px; width: 102px; background-position: -510px 0; }
a#recipes.selected  { height: 103px; width: 102px; background-position: -408 -106px; }
a#games.selected  { height: 103px; width: 102px; background-position: -510px -212px; }
a#jokes.selected  { height:85px; width: 102px; background-position: -408px -212px ; }
a#bible.selected  { height:85px; width: 102px; background-position: -510px -212px; }
a#webextras.selected  { height:80px; width: 102px; background-position: -510px -212px; }
a#clubhouse.selected  { height:80px; width: 204px; background-position: -408px -318px; }

a#bible.selected  { width: 102px; background-position: -510px -212px; }
a#clubhouse.selected  { width: 204px; background-position: -408px -318px; }


/* wrapper styles */

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

/* footer styles */
#footer ul { list-style:none; padding:0; margin:0; }
#footer li { display:inline; padding:0 0 0 24px; margin:0; background:url(/images/siteelements/clubhousejr/footerBullet.jpg) 0 0 no-repeat; }
#footer li a { color:#1C3E85; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }
#footer li a:active { text-decoration:underline; color:white; }
#footer li.first { background:none; padding:0; }
#footer li.last {  background:none; display:block; padding:0; }