﻿body {
		background:#420b04;
		text-align:center;
		margin:0;
		padding:0;
		font-family:verdana;
		color:#000;
		font-size:12px;
        line-height:18px;
		height:100%;
		}
		
#info	{
    text-align:left;
	border-width: thin;
	border-color: #FBFC85;
	border-style:solid;
	background:url('images/infoicon3.jpg') no-repeat 5px 5px;
	padding: 5px 5px 5px 40px;
	margin-bottom:20px;
	width: 360px;
	float: left;
}	
		
#error	{
   text-align:left;
   color:red;
   	border-width: thin;
	border-color: red;
	border-style:solid;
	background:url('images/erroricon.jpg') no-repeat 5px 5px;
	padding: 5px 5px 5px 40px;
	margin-bottom:20px;
	width: 360px;
	float: left;
}

#smsBalance	{
	text-align:left;
	color:red;
   	border-width: thin;
	border-color: Maroon;
	border-style:solid;
	background:url('images/infoicon3.jpg') no-repeat 5px 5px;
	padding: 5px 5px 5px 40px;
	margin-bottom:20px;
	width: 360px;
	float: left;
	vertical-align:middle;
}

#ok	{
   text-align:left;
   color:green;
   	border-width: thin;
	border-color: green;
	border-style:solid;
	background:url('images/okicon.jpg') no-repeat 5px 5px;
	padding: 5px 5px 5px 40px;
	margin-bottom:20px;
	width: 400px;
	float: left;
}	
#requiredtop	{
   background: url('images/requiredtab.jpg') no-repeat 0 3px;
	width: 390px;
	height:33px;
	float: left;
	padding:0;
	margin:0 0 0 0;
	z-index:500;
	display:block;
	position:relative;
	top:7px;
	left:-4px
}

#required	{
   text-align:left;
   	border-width: 2px;
	border-color: green;
	border-style:solid;
	padding: 5px 5px 5px 10px;
	margin:0 0 20px 0;
	width: 390px;
	float: left;
}
		
#example{
	font-size:11px;
	FLOAT: left; 
	WIDTH: 180px;
	text-align: left;
}

#example_long{
	font-size:11px;
	FLOAT: left; 
	WIDTH: 360px;
	text-align: left;
}

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 450px;
	height: 410px;
	left: 0px;
	top: 0px;
	background-color: #E0BD59;
	border: 1px solid #000;
	padding: 20px;
	z-index:1000
}	
form 
{
	margin:0px;
}


		
	
#bgcontainer  {
		background:url('images/container_bg.jpg') repeat-y 50% 0;
		width:770px;
		}
		
#container {
		height:100%;
		width:770px;
		position:relative;
		}
		
#container123 {
		height:100%;
		width:770px;		
		}
		
/* ---[ links ]------------------------------- */
a {
		color:#440e06;
		text-decoration:none;
		}
		
a:hover {
		text-decoration:underline;
		}

a.switch {
		color:#203451;
		text-decoration:none;
		cursor : pointer;
		}
		
a.switch:hover {
		color:#754c24;
		text-decoration:none;
		cursor : pointer;
		}		

/* ---[ common elements ]--------------------- */

p {
		padding:0px 0 17px 0;
		margin:0;
		}
		
textarea {
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		}
		
/* ---[ top ]------------------------------- */
#top {
		background:url('images/top_bg.jpg') repeat-x 0 0;
		color:#fff;
		width:760px;
		height:101px;
		}

#log_details {
		height:80px;
		width:300px;
		float:left;
		text-align:left;
		padding:0 0 0 0px;
		}
		
#lang {
		font-size:10px;
		padding:10px 0 0 0;
		text-align:right;
		padding:0 0 22px 0px;
		}
		
#lang select {
		font-size:10px;
		background-color:#f0ca60;
		}		
		
#welcome {
		position:relative;
		top:15px;
		text-align:left;
		font-size:11px;
		padding:0 0 0 30px;
		}	
		
#welcome a.signout {
		font-size:11px;
		color:#ffffff;
		text-decoration:none;
		}
#welcome a.signout:hover {
		font-size:11px;
		color:#ffffff;
		text-decoration:underline;
		}		
#p_label 
{
		/*margin-top:0px;*/
		
		/*width:120px;*/
		
		
		float:none;
		padding:10px 0px 0px 0px;
		}
#p_label_new
{
		float:none;
		padding:0px 0px 0px 0px;
}

#logo {
		background:url('images/familyyarhzeit_logo.jpg') no-repeat 13px 0;
		height:81px;
		width:332px;
		float:left;
		}
				

#logo a {
		height:80px;
		width:330px;
		display: block;
		marg in:0 20px 0 20px;
		}	


#logo a span {
		display: none;
	}				

	
/* ---[ main box ]-------------------------------- */

#main {
		clear:both;
		padding:0 0 0 0;
		margin:0px 0 0 0;
		width:760px;
		backgrou nd:url('images/main_bottom_bg.jpg') repeat-x 0 bottom;
		}


/* ---[ columns ]-------------------------------- */

#sidebar {
		position:relative;
		float:left;
		left:0px;
		top:0px;
		width:179px;
		z-index:3;
		margin-top:15px;
		}
	
#midcol {
		position:relative;
		float:left;
		left:0px;
		top:0px;
		width:440px;
		margin:15px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		z-index:2;		
		}
		
#midcol a img {
	border:none;
}
		
#midcol123 {		
		float:left;
		left:0px;
		top:0px;
		width:440px;
		margin:15px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		z-index:2;
		
		}

#midcoledit {
		position:relative;
		float:left;
		left:0px;
		top:0px;
		width:427px;
		margin:15px 0px 0px 15px;
		padding:0px 0px 0px 0px;
		text-align:left;
		z-index:2;	
		}
				
#blurbcol {
		position:relative;
		float:right;
		right:0px;
		top:0px;
		width:128px;
		margin:20px 0px 0 0px;
		z-index:1;
		text-align:left;
		}
/* ---[ linksbar ]-------------------------------- */	

#linksbar {
		background:url('images/nav_bg.jpg') repeat-x 0 0;
		width:100%;
		height:21px;
		clear:both;
		}

#linksbar ul {
		padding:0;
		margin:0;
		}

#linksbar ul li {
		color:#fff;
		font-weight:normal;
		list-style-type:none;
		font-size:12px;
		line-height:18px;
		font-weight:bold;
		float:left;
		
		}
			
#linksbar ul li a {
		color:#d6bd28;
		text-decoration:none;
		display:block;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		height:20px;
		width:85px;
		text-align:center;
		font-size:12px;

		}
		
#linksbar ul li a:active {
		background:#341B17;
		color:#fff;
		}		
			
#linksbar ul li a:hover { 
		background:#341B17;
		color:#fff;
}		
		
/* ---[ highlight ]-------------------------------- */		
.highlight {
		background:url('images/add_notice_bg.jpg') no-repeat 5px 0;
		color:#fff;
		font-size:11px;
		text-align:left;
		height:170px;
		margin:0 0 10px 0;
		}	

.highlight h1 {
		color:#d6bd28;
		font-size:12px;
		font-weight:bold;
		padding:10px 10px 10px 20px;
		margin:0;
		}
	
.highlight p {
		padding:0 15px 10px 20px;
		line-height:15px;
		}	
		
.highlight img {
		padding:0 0 0px 43px;
		}		
		
					

/* ---[ search ]-------------------------------- */
				
#search {
		background:url('images/search_bg.jpg') no-repeat 6px 0;
		width:420px;
		padding:10px;
		color:#fff;
		margin:0 0 15px 0;
		}
		
#search h1 {
		font-size:18px;
		font-weight:bold;
		padding:0 0 20px 20px;
		margin:0;
		color:#ecd424;
		float:left;
		}
		
#search .input {
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		width:105px;
		}	
				
	
#search div.advanced{
		font-size:9px;
		position:absolute;
		top:45px;
		left:330px;
		color:#fff;
		}	
							
#search div.advanced a{
		color:#ffffff;
		}	
		
#search img {
		margin-top:-5px;
		}				
#search .txtWht 
{
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana;
}
		
/*----[ log ]-----------------------------------*/	
		
#log .input{
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		width:145px;
		}
	
						
#log .boldtext{
		font-size:14px;
		color:#000000;
		font-weight:bold;
}
#log .subheadtext{
		font-size:11px;
		color:#000000;
		font-weight:bold;
}

#log .subtext{
		font-size:12px;
		color:#000000;
}
a:active{
		font-size:12px;
		top:45px;
		left:330px;
		color:#3C1E0F;
		text-decoration:none;
}
a:visited{
		font-size:12px;
		top:45px;
		left:330px;
		color:#3C1E0F;
		text-decoration:none;
}
#log a:link{
		font-size:12px;
		top:45px;
		left:330px;
		color:#3C1E0F;
		text-decoration:none;
}

#log a:visited{
		font-size:12px;
		top:45px;
		left:330px;
		color:#3C1E0F;
		text-decoration:none;
		}

#log a:hover{
		font-size:12px;
		text-decoration:underline;
		top:45px;
		left:330px;
		color:#3C1E0F;
}
#log .blkTxt
{		font-size:12px;
		color:#000000;
		font-weight:normal;
}

/*----[ log2 ]-----------------------------------*/	
		
#log2 .input{
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		width:145px;
		}
	
						
#log2 .boldtext{
		font-size:14px;
		color:#000000;
		font-weight:bold;
}
#log2 .subheadtext{
		font-size:11px;
		color:#000000;
		font-weight:bold;
}


#log2 .blkTxt
{		font-size:12px;
		color:#000000;
		font-weight:normal;
}
/*----[ forgetpass ]-----------------------------------*/	
		
#forgetpass .input{
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		width:145px;
		}
	
						
#forgetpass .boldtext{
		font-size:12px;
		position:absolute;
		top:45px;
		left:330px;
		color:#fbfc85;
}


/* ---[ notices ]-------------------------------- */		
		
#notices {
		/*width:432px;
		padding:0 2px 2px 6px;
		background:url('images/bottom_notices_bg.jpg') no-repeat 6px bottom;
		margin:0 0 10px 0;
		*/
		width:432px;
		padding:0 2px 0px 6px;
		background:url('images/middle_notices_bg.jpg') repeat-y 6px 0;
		margin:0 0 10px 0;
		color:#000;
		font-size:12px;
		}		
		
#notices dl {
		margin:0;
		padding:0;
		background:url('images/middle_notices_bg.jpg') repeat-y 0 0;
		}

#notices dt {
		font-size:18px;
		font-weight:bold;
		height:20px;
		color:#440e06;
		background:url('images/top_notices_bg.jpg') no-repeat 0 0;
		padding:10px 0 0 23px;
		}	
		
#notices dd.alllink{
		height:10px;
		padding:0 10px 10px 327px;
		font-weight:normal;
		color:#440e06;
		font-size:11px;
		background:none;
		}		
		
#notices dd {
		height:35px;
		padding:5px 0 0 23px;
		margin:0 8px 0 5px;
		font-size:12px;
		font-weight:bold;
		color:#440e06;
		}	
			
		
#notices dd span.place {
		font-weight:normal;
		}			
		
	
		
#notices dd.alllink a {
		color:#440e06;
		}				
		
#notices dd.dark {
		background:url('images/notice_dark_background.jpg') no-repeat 0 0;
		width:397px;
		height:35px;
		}
		
#notices div.mem_icon {
		float:right;
		/*background:url('images/RSS-notice-feeds.jpg') no-repeat 0 0;*/
		height:20px;
		width:20px;
		margin:10px 5px 0 0;
		}	

#notices #notice_bottom {
		margin:0;
		padding:0 0 0 15px;
		height:90px;
		background:url('images/notice_bottom.jpg') no-repeat bottom left;
		
			/*this is the text created by*/
		text-align:center;
		font-family:font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		}

#notices #notice_bottom img {
		padding:0 0 0 16px;
		margin:8px 0 0 0;
		}	
			
#notices #notice_top {
		background:url('images/top_notices_bg1.jpg') no-repeat 0 0;
		height:90px;
		color:#fff;
		}
		
#notices #notice_top a{
		color:#fff;
		}
					
#notices h1 {
		font-size:14px;
		font-weight:bold;
		padding:14px 0px 10px 23px;
		margin:0;
		}	
		
#notices p.date {
		font-weight:bold;
		padding:0px 0px 10px 23px;
		}

#notices #donateto {
		background-color:#ECD395;
		width:380px;
		padding:10px;
		margin:0 5px 10px 0px;
		color:#440e06;
		}			
#notices #text {
		padding:10px 15px 2px 14px;
		line-height:18px;
		}	
		
#notices p.audio {
		padding:0 10px 2px 14px;
		font-size:11px;
		}	
#notices table td{
		padding:0 0 10px 0px;
		}
		
/* ---[ events ]-------------------------------- */		
		
#events {
		width:432px;
		padding:0 2px 2px 6px;
		background:url('images/bottom_notices_bg.jpg') no-repeat 6px bottom;
		margin:0 0 10px 0;
		}		
		
#events dl {
		margin:0;
		padding:0;
		background:url('images/middle_notices_bg.jpg') repeat-y 0 0;
		}

#events dt {
		font-size:18px;
		font-weight:bold;
		height:20px;
		color:#440e06;
		background:url('images/top_notices_bg.jpg') no-repeat 0 0;
		padding:10px 0 0 23px;
		}	
		
#events dd {
		height:35px;
		padding:5px 0 0 23px;
		margin:0 8px 0 5px;
		font-size:12px;
		font-weight:bold;
		color:#440e06;
		}	
			
		
#events dd span.place {
		font-weight:normal;
		}			
		
#events dd.alllink{
		height:10px;
		padding:0 10px 10px 327px;
		font-weight:normal;
		color:#440e06;
		font-size:11px;
		background:none;
		}	
		
#events dd.alllink a {
		color:#440e06;
		font-size:12px;
		
		}				
		
#events dd.dark {
		background:url('images/notice_dark_background.jpg') no-repeat 0 0;
		width:397px;
		height:35px;
		}
		
#events dd.light {
		}								

/* ---[ blurbcol ]-------------------------------- */	
#blurbcol img {
		clear:both;
		padding-bottom:10px
			}			
/* ---[ bottom ]-------------------------------- */
#bottomcontainer /* Must have for Firefox background */{
	clear:both;
	background:url('images/main_bottom_strip.jpg') no-repeat 50% bottom;
	height:60px;
	width:770px;
		}

		
/* ---[ bottomlinks ]-------------------------------- */		
#bottomlinks {
	clear:both;
	color:#fff;
	font-size:12px;
	background-color:#420B04;
		}
	

#bottomlinks dl {
		padding:0 0px 0 25px;
		width:545px;
		margin:0;
		}

#bottomlinks dl dd {
		float:left;
		margin:0;
		padding:0 15px 0 15px;
		background:url('images/nav_divider.jpg') no-repeat 0 0;
		}

		
#bottomlinks dl dd a {
		text-decoration:none;
		color:#fff;
		font-size:12px;;
	}
	
#bottomlinks dl dd.first {
		background:none;
	}

	
#copyright {
	color:#fff;
	clear:both;
	padding:20px 0 20px 0;
	}

#copyright a {
	color:#fff;
	}		

/* Grid   */

.gridItem
{
	color: #000000;
	font-family:Verdana, Arial;
	font-weight: 500;
	font-size: 11px;
	background-color:#E1E279;
}
.gridAltItem
{
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 11px;
	background-color:#846259;
	
}
.gridPager
{
	background-color: #FFFFFF;
	color: #000000;
	font-family:Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
}
.gridHeader
{
	background-color: #55291E;
	color: #E3CD3B;
	font-family:Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}
.gridFooter
{
	background-color: #55291E;
	color: #E3CD3B;
	font-family:Verdana, Arial;
	font-weight: bold;
	font-size: 10px;
}

.btned
{
	font-size:10px;	
	border:solid 1px #000000;
	width:30px;
	background-color:#E1BD5C;
}



/* ---[ notices_list ]-------------------------------- */		
		
#notices_list {
		width:432px;
		padding:0 2px 1px 6px;
		background:url('images/bottom_notices_bg_home1.jpg') no-repeat 6px bottom;
		margin:0 0 10px 0;
		line-height:16px;
		}	
		
#notices_list a {
		color:#440e06;
		font-size:11px;
		}	
		
#notices_list a:hover {
		color:#fff;
		text-decoration:none
		}					
		
#notices_list dl {
		margin:0;
		padding:0;
		background:url('images/middle_notices_bg.jpg') repeat-y 0px 0px;
		}

#notices_list dt {
		font-size:18px;
		font-weight:bold;
		height:20px;
		color:#440e06;
		background:url('images/top_notices_bg_home1.jpg') no-repeat 0 0;
		padding:20px 0px 0px 23px;
		}	
		
#notices_list dd.alllink{
		height:10px;
		padding:0 0px 10px 0px;
		font-weight:normal;
		color:#440e06;
		font-size:11px;
		background:none;
		width:410px;
		text-align:right;
		}	
		
#notices_list dd.alllink a {
		color:#440e06;
		font-size:12px;
		}			
		
#notices_list dd {
		height:35px;
		padding:5px 0px 0px 23px;
		margin:0px 8px 0px 2px;
		font-size:12px;
		font-weight:bold;
		color:#440e06;
		}	
			
		
#notices_list dd span.place {
		font-weight:normal;
		}			
		
#notices_list dd.page_ref {
		font-weight:normal;
		padding-top:10px;
		font-size:11px;
		}	
		
#notices_list dd.page_ref span{
		float:right;
		margin:-13px 10px 0px 0px;
		}	
		
#notices_list dd.page_ref span a{
		color:#440e06;
		}				
		
#notices_list dd.dark {
		background:url('images/notice_dark_background.jpg') no-repeat 0 0;
		width:400px;
		height:35px;
		}
		
#notices_list div.mem_icon {
		float:right;
		background:url('images/RSS-notice-feeds.jpg') no-repeat 0 0;
		height:20px;
		width:36px;
		margin:10px 5px 0px 0px;
		}	
		
/*------------------------------------------------------------------*/

.popup
{
	background-color:#E1bd5c;
}
.input {
		background: #fbfc85;
		font-size:11px;
		border:1px solid #AC986A;
		width:105px;
		}
.bodytext
{
	font-size:11px;
		
		
}
.bodynarrowtext
{
	font-size:11px;
	font-weight:normal;
		
}
.boldtext{
		font-size:14px;
		color:#000000;
		font-weight:bold;
}
.whitetext{
		font-size:14px;
		color:White;
		
				
		font-weight:bold;
}

.linkmail {
		color:#ffffff;
		text-decoration:none;
		}
/* ---[ forum ]-------------------------------- */		

#forumNewTopic
{
	border-color:#6394bd;
	background-color:#F6EAA0;
	border:#5A3024 1px solid; 
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	WIDTH: 410px;
}
#forumNewTopic .forumText
{
	color: #000000;
	font-family:Verdana, Arial;
	font-size: 11px;
	background-color:#5A3024;
}
#forumCategory
{
	BORDER-RIGHT: #5A3024 1px solid; 
	BORDER-TOP: #5A3024 1px solid; 
	BORDER-BOTTOM: #5A3024 1px solid;
	/*PADDING-BOTTOM: 20px; */
	BORDER-LEFT: #5A3024 1px solid; 
	WIDTH: 420px;
}

#forumCategory .forumTableTitle
{
	background-color:#5A3024;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	color:#ecd424;
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#ecd424;
}

#forumCategory .gridItem
{
	color: #000000;
	font-family:Verdana, Arial;
	font-weight: 500;
	font-size: 11px;
	background-color:#F6EAA0;
}

#forumCategory .gridAltItem
{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 11px;
	background-color:#F0DB62;
}
.dense {
		background:url('images/notice_dark_background.jpg') no-repeat 0 0;
		width:418px;
		height:35px;
		}
.denseAlt {
width:418px;
height:35px;
}		

#general {
		width:430px;
		padding-left:15px;;
		back ground:red
		}
.headsplit {
		width:540px;
		padding:0 0 10px 0px
		}
			

		
.sectiontitle	{
		float:left;
		background:#420B04;
		color:#fff;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		width:315px;
		height:25px;
		line-height:25px;
		text-align:left;
		padding-left:10px
		}
		
.sectiontitle2	{
		float:left;
		background:#420B04;
		color:#fff;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		width:540px;
		height:25px;
		line-height:25px;
		text-align:left;
		padding-left:10px
		}

.sectiontitle3	{
		float:left;
		background:#420B04;
		color:#fff;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		width:130px;
		height:25px;
		line-height:25px;
		text-align:left;
		padding-left:10px
		}

.sectiontitle4	{
		float:left;
		/*color:#ffffff;*/
		/*font-family:arial;
		font-size:14px;
		font-weight:bold;*/
		font-family:verdana;
		color:#000000;
		font-size:12px;
		width:130px;
		height:25px;
		line-height:25px;
		text-align:left;
		padding-left:10px
		}

		
.sectionadd	{
		float:left;
		background:#EF6F04;
		color:#3C1E0F;
		width:205px;
		height:25px;
		line-height:25px;
		text-align:right;
		padding-right:10px;
		font-weight:bold
		}			
.sectionadd2	{
		float:left;
		background:#EF6F04;
		color:#3C1E0F;
		width:130px;
		height:25px;
		line-height:25px;
		text-align:left;
		padding-right:10px
		
		}	
		.sectionadd	a{
		color:#000;
		text-decoration:none
		}
		
	#editbox	{
		float:left;
		background:#420B04;
		color:#fff;
		width:400px;
		height:30px;
		line-height:30px;
		text-align:left;
		padding-left:10px;
		margin-left:0px;
		font-size:10px
		}
		
	#editbox a	{
		color:#fff;
		font-size:10px
		}	
		
	#editbox a:hover	{
		text-decoration:underline
		}	
		
fieldset {width:400px;
margin:0 0 20px 0;
padding:5px;
border: 1px solid #FD8E2B}	

legend {
color:#000;
font-weight:bold}	

.stylehr {
	float:left;
	width:409px;
	height:1px;
	text-align:left;
	color:#420B04;
	margin-left:-28px
	}			
	
#layer2 {
	position: absolute;
	visibility: hidden;
	width: 300px;
	height: 200px;
	left: 0px;
	top: 0px;
	background-color: #f6e4b1;
	border: 2px solid #000;
	padding: 20px;
	z-index:1000
}		
.m_box_top {
		background:url('images/top_sidebar_inner.jpg') no-repeat 10px 0;
		height:7px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		font-size:1px
		}	
		
.m_box_bottom {
		background:url('images/bottom_sidebar_inner.jpg') no-repeat 10px 0;
		height:7px;
		margin:0 0 10px 0
		}	
		
.m_box {
		background:#E4CE57;
		border-left:1px solid #440e06;
		border-right:1px solid #440e06;
		font-size:10px;
		width:128px;
		margin:0 0 0 10px;
		padding:0 0px 0 10px;
		}

.memo_Paid
{
	background-color:Silver;
	font-weight:bold;
	color:White;
}

.memo_UnPaid
{
	background-color:Fuchsia;
	font-weight:bold;
	color:White;
}
	