/* 
clubhouse_screen.css
Copyright 2007 Focus on the Family
Version: 1.0
Created: 4/11/2007
Validated: 5/6/09
 */

/*HTML */
table, tr, td { margin-left:20px; }
.KCFieldInput { background:#E9FB95; }
.KCFieldLabel { font-weight:bold; }

/* Layout DIVS */
 #wrapper {
	background:url(../images/backgrounds/articlewrapperdropshadow.png) 0 repeat-y;
}
#wrapperInner {
	width:897px;
	margin:0;
	float:left;
	background:url(../images/backgrounds/jrWrapperBackground.jpg) repeat-y;
	padding:0;
}
#articleTop, #article, #articleBottom {
	width:575px;
	margin: 0px 32px 0px 0px;
	padding: 0px;
	float:right;
}
#articleTop {
	height:8px;
	background: url(../images/backgrounds/articletopBackground.png) 0 0 no-repeat;
	margin-top:10px;
	font-size: 1px;
}
#article {
	background:white;
	width:555px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#articleBottom {
	height:8px;
	background:url(../images/backgrounds/articlebottomBackground.png) 0 0 no-repeat;
	font-size: 1px;
}
/* Banner Styles */
#articleBanner {
	width:897px;
	padding: 0;
	float:left;
	margin: 0;
}
#articleBanner h3 {
	margin:0;
	padding:0;
}
h3.clubjr-coloring a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_coloringPages.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
h3.clubjr-crafts a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_crafts.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
h3.clubjr-recipes a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_recipes.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
h3.clubjr-games a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_games.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
h3.clubjr-jokes a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_jokes.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
h3.clubjr-bible a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_bible.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}

h3.clubjr-webextras a {
	text-indent:-9999px;
	display:block;
	width:100%;
	padding: 0px;
	margin:0px;
	background:url(../images/siteelements/clubhousejr/banner_jrwebextras.jpg) 0 0 no-repeat;
	width:897px;
	height:181px;
}
/* Content Area Styles  */
.contentArea {
	float:left;
	width:563px;
	overflow:hidden;
	margin: 0 0 0 30px;
}
#article img {
	padding: 2px;
}
#article h2 {
	font-size: 24px;
}
#article h3 {
	font-size: 16px;
}
#article p.byline {
	font-size: 12px;
	Font-style:italic;
}
#columnLeft {
	margin: 0;
	padding: 0;
	float: left;
	width: 195px;
	overflow:hidden;
}
#columnTopLeft  {
	background-color: #FFD800;
	margin: 0px 0 0 10px;
	padding: 0px;
	height: 150px;
	width: 184px;
	overflow:hidden;
}
#columnTopLeft p, #columnBottomLeft p, #columnTopLeft h3, #columnBottomLeft h3 {
	padding:5px; 
}
#columnTopLeft h2 a, #columnRight h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399; width: 184px; 
	padding: 0;
	margin: 0;
}
#columnLeft img, #columnRight img { margin:0; padding:0; }

#columnBottomLeft {
	height: 150px;
	width: 193px;
	margin: 10px 0 0 10px;
	background-color: #FFFFFF;
	overflow:hidden;
}
#columnRight { 
	width:355px;
	background-color: #FFFFFF;
	margin: 0px 0 0 0px;
    padding: 0 0 0 10px;
	overflow:hidden;
}
#columnRight p, #columnRight h2 {
	margin:5px;
	padding:0;
}
h2.columnText, h2.columnText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0000FF;
	width:188px;
}
h3.columnText, h3.columnText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0000FF;
}
/* Games styles */
/* Content Area styles */
.roundedTop {
	float:right;
	width:564px;
	height: 14px;
	background: url(/images/backgrounds/gameBoxTop.gif) no-repeat;
	overflow:hidden;
}
.contentMid {
	float:right;
	width:564px;
	overflow:hidden;
	background-image: url(/images/backgrounds/gameBoxMid.gif);
	background-repeat: repeat;
}
.contentMid h3, .contentMid p { padding:0 15px 0 15px; }
.roundedBot {
	float:right;
	width:564px;
	padding: 0 0 25px 0;
	height: 11px;
	overflow:hidden;
	background-image: url(/images/backgrounds/gameBoxBot.gif);
	background-repeat: no-repeat;
}
.roundedRow {
	width: 564px;
	height: auto;
	padding: 0 0 0 7px;
	margin: 0;
	display: block;
}
.roundedRow h4 {
	float: left;
	display: inline;
	margin: 0 0;
	display: inline;
	position: relative;
}
.roundedRow img {
	margin:20px 20px 0 0;
}
.roundedText {
	margin: 0 0 8px 16px;
}
.roundedText2 {
	margin: 15px 0 8px 16px;
}
.gamesTop {
	float:right;
	margin-right: 38px;
	width:564px;
	height: 14px;
	overflow:hidden;
	background-image: url(../images/backgrounds/gameBoxTop.gif);
	background-repeat: no-repeat;
}
.gamesMid {
	float:right;
	margin-right: 38px;
	width:564px;
	height: auto;
	overflow:hidden;
	background-image: url(../images/backgrounds/gameBoxMid.gif);
	background-repeat: repeat;
}
.gamesBot {
	float:right;
	margin-right: 38px;
	width:564px;
	height: 11px;
	overflow:hidden;
	background-image: url(../images/backgrounds/gameBoxBot.gif);
	background-repeat: no-repeat;
}
.gamesRow {
	width: 564px;
	height: auto;
	padding: 5px 0 0 7px;
	margin: 0;
	display: block;
}
.gamesRow h4 {
	float: left;
	display: inline;
	margin: 0;
	display: inline;
	position: relative;
}
.gamesRow img {
	margin:0 20px 0 0;
}
.gameText {
	margin: 0 0 8px 16px;
}
.gameText2 {
	margin: 15px 0 8px 16px;
}

/* Single access page columns */
.colLeft, .colRight { float:left; margin:0; }
.colLeft {  width:280px; margin:0 0 0 8px; }
.colRight { width: 260px; }
.contentMid h3 { font-size:16px; margin:0 0 0 10px; color:#1C3E85; font-weight:bold; }
.contentMid img { float:left; margin:0; padding:5px; }
.contentMid ul { margin: 0 0 0 0; padding:0 0 0 35px; float:left;  list-style:none; }
.contentMid li { margin:20px 0 0; padding:0; clear:both; }
.contentMid a { font-size:12px; color: #1C3E85; font-weight:bold; text-decoration:none; }
.contentMid a:hover { text-decoration:underline;  }

/* article */
.articleContent { width:540px; margin:5px; padding:0; }
.articleContent ul, .articleContent ul li { margin:0; padding:0; list-style:inside; }
.articleContent ol li { margin:0; padding:0;  }
.byline { margin:15px; font-style:italic; }

/*MISC*/
.clubjrdefaultArt { /*background:url(../images/siteelements/CJ_noImage-120.jpg) no-repeat;*/ width:150px; height:150px; float:left; padding:8px; }
.clubjrdefaultTHM { background:url(../images/siteelements/CJ_noImage.jpg) no-repeat; width:75px; height:75px; }