﻿.body_class_CVN {
	margin-top: 0;
	margin-left: 0;
	background-image: url('../../images/kids/caravan-backgrnd-pattrnsmall.gif');
	border-bottom: 8px transparent;
}

.main_box {
	position: relative;
	width: 800px;
	margin: auto auto auto auto;
}

.ilogo_box {
    background-image: url("../../images/southasiakids.jpg");
	background-color: #fff;
	visibility: visible;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 32;
	top: 21px;
	left: 0px;
	width: 800px;
	height: 90px;
	overflow: visible;
}
.mainnav_box { background-color: #fff; position: absolute; top: 21px; left: 320px; width: 480px; height: 90px; z-index: 90; overflow: visible; visibility: visible; }
.top_box {
	color: #fff;
	font-size:  12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	background-color: #663399;
	text-indent: 4px;
	position: absolute;
	top: -4px;
	left: 0px;
	width: 800px;
	height: 25px;
	z-index: 100;
	overflow: visible;
	visibility: visible;
	background-image: url(../../images/CARAVAN_topbar.jpg);
}
.top_recipe_box { color: #fff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-color: #992421; text-indent: 4px; visibility: visible; position: absolute; z-index: 100; top: -12px; left: 0px; width: 640px; height: 25px; overflow: visible; }
.top_message {
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 295;
	top: 5px;
	left: 5px;
	width: 790px;
	text-align:center;
	height: 22px;
	overflow: visible;
}

.bottom_message { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; position: absolute; z-index: 285; top: 610px; left: 590px; width: 280px; height: 22px; overflow: visible; visibility: hidden; }
.mainnav_text_box { color: #fff; position: absolute; z-index: 305; top: 38px; left: 340px; width: 484px; height: 25px; overflow: visible; }

.feature_box { background-repeat: no-repeat; background-position: right top; position: absolute; top: 111px; left: 0px; width: 320px; height: 484px; z-index: 6; overflow: visible; visibility: visible; margin: 0; padding: 0; }
.content_box { position: absolute; top: 111px; left: 350px; width: 480px; height: 484px; z-index: 30; overflow: visible; visibility: visible; margin: 0; padding: 0; }
.content_box2 { position: absolute; top: 111px; left: 350px; width: 480px; height: 484px; z-index: 120; overflow: visible; visibility: visible; margin: 0; padding: 0; }
.content_back_box {
	background-color: #fff;
	visibility: visible;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
	top: 111px;
	left: 320px;
	width: 480px;
	height: 484px;
	overflow: visible;
}
.feature_quote_box { text-align: center; position: absolute; top: 470px; left: 50px; width: 280px; height: 150px; z-index: 85; overflow: visible; visibility: visible; }
.cover_story_quote_box {	color: #808080;	font-size: 0.7em;	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: normal;	font-style: italic;	text-align: left;	visibility: visible;	position: absolute;	z-index: 85;	top: 146px;	left: 710px;	width: 112px;	height: 150px;	overflow: visible;}.intheknow_box { text-align: center; visibility: visible; position: absolute; z-index: 785; top: 524px; left: 746px; width: 80px; height: 82px; overflow: visible; }
.icontent_box {
	background-color: #E1DDBA;
	visibility: visible;
	position: absolute;
	z-index: 30;
	top: 111px;
	left: 0px;
	width: 800px;
	overflow: visible;
	background-image: url(../../images/2008/top_edge_2008.gif);
	background-repeat: repeat-x;
}


.icontent_recipe_box { visibility: visible; margin: 0 0 -4px; padding: 10px; position: absolute; z-index: 30; top: 35px; left: 40px; width: 600px; height: auto; overflow: visible; }
.icontent_kids_box {
	visibility: visible;
	margin: 0 0 -4px;
	padding: 0;
	position: absolute;
	z-index: 30;
	top: 111px;
	left: 0px;
	width: 800px;
	height: auto;
	overflow: visible;
	border-bottom: 8px transparent;
	background-color: #663399;
}

.icontent_taj_box { background-color: #b44cdd; background-image: url("../../images/top_edge_taj.jpg"); background-repeat: repeat-x; background-position: 0 2px; visibility: visible; margin: 0 0 -4px; padding: 0; position: absolute; z-index: 30; top: 111px; left: 0px; width: 800px; height: auto; overflow: visible; border-bottom: 4px solid #f2e18b; }
.icontent2_box { position: relative; top: 4px; left: 10px; right: 10px; visibility: visible; margin: 0; padding: 0; z-index: 39; width: 788px; height: auto; overflow: visible; }
.icontent3_box {
	visibility: visible;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 39;
	top: 10px;
	right: 10px;
	left: 172px;
	width: 616px;
	height: auto;
	overflow: visible;
	background: no-repeat;
}
.icontent3_kids_box {
	visibility: visible;
	margin: 0;
	padding: 0 10px 0 20px;
	position: relative;
	z-index: 39;
	top: 20px;
	right: 10px;
	left: 168px;
	width: 390px;
	height: auto;
	overflow: visible;
}
.icontent3l_kids_box { background-color: #663399; visibility: visible; margin: 0; padding: 0 10px 0 20px; position:inherit; z-index: 39; top: 20px; right: 10px; left: 168px; width: 390px; height: auto; overflow: visible; }
.icontent32_kids_box 
{
	background-color: #663399;
	visibility: visible;
	margin: 0;
	padding: 0 20px 0 20px; 
	position:relative; 
	z-index: 39;
	top: 20px; 
	right: 20px; 
	left: 160px;
	width: 600px;
	height: auto; 
	overflow: visible;
}




.icontent_news_box3 { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 39; top: 4px; right: 10px; left: 172px; width: 566px; height: auto; overflow: visible; }
.icontent_news2_box { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 39; top: 4px; right: 10px; left: 588px; width: 200px; height: auto; overflow: visible; }
.icontent_news2_sa101_box_g { color: #fff; background-color: #63b05f; visibility: visible; margin: 0; padding: 4px 4px 4px 6px; position: absolute; z-index: 639; top: 52px; right: 10px; left: 592px; width: 178px; height: auto; overflow: visible; }
.icontent_news_box4 { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 39; top: 4px; right: 10px; left: 10px; width: 416px; height: auto; overflow: visible; }
.icontent_news_box { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 39; top: 4px; right: 10px; left: 172px; width: 416px; height: auto; overflow: visible; }
.icontent_news6 { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 39; top: 4px; right: 10px; left: 172px; width: 416px; height: auto; overflow: visible; }

.ad1_box { background-color: #ffc425; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 400; top: 635px; left: 0px; width: 306px; height: 70px; overflow: visible; border: solid 2px #b1b1b1; }
.ad2_box { background-color: #f47b20; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 410; top: 719px; left: 0px; width: 306px; height: 238px; overflow: visible; border: solid 2px #b1b1b1; }
.ad3_box {
	background-color: #00a88f;
	text-align: center;
	visibility: visible;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 420;
	top: 971px;
	left: 0px;
	width: 306px;
	height: 238px;
	overflow: visible;
	border: solid 2px #b1b1b1;
}
.ad4_box { background-color: #00a94f; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 430; top: 635px; left: 352px; width: 474px; height: 96px; overflow: visible; border: solid 2px #b1b1b1; }
.ad5_box { background-color: #000; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 440; top: 1128px; left: 352px; width: 262px; height: 80px; overflow: visible; border: solid 2px #b1b1b1; }
.ad6_box { color: #992421; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; text-align: center; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 450; top: 1128px; left: 623px; width: 204px; height: 80px; overflow: visible; border: solid 2px #b1b1b1; }
.news_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0 0 0 4px; position: absolute; z-index: 600; top: 750px; left: 352px; width: 275px; height: 164px; overflow: visible; }
.prayer_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0 0 0 4px; position: absolute; z-index: 600; top: 912px; left: 352px; width: 275px; height: 120px; overflow: visible; }
.stories_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0 0 0 4px; position: absolute; z-index: 600; top: 1000px; left: 352px; width: 240px; height: 118px; overflow: visible; }
.news2_box {
	visibility: visible;
	margin: -12px 0 0;
	padding: 0;
	position: absolute;
	z-index: 603;
	top: 115px;
	left: 275px;
	width: 204px;
	height: 130px;
	overflow: visible;
}
.news2_vim_box { background-color: #00a88f; visibility: visible; padding: 0 4px; position: absolute; z-index: 603; top: 113px; left: 269px; width: 202px; height: auto; overflow: visible; margin: 0; }
.news2_kids_box { visibility: visible; 	margin: 0; 	padding: 0 4px; 	position: absolute; z-index: 31; top: 120px; left: 270px; 	width: 198px; height: auto; overflow: visible; 	text-align: center; }
.news2l_kids_box { visibility: visible; margin: 0; 	padding: 0 4px; position:relative; z-index: 31; top: 146px; left: 620px; 	width: 198px; height: auto; overflow: visible; 	text-align: center; }

.news2m_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0; position: absolute; z-index: 603; top: 750px; left: 627px; width: 204px; height: 164px; overflow: visible; }
.news3_box {
	visibility: visible;
	margin: -12px 0 0;
	padding: 0;
	position: absolute;
	z-index: 603;
	top: 600px;
	left: 624px;
	width: 204px;
	height: 130px;
	overflow: visible;
}
.prayer2_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0; position: absolute; z-index: 600; top: 912px; left: 627px; width: 204px; height: 120px; overflow: visible; }
.stories2_box { background-color: #fff; visibility: visible; margin: 0 0 0; padding: 0; position: absolute; z-index: 600; top: 1000px; left: 591px; width: 240px; height: 118px; overflow: visible; }
.newspage_story_box { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 601; top: 24px; width: 600px; height: auto; }
.newspage_story_box2 { visibility: visible; margin: 0; padding: 0; position: relative; z-index: 601; top: 24px; width: 416px; height: auto; }
.bottom_box {
	color: #800000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	position: absolute;
	left: 150px;
	height: 50px;
	z-index: 32;
	overflow: visible;
	visibility: visible;
	margin-top: 6px;
	top: 536px;
}
.ibottom_box {
	color: #800000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	background-color: #E1DDBA;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: 24px;
	visibility: visible;
	z-index: 322;
	width: 800px;
	height: auto;
	overflow: visible;
	margin-bottom: 20px;
	background-image: url(../../images/2008/swash_BOTTOM.jpg);
	background-position: 0;
	background-repeat: no-repeat;
}

.left_nav_box {
	background-image: url(../../images/2008/left_nav.jpg);
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 710;
	width: 154px;
	height: 425px;
	overflow: visible;
	padding: 4px;
	background-repeat: no-repeat;
}

.left_nav_top_box {
	background-image: url(../../images/2008/left_2008nav_top.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	position: absolute;
	z-index: 711;
	top: 3px;
	left: 3px;
	width: 794px;
	height: 15px;
	overflow: visible;
}
.left_nav_top_box2 { background-image: url("../../images/left_nav_botm.jpg"); background-repeat: no-repeat; background-position: 3px 0; position: absolute; z-index: 1011; top: 0; left: 3px; width: 156px; height: 15px; overflow: visible; }

.content_box2 { background-color: white; position: absolute; z-index: 2; top: 95px; left: 24px; width: 643px; height: auto; overflow: visible; min-height: 600px; padding: 10px 0 4px 145px; border-style: none solid solid; border-width: 0 2px 2px; border-color: #a8c399; }
.become_box { color: #003d7d; font-size: 11px; font-family: verdana, sans-serif; font-weight: bold; font-style: italic; background-color: #a8c399; text-align: center; position: absolute; top: 632px; left: 24px; width: 150px; height: 23px; z-index: 7; overflow: visible; visibility: visible; float: none; margin: 0; padding-top: 7px; border: solid 2px #a8c399; }
.become_box2 { color: #003d7d; font-size: 11px; font-family: verdana, sans-serif; font-style: italic; font-weight: bold; background-color: #a8c399; text-align: center; position: relative; left: -146px; padding-top: 7px; z-index: 7; width: 154px; height: 23px; overflow: visible; border: solid 2px #a8c399; }
.footer_box { text-align: center; position: absolute; top: 632px; left: 174px; width: 646px; height: 30px; z-index: 8; overflow: visible; visibility: visible; float: left; border: solid 2px #a8c399; }
.footer_box2 { text-align: center; position: relative; top: -34px; left: 4px; z-index: 8; width: 644px; height: 30px; overflow: visible; border: solid 2px #a8c399; }
.bottom_box2 { color: #003d7d; font-size: 7pt; font-family: verdana, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; text-align: center; position: relative; top: -12px; left: -84px; z-index: 9; width: 650px; height: 15px; overflow: visible; }
.author_box { color: #003d7d; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; text-align: right; overflow: visible; visibility: visible; }
.bottom_content_box { visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 500; top: 740px; left: 350px; width: 480px; height: 484px; overflow: visible; }
.left_nav_kids_box {
	color: #666;
	background-image: url(../../images/kids/kids_left_nav.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 710;
	width: 154px;
	height: 600px;
	overflow: visible;
	padding-top:12px; 
	padding-left:4px; 
	padding-right:4px; 
	padding-bottom:4px;
}
.top_caravan_box {
color: #fff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-color: #FF9900; text-indent: 4px; visibility: visible; position: absolute; z-index: 100; top: 0px; left: 0px; width: 760px; height: 25px; overflow: visible;
}

.cvn_box {
visibility: visible;
margin: 0;
padding: 0;
position: absolute;
z-index: 912;
top: 416px;
left: 656px;
width: 164px;
height: 220px;
overflow: visible;
}

.xstooltip { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 900; font: normal 8pt sans-serif; padding: 3px; border: solid 2px #000; background-color:#CC99FF; text-align: center;  }

.style1 {color: #FFFFFF; z-index: 0;}
.style2 { font-size: smaller; font-style: italic; z-index: 0; }
.style8 {font-size: 1.2em; font-weight: bold; color: #FFFFFF; z-index: 0; }
.style10 {color: #FFFFFF; font-size: 1.2em; z-index: 0; }
.style14 {color: #FF9900; z-index: 0;}
.style19 {font-size: 1em; z-index: 0;}
.style33 { z-index: 0; }


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: #663399;
	background-color: #FCB71D;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	left: 10px;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: #663399;
	background-color: #F5CB5F;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #B792E0;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

.accordionEOTHHeader
{
	border: 2px solid #91271a;
	color: #7a3525;
	background-color: #e6d190;
	font-family: Adobe Garamond Pro, Sans-Serif;
	font-size: 24px;
	font-weight: bold; 
	font-style:italic;
	padding: 5px;	
	cursor: pointer;
	height: 65px;
}

#master_content .accordionEOTHHeader a
{
	color: #7a3525;
	background: none;
	text-decoration: none;
}

#master_content .accordionEOTHHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionEOTHHeaderSelected
{
	border: 2px solid #91271a;
	color: #336600;
	background-color: #e6d190;
	font-family: Adobe Garamond Pro, Sans-Serif;
	font-size: 24px;	
	font-style:italic;
	padding: 5px;	
	cursor: pointer;
	height: 65px;
}

#master_content .accordionEOTHHeaderSelected a
{
	color: #7a3525;
	background: none;
	text-decoration: none;
}

#master_content .accordionEOTHHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionEOTHContent
{
	background-color: #e6d190;
	border: 2px solid #91271a;
}

.give_box {
	visibility: visible;
	margin: -12px 0 0;
	padding: 0;
	position: absolute;
	z-index: 603;
	top: 150px;
	left: 624px;
	width: 204px;
	height: 130px;
	overflow: visible;
	background-color: #B5D0E6;
}
.box_bottom_graphic {
	height: 80px;
	width: auto;
	position: relative;
	top: 110px;
}
.box_bottom_graphic2 {
	height: 80px;
	width: auto;
	position: relative;
	top: 44px;
	left: -2px;
}
.box_bottom_graphic3 {
	height: 80px;
	width: auto;
	position: relative;
	top: 84px;
	left: -2px;
}
.left_ad_box2 {
	position: absolute;
	width: 163px;
	height: auto;
	z-index: 711;
	left: 3px;
	text-align: center;
	top: 435px;
}
.left_ad_box {
	position: absolute;
	width: 163px;
	height: auto;
	z-index: 711;
	left: 3px;
	text-align: center;
	top: 450px;
}
.prayer_items {
	position: absolute;
	left: 648px;
	top: 315px;
	width: 137px;
	height: 197px;
	z-index: 50;
}

.feature_box { position: absolute; left: 18px; top: 11px; width: 591px; height: 386px; z-index: 4 }
.inews { position: absolute; left: 17px; top: 422px; width: 343px; height: 96px; z-index: 1 }
.inews2 { color: #992421; position: absolute; left: 382px; top: 422px; width: 236px; height: 100px; z-index: 2 }
.login_box {
	position: absolute;
	left: 664px;
	top: 536px;
	width: 87px;
	z-index: 1;
}

.collapsePanelGame {
	width: 180px;
	height:0px;
	overflow: hidden;
	float:left;	
	color: #663399;
	font-family:Arial;
	font-size:8pt; 
	font-weight:bold;
	border: 3px solid #42007D;
	background-color: #F4E86E;  
	position:relative; 
	z-index:3;
}

.collapsePanelGameHeader{	
	width:180px;		
	height:200px;
	color: Yellow;
	background-color: #663399;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer;
	font-family:Arial;
	font-size:10pt; 
	position:relative; 
	z-index:2;
}
