/*
	Author : Shoaib Yasin
	Developer & coder: Shoaib Yasin
	Project Name: Kidsand cards.org
	Developer Company : Ewebcraft
	Contact URL: ewebcraft@gmail.com
	Date: 27 Oct, 2009
*/

*{margin:0px; padding:0px;}
body{/*defined in global.css*/}


/**** Global Elements *****/
/********************************************/

#header{/*defined in global.css*/}
#navigation{/*defined in global.css*/}
#content{/*defined in global.css*/}
#content .hr
{
	position:relative; width:682px; height:1px; margin:0 auto; margin-bottom:10px;
	background:url(../siteimages/background/hr.jpg) no-repeat;
}

#content p.author{margin:0; color:#093E8E; margin-left:20px; margin-right:20px; margin-bottom:10px;}

#content p img{position:relative; margin-left:10px; margin-right:10px; }

#content .detail-image
{
	position:relative; width:auto; height:auto; margin:20px; margin-top:0; float:left; display:inline; border:1px solid #FFDA2B;
}

#content .detail-video
{
	position:relative; width:auto; height:auto; margin:20px; margin-top:0; float:left; display:inline; 
}
	
	#banner
	{
		position:relative; width:980px; height:auto; margin:0 auto; margin-top:5px;
	}
		#banner img{position:relative; border:none; float:left; display:inline;}
	
	#content #left-text{/*defined in global.css*/ width:732px; border:1px solid #FFDA2B; background:#fff; padding-bottom:10px; }
	
	#left-text .l-t-c
	{
		position:absolute; width:10px; height:10px; left:-1px; top:-1px; z-index:006;
		background:url(../siteimages/background/left-text-l-t-c.jpg) no-repeat;
	}
	#left-text .l-b-c
	{
		position:absolute; width:10px; height:10px; left:-1px; bottom:-1px; z-index:006;
		background:url(../siteimages/background/left-text-l-b-c.jpg) no-repeat;
	}
	#left-text .r-t-c
	{
		position:absolute; width:10px; height:10px; right:-1px; top:-1px; z-index:006;
		background:url(../siteimages/background/left-text-r-t-c.jpg) no-repeat;
	}
	#left-text .r-b-c
	{
		position:absolute; width:10px; height:10px; right:-1px; bottom:-1px; z-index:006;
		background:url(../siteimages/background/left-text-r-b-c.jpg) no-repeat;
	}
	#left-text h1
	{
		position:relative; width:687px; height:33px; 
		background:url(../siteimages/background/block-head.jpg) left repeat-x;
		padding-left:45px;
		font-size:16px; color:#fff; line-height:33px; margin-bottom:20px;
		overflow:hidden;
	}
	#left-text h1 span.icon
	{
		position:absolute; width:26px; height:17px; left:15px; top:9px;
		background:url(../siteimages/background/block-head-icon.jpg) 0% 0% no-repeat;
	}
	#left-text h2
	{
		position:relative; width:692px; height:auto; line-height:26px; font-size:16px; color:#1d4b90; margin:20px; margin-top:0;
	}
	#left-text h3
	{
		position:relative; width:680px; margin:20px; color:#000; line-height:16px;
		font-size:12px; padding-left:12px;
		background:url(../siteimages/background/sub-head.jpg) left no-repeat;
	}
	#left-text p{position:relative; margin-left:20px; margin-right:20px; line-height:16px; margin-bottom:15px;}
	#content #left-text p img{position:relative; margin:10px; margin-top:0; }
	#left-text ul,#left-text ol
	{
		position:relative; width:692px; height:auto; list-style:none;
		margin:20px;  
		font-size:15px; 
	}
	
	#left-text ul li{position:relative; width:680px; height:auto; line-height:16px; margin-bottom:5px; background:url(../siteimages/background/list-item.jpg) left no-repeat; padding-left:12px;}
	
	#left-text ul li a,#left-text ol li a{color:#20427f text-decoration:underline;}
	#left-text ul li a:hover,#left-text ol li a:hover{color:#1D4B90; text-decoration:underline;}
	
	#left-text a{color:#20427f; text-decoration:underline;}
	#left-text a:hover{text-decoration:underline;}
	
	/**************module-block--********/
	
	#left-text .module-block{/*defined in global.css*/ width:692px; height:auto;  padding-bottom:10px; margin-left:20px; margin-right:20px; margin-bottom:10px;}
	
	.module-block .image
	{
		 width:110px; height:170px;
		 float:left; margin:5px; overflow:hidden; text-align:center;
		
	}
	
	.module-block .image .thumb{width:110px; height:150px; overflow:hidden; text-align:center; margin-bottom:3px;}
	
	.module-block .image h4{text-align:center; line-height:1em; font-size:12px;}
	/*.module-block .image
	{
		position:relative; width:108px; height:98px;
		display:inline; text-align:center; float:left; display:inline;
		overflow:hidden;
		
	}*/
	
		#left-text .module-block .image img{border:none;}
		
	
	#left-text .module-block .detail
	{
		position:relative; width:572px; height:auto; float:right; display:inline; 
	}
	
	#left-text .module-block .detail-large
	{
		position:relative; width:690px; height:auto; float:right; display:inline; 
	}
	
		#left-text .module-block .detail h3.module-head,
		#left-text .module-block .detail-large h3.module-head
		{
			position:relative; width:100%; margin:0; padding:0; background:none;
			font-size:13px; color:#093E8E; line-height:16px; margin-bottom:10px;
		}
		#left-text .module-block .detail h3.module-head a,
		#left-text .module-block .detail-large h3.module-head a{color:#093E8E; text-decoration:none;}
		#left-text .module-block .detail h3.module-head a:hover,
		#left-text .module-block .detail-large h3.module-head a:hover{color:#000;}
		
		#left-text .module-block .detail p,
		#left-text .module-block .detail-large p
		{
			position:relative; margin:0; margin-bottom:15px;
		}
		
		#left-text .module-block .detail a,
		#left-text .module-block .detail-large a{color:#093E8E !important; text-decoration:none;}
		#left-text .module-block .detail-large p.author{margin-bottom:0;}
	
	
	#content #right-sidebar
	{
		/*defined in global.css*/ width:236px; background:#FFD922;
		padding-bottom:10px;
		border:1px solid #FFDA2B; 
	}
	
		#right-sidebar .l-t-c
		{
			position:absolute; width:10px; height:10px; left:-1px; top:-1px; z-index:006;
			background:url(../siteimages/background/left-text-l-t-c.jpg) no-repeat;
		}
		
		#right-sidebar .l-b-c
		{
			position:absolute; width:10px; height:10px; left:-1px; bottom:-1px; z-index:006;
			background:url(../siteimages/background/right-sidebar-l-b-c.jpg) no-repeat;
		}
		
		#right-sidebar .r-t-c
		{
			position:absolute; width:10px; height:10px; right:-1px; top:-1px; z-index:006;
			background:url(../siteimages/background/left-text-r-t-c.jpg) no-repeat;
		}
	
		#right-sidebar .r-b-c
		{
			position:absolute; width:10px; height:10px; right:-1px; bottom:-1px; z-index:006;
			background:url(../siteimages/background/right-sidebar-r-b-c.jpg) no-repeat;
		}	
	
		#right-sidebar .block{/*defined in global.css*/ width:236px; }
		#right-sidebar .no-margin{/*defined in global.css*/}
		
		#right-sidebar .block ul.left-menu
		{
			position:relative; width:200px; height:auto; margin:10px auto; list-style:none;
		}
		
		#right-sidebar .block ul.left-menu li
		{
			position:relative; width:200px; font-size:13px; color:#000; border-bottom:1px dotted #000; line-height:22px; margin-bottom:5px; 
		}
		
		#right-sidebar .block ul.left-menu li.others{line-height:16px; padding-bottom:5px; height:30px; overflow:hidden;}
		
		#right-sidebar .block ul.left-menu li a{color:#000; text-decoration:none; width:180px; padding-left:20px; background:url(../siteimages/background/left-menu-list.jpg) 0% 3px no-repeat; }
		#right-sidebar .block ul.left-menu li.others a{ background:url(../siteimages/background/left-menu-list.jpg) padding-left:0; font-weight:bold; color:#1d4b90; padding-left:20px; display:block;}
		#right-sidebar .block ul.left-menu li a:hover,
		#right-sidebar .block ul.left-menu li a.active{font-weight:bold; background:url(../siteimages/background/left-menu-list-active.jpg) 0% 3px no-repeat;}
		#right-sidebar .block ul.left-menu li.others a:hover{color:#000; background:url(../siteimages/background/left-menu-list-active.jpg) 0% 3px no-repeat;}
		
		
		#right-sidebar h1
		{
			position:relative; width:191px; height:33px; 
			background:url(../siteimages/background/block-head.jpg) left repeat-x;
			padding-left:45px;
			font-size:13px; color:#fff; line-height:33px;
		}
	
		#right-sidebar h1 span.icon
		{
			position:absolute; width:26px; height:17px; left:15px; top:9px;
			background:url(../siteimages/background/block-head-icon.jpg) 0% 0% no-repeat;
		}

#main-text
{
	position:relative; width:978px; height:auto;
	border:1px solid #FFDA2B; background:#fff; padding-bottom:10px; 
}

	#main-text .l-t-c
	{
		position:absolute; width:10px; height:10px; left:-1px; top:-1px; z-index:006;
		background:url(../siteimages/background/left-text-l-t-c.jpg) no-repeat;
	}
	
	#main-text .l-b-c
	{
		position:absolute; width:10px; height:10px; left:-1px; bottom:-1px; z-index:006;
		background:url(../siteimages/background/left-text-l-b-c.jpg) no-repeat;
	}
	
	#main-text .r-t-c
	{
		position:absolute; width:10px; height:10px; right:-1px; top:-1px; z-index:006;
		background:url(../siteimages/background/left-text-r-t-c.jpg) no-repeat;
	}
	
	#main-text .r-b-c
	{
		position:absolute; width:10px; height:10px; right:-1px; bottom:-1px; z-index:006;
		background:url(../siteimages/background/left-text-r-b-c.jpg) no-repeat;
	}
	
	#main-text h1
	{
		position:relative; width:933px; height:33px; 
		background:url(../siteimages/background/block-head.jpg) left repeat-x;
		padding-left:45px;
		font-size:13px; color:#fff; line-height:33px; overflow:hidden;
	}
	
	#main-text h1 span.icon
	{
		position:absolute; width:26px; height:17px; left:15px; top:9px;
		background:url(../siteimages/background/block-head-icon.jpg) 0% 0% no-repeat;
	}
	
	#main-text h2
	{
		position:relative; width:938px; height:auto; line-height:26px; font-size:16px; color:#1d4b90; margin:20px;
	}
	
	#main-text h3
	{
		position:relative; width:926px; margin:20px; color:#000; line-height:16px;
		font-size:12px; padding-left:12px;
		background:url(../siteimages/background/sub-head.jpg) left no-repeat;
	}
	
	#main-text p{position:relative; margin-left:20px; margin-right:20px; line-height:16px; margin-bottom:15px;}
	#content #main-text p img{position:relative; margin:10px; margin-top:0; }
	
	#main-text ul,#main-text ol
	{
		position:relative; width:938px; height:auto; list-style:none;
		margin:20px;
 
	}
	
	#main-text ul li{position:relative; width:926px; height:auto; line-height:16px; margin-bottom:5px; background:url(../siteimages/background/list-item.jpg) left no-repeat; padding-left:12px;}
	#main-text ul li a,#main-text ol li a{color:#000; text-decoration:underline;}
	#main-text ul li a:hover,#main-text ul li a:hover{color:#1D4B90; text-decoration:none;}
	
	
	#main-text a{color:#1D4B90; text-decoration:underline;}
	#main-text a:hover{text-decoration:none;}
	
	#main-text .module-block
	{
		position:relative; width:938px; height:auto;
		margin:0 auto; margin-bottom:10px;
	}
	
	#main-text .module-block .image{}
	#main-text .module-block .image img{border:none;}
	
		#main-text .module-block .detail
		{
			position:relative; width:818px; height:auto; float:right; display:inline; 
		}
		#main-text .module-block .detail-large{position:relative; width:926px; height:auto; float:none; 
		}
		#main-text .module-block .detail h3.module-head,
		#main-text .module-block .detail-large h3.module-head
		{
			position:relative; width:100%; margin:0; padding:0; background:none;
			font-size:13px; color:#093E8E; line-height:16px; margin-bottom:10px;
		}
		#main-text .module-block .detail h3.module-head a,
		#main-text .module-block .detail-large h3.module-head a{color:#093E8E; text-decoration:none;}
		#main-text .module-block .detail h3.module-head a:hover,
		#main-text .module-block .detail-large h3.module-head a:hover{color:#000;}
		
		#main-text .module-block .detail p,
		#main-text .module-block .detail-large p
		{
			position:relative; margin:0; margin-bottom:15px;
		}
		#main-text .module-block .detail p a,
		#main-text .module-block .detail-large p a{color:#093E8E !important; }
		#main-text .module-block .detail-large p.author{margin-bottom:0;}
#left-text .module-block .detail p.author,
#left-text .module-block .detail-large p.author,
#main-text .module-block .detail p.author,
#main-text .module-block .detail-large p.author{font-size:11px; margin-bottom:0px; color:#093E8E; }
#left-text .module-block .detail p.date,
#left-text .module-block .detail-large p.date,
#main-text .module-block .detail p.date,
#main-text .module-block .detail-large p.date{font-size:11px; margin-bottom:3px; color:#999; font-style:italic;}
	

#left-text div.pagination,
#main-text div.pagination
{
	position:relative; width:95%; height:auto; margin:20px auto; margin-top:10px; margin-bottom:10px; text-align:right;
}
#content #left-text div.pagination a,#content #left-text div.pagination span.normal_bold,
#content #main-text div.pagination a,#content #main-text div.pagination span.normal_bold{
	position:relative; width:18px; height:18px; font-size:11px; font-weight:bold; text-align:center; background:#093E8E; line-height:16px; display:inline-block; margin-left:2px; margin-right:2px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;
border:1px solid #ccc; 
}

.filter
{
	position:relative; text-align:right; background:#f2f2f2; margin-left:10px; margin-right:10px; height:24px; border:1px solid #999; margin-bottom:15px; padding-top:5px;	
}

.filter form{}
.filter form label{line-height:1.3em; margin-right:10px;}
.filter form select{width:150px; margin-right:15px;}
.filter form input.submit{position:relative; margin:0; padding:0; float:right; display:inline; top:-3px; margin-right:15px;}
#content #left-text div.pagination span.normal_bold,
#content #main-text div.pagination span.normal_bold{color:#fff;}


#content #left-text div.pagination span.inactive,
#content #main-text div.pagination span.inactive{background:#CCCCCC; color:#000;}

#content .donation
{
	position:relative; width:96%; height:auto; margin:0 auto; 
}

#content .donation img.pay-online
{
	position:relative; float:left; display:inline; margin-right:25px;
}
#content .donation form
{
	position:relative; float:left; display:inline; margin-top:24px;
}

div.pagination a{text-decoration:none;}

#footer{/*defined in global.css*/}

#main-text .pagination a { color:#FF3 !important;  }

/* online-store.html */

.ordertab th
{	text-align:center; background:url(../images/midbg.jpg) repeat-x #365d98; font-size:12px; font-weight:bold;
	padding:5px 10px; color:#FFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px;
}
.ordertab td
{	text-align:center; background:#e4e6f3; padding:5px 8px;
	color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:12px;
	line-height:18px;
}
.ordertab td.forsubtd
{	padding:0;
}
.ordertab td.forsubtd td
{	padding:10px 5px; border-bottom:3px solid #FFF;
}
.ordertab td.forsubtd2
{	padding:0;
}
.ordertab td.forsubtd2 td
{	padding:5px 10px; border-bottom:3px solid #FFF; text-align:left;
}
.ordertab td.txt18
{	font-size:18px; line-height:22px;
}
.ordertab td.alirt
{	text-align:right;
}
.fclear {clear:both; float:none; line-height:0px; height:0px; font-size:0px; overflow:hidden;}
.fleft  {float:left;}
.fright {float:right;}