/*
Style Sheet for JOY Koinonia, Pakistan
developed by  Ufnasoft

*/

body {
		color: #333333;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 0 0 0 0;
		padding: 0;
		position: relative;
		text-align: left;
}

.text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#header {
		/*border-bottom: 1px dotted #88B2CB;*/
		height: 109px;
		margin-bottom: 0;
		position: relative;
		}
#header #logo {
		/*height: 88px;*/
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
		}
#header #logo img { position: absolute; top: 2px; left: 55px; }		

#header #holyspirit {
		/*height: 88px;*/
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
		}
#header #holyspirit img { position: absolute; top: 2px; left: 600px; }	
.joynameheading1 {
	font-size: 26px;
	margin-bottom: 10;
}

.joynameheading2 {
	font-size: 20px;
	margin-bottom: 10;
}
.joynameheading3 {
	font-size: 18px;
	margin-bottom: 10;
}
.verse {
	font-size: 18px;
	color: #006697;
	font-weight:bold;
}
.versefrom {
	font-size: 12px; font-style:italic;
		position: relative;
		text-align: right;
}

/*
.pageheading {
		font-size: 20px; 
		font-weight:bold;
		color: #006697;
		margin-bottom: 15;
} */
.pageheading {font-size: 24px; font-weight: bold; color: #96672F; text-align: center; border: 2px solid #14A375; padding: 5px; background-color: #52c1f6; 
}


a.simple:active {
	color: #000000; text-decoration:none;
}
a.simple:visited {
	color: #000000; text-decoration:none;
}
a.simple:hover {
	color: #000000; text-decoration:underline;
}
a.simple {
	color: #000000; text-decoration:none;

}

a.boldlink:active {
	font-size: 14px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}
a.boldlink:visited {
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}

a.boldlink:hover {
	font-size: 16px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}
a.boldlink {
	font-size: 14px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}

a.menutopsimple:active {
	font-weight:600;
	font-family: "Arial";
	font-size: 12px; 
	color:#FFFF00;
	text-decoration:none;
}
a.menutopsimple:visited {
	font-weight:600;
	font-family: "Arial";
	font-size: 12px; 
	color:#FFFF00;
	text-decoration:none;
}
a.menutopsimple:hover {
	font-weight:600;
	font-family: "Arial";
	font-size: 12px; 
	color:#FFFF00;
	text-decoration:none;
}
a.menutopsimple {
	font-weight:600;
	font-family: "Arial";
	font-size: 12px; 
	color:#FFFF00;
	text-decoration:none;
}

a.menuleftsimple:active {
	font-weight:normal;
	font-family: "Arial";
	font-size: 12px;  
	text-decoration:none;
}
a.menuleftsimple:visited {
	font-weight:normal;
	font-family: "Arial";
	font-size: 12px;  
	text-decoration:none;
}
a.menuleftsimple:hover {
	font-weight:normal;
	font-family: "Arial";
	font-size: 12px;  
	text-decoration:none;
}
a.menuleftsimple {
	font-weight:normal;
	font-family: "Arial";
	font-size: 12px;  
	text-decoration:none;
}

a:active {
	font-size: 14px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}
a:visited {
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}

a:hover {
	font-size: 16px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}
a {
	font-size: 14px; 
	font-weight:bold;
	color: #006697;
	text-decoration:none;
}

.redtr {
	background-color:#f65124;
}
/*
.tealtr {
	background-color:#52c1f6;
} */
.tealtr { height:40px; font-size: 24px; font-weight: bold; color: #96672F; text-align: center; border: 2px solid #14A375; padding: 5px; background-color: #52c1f6; }

/*
.pageheadingwhite {
		font-size: 20px; 
		font-weight:bold;
		color: #FFFFFF; 
		margin-bottom: 15;
} */
.pageheadingwhite { font-size: 24px; font-weight: bold; color: #96672F; text-align: center; border: 2px solid #14A375; padding: 5px; background-color: #52c1f6; }

.caption {
	height:30px;
	margin-top:2; 
	margin-bottom:2; 
	text-align:left;
	font-size: 16px;
	color: #006697;
}	

.mediumtextbold {
	font-size: 14px; 
	font-weight:bold;
	height:25px;
	
}

.pagetitle1 { 
	font-size:24px;
	font-weight: bold; 
	color: #006697; 
}
.pagetitle2 { 
	font-size:22px;
	font-weight: bold; 
	color: #006697; 
}
.pagetitle3 {
	font-size: 20px; 
	font-weight: bold; 
	color: #006697; 
}
.pagetitle4 {
	font-size: 18px; 
	font-weight: bold; 
	color: #006697; 
}
.pagetitle5 {
	font-size: 16px; 
	font-weight: bold; 
	color: #006697; 
}

#indent {
	text-indent:10;
}

table { margin: .5em; border-collapse: collapse; 
} 
/* 
.td, .th { margin-top:.2em; margin-bottom:.2em; padding: .4em; border: 0px solid #000;   
}
*/


.th { margin-top:.2em; margin-bottom:.2em; padding: .4em; border: 0px solid #000;   
}
.td {  border: 0px solid #000;   
} 

.td a {
	font:normal 18px Arial;
	color: #4C74A3;
	padding:3px 10px 3px 10px;
}

input { 
	background-repeat: no-repeat;
	background-position:left;
	font:normal 16px Arial;
	color: #000000; 
	padding:2px 6px 2px 6px;
}

input:focus, input:hover { background-color:#FFFFCC; }

fieldset { width:90%;
	border:1px solid #CCC; padding-left:20px; padding-right:10px;

}
legend { 
	font-family:Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	padding: 2px 6px; clear:both;
}