/*

	

		
Skins: 
		
/home/jihswbiz/public_html/css/skins.css 
		
 Updated: 
		
20 Mar 2021 15:25:14
		
   Skin ID: 
		

	
	

		
Style: 
		
/home/jihswbiz/public_html/css/styles.css
		
 Updated: 
		
20 Mar 2021 16:17:46
	

$color01
 = 
      
#FFFFFF (White)
$color02
 = 
      
#DDDDDD
$color03
 = 
      
#BBBBBB
$color04
 = 
      
#777777
$color05
 = 
      
#000000 (Black)
$colorBackground
 = 
      
#FFFFFF (White)
$colorFooterHdrBackground
 = 
      
#DDDDDD
$colorFieldHdrBackground
 = 
      
#DDDDDD
$colorFieldBackground
 = 
      
#777777
$colorFooterForeground
 = 
      
#777777
$colorFieldHdrForeground
 = 
      
#FFFFFF (White)
$colorOutsideBackground
 = 
      
#777777
$colorA
 = 
      
#006600
$colorAVisited
 = 
      
#9933FF
$colorAHover
 = 
      
#FF0000 (Red1)
$colorText
 = 
      
#000000 (Black)
$colorBorder
 = 
      
#000000 (Black)
$colorButtonDownText
 = 
      
#DDDDDD
$colorSymbol
 = 
      
#FF0000 (Red1)
$colorTitle
 = 
      
#000000 (Black)
$colorShadow
 = 
      
#BBBBBB
$fontMain
 = 
 
Verdana
$fontAlt
 = 
 
"Helvetica Neue", Helvetica, Arial, clean, sans-serif
$fontCode
 = 
 
"Courier New", Courier, Fixed
$buttonUp
 = 
 
../images/button.png
$buttonDown
 = 
 
../images/button-down.png
$bodyImage
 = 
 
none
$footerHeight
 = 
 
27px
$borderRadius
 = 
 
10px
$imageForm
 = 
 
none
$imagePage
 = 
 
none
$colWidLeft
 = 
 
232
$colWidRight
 = 
 
200

/*	Styles.css Version 2021-03-20				*/
/*	Saw these cool syntaxes:
		top: calc(50% - 175px);				-- in-line css calculator
		<img src="..." onload="this.width/=12;">	-- reduces the image to 1/12 it's actual size
*/
 
/*			body			*/
html		{ height: 100%; }							/* footer at bottom */
body		{ color: #000000; font-family:Verdana; font-size:10pt; 
		background-color: #FFFFFF; background-attachment: fixed; 
		background-image: none; background-repeat: no-repeat;
		margin:0; padding:0; line-height: 1.5em; overflow:auto;
		border-radius: 10px; }
body		{ height: 100%; }							/* footer at bottom */
/*body:before	{ content:""; height:100%; float:left; width:0; margin-top:-32767px; }	 Opera fix */
 
/*			headers			*/
h1		{ color:#000000; }
h1		{ font-size: 1.7em; font-weight: bold; text-align: center; margin-bottom: 0.1em; }
h2		{ font-size: 1.1em; font-weight: bold; color:#000000; text-align: center; margin-bottom: 0.5em 0; 
		text-decoration: underline; }
h3:before	{ color: #006600Hover; content: ".:: "; }
h3:after	{ color: #006600Hover; content: " ::."; }
h3		{ margin: 1em 0 0 0; text-align: left; }
h4		{ margin: 0.5em 0; text-align: left; font-weight: bold; font-variant: small-caps; font-size: 1.1em; }
h5		{ background-color: rgba(255,255,255,0.40); }
 
/*			linking	(link & visited, THEN hover THEN active)	*/
a:link		{ color: #006600; }
a:visited	{ color: #006600Visited; background: url(../images/link.gif) repeat-x 100% 100%; text-decoration: none; }
a:hover		{ color: #006600Hover; text-decoration: underline overline; font-variant: small-caps; }
a:active	{ color: #006600; position: relative; top: 1px; }
a[href $='.doc'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_word.gif)			no-repeat center left; }
a[href $='.pdf'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_pdf.gif)			no-repeat bottom left; }
a[href $='.ppt'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_ppt.gif)			no-repeat bottom left; }
a[href $='.rtf'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_word.gif)			no-repeat center left; }
a[href $='.txt'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_txt.gif)			no-repeat center left; }
a[href $='.xls'] 		{ padding: 0 0 0 25px; background: transparent url(/images/icon_excel.gif)			no-repeat center left; }
 
a[href *='gwilt.org']		{ padding: 0 0 0 25px; background: transparent url(/images/icon-SteveFH-transparent.png)	no-repeat 5px 0px; }
a[href *='steve']		{ padding: 0 0 0 25px; background: transparent url(/images/icon-Steve.bmp)			no-repeat 5px 0px; }
a[href *='praisehimwith']	{ padding: 0 0 0 25px; background: transparent url(/images/icon-PCF-Graphic-transparent.png)	no-repeat 5px 0px; }
a[href *='pcf']			{ padding: 0 0 0 25px; background: transparent url(/images/icon-PCF-Graphic-transparent.png)	no-repeat 5px 0px; }
a[href *='midweekworship']	{ padding: 0 0 0 25px; background: transparent url(/images/icon-MWW.png)			no-repeat 5px 0px; }
.plainA		{ padding: 0!important; Background: none!important; }
 
/*			lists, etc		*/
li		{ margin: 5px 0; }
ul li		{ list-style-type:none; }
ul li:before	{ color: #006600Hover; content: "\25A0 \0020"; }
ul ul li		{ margin-left: 1em; list-style-type:none; }
ul ul li:last-child { margin-bottom: 15px; }
ul ul li:before	{ color: #006600Hover; content: "\25D8 \0020";  }
hr		{ border: 0; border-top: solid #000000 1px; }
p		{ text-indent: 2em; }
img		{ border: none; }
 
/*			tables			*/
table		{ background-color: #777777; color: #000000; font-family:Verdana; font-size:10pt; }
thead		{ background-color: #DDDDDD; }
th		{ border: 1px solid #000000; padding: 0 5px; background-color: #DDDDDD; 
		text-align: center; vertical-align: bottom; }
td		{ border: 1px solid #000000; padding: 0 5px; vertical-align: top; }
td td		{ border: none; }
td table		{ border: none; }
.alt tr:nth-child(2n)	{ filter: alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; 
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); }
 
/*			forms, buttons		*/
input[type="text"]		{ border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; }
input[type="text"]:hover		{ border: 1px solid #006600Hover; }
input[type="text"]:focus		{ background-color: #DDDDDD; }
input[type="password"]		{ border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; }
input[type="password"]:hover	{ border: 1px solid #006600Hover; }
input[type="file"]		{ border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; }
input[type="file"]:hover		{ border: 1px solid #006600Hover; }
input[type="radio"]		{ background-color: #DDDDDD; color: #006600Hover; }
input[type="checkbox"]		{ background-color: #DDDDDD; color: #006600Hover; }
select		{ margin: 2px 15px; padding-left: 5px; }
textarea		{ border-radius: 10px; -moz-border-radius: 10px; 
		border: solid #000000 1px; font: "Courier New", Courier, Fixed; }
#bubox		{ width:350px; margin-left: auto; margin-right: auto; padding:10px; }
a#bu		{ background-color:#FFFFFF; background-image: ../images/button.png; 
		display: block; width: 104px; height: 34px; margin: 0 auto;
		font: bold 22px "Helvetica Neue", Helvetica, Arial, clean, sans-serif; color: white;
		text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
		line-height:28px; text-align:center; 
		}
a#bu:hover	{ background-image: ../images/button-down.png; color: #DDDDDD; }
 
/*			boxed areas		*/
fieldset		{ font-family:Verdana;
		color: #000000; 
		background-color:#777777;
		border-radius: 10px; 
		border: solid #000000 1px; 
		padding:0px; }
legend		{ font-family:Verdana; font-size:1.2em; font-variant:small-caps; font-weight: bold; 
		color: #000000; 
		background-color:#777777; 
		border-radius: 10px;
		border: solid #000000 1px; 
		border-bottom:none; padding: 0 10px 0 10px; }
.bubble fieldset	{ position:relative; padding: 0.5em 0; }
.bubble legend	{ position: absolute; top: -0.75em; left: -0.43em; }
 
.code		{ font: 1.1em "Courier New", Courier, Fixed; }
code		{ background-color: #777777; padding: 0 5px; font: 1.1em "Courier New", Courier, Fixed; }
.blockquote	{ background-color: #b9c2a8; padding: 20px; margin-top: 30px; border: none; }
.literally	{ font-size: 11px; font-family: "Courier New", Courier, Fixed;
		padding: 0; margin: 20px; border-left: 1px solid #ccc;
		background: #777777; background-image: url(images/pre_code_bg.gif) repeat-y left top;
		line-height: 20px; width: 1200px; overflow: auto; overflow-Y:hidden;
		}
 
/*			page layout		*/
/*
<page>
	<main>
		<header>
		</header>
	</main>
</page>
<footer>
</footer>
*/
 
.page		{ margin: 0px; padding: 0px; 
		min-height: 100%; }							/* footer at bottom */
.main		{ overflow:auto; padding-bottom: 27px; }			/* footer at bottom */
.main table	{ background-color: #DDDDDD; }
/*		box-shadow: 5px 5px 5px #BBBBBB; }	/* hor vert [ blur [ spread ] (0=blur size) ] col */ 
.main td		{ border-radius: 10px; }
 
/*			header/footers		*/
.header		{ margin: 0px; padding: 0px; width:100%; 
		color:#777777; 
		background-image: linear-gradient(0deg, #FFFFFF, #777777 );
		}
.header img	{ height:8vh; }
.header h1	{ font-size:3em; }
.header td	{ border:none; text-align:center; }
 
#breadcrumb 	{ background-color: #F0f2ec; font-style:italic; font: 1.5em; }
#breadcrumb ul	{ margin:0;padding:0; list-style-type: none; padding-left: 1em; }
#breadcrumb ul li	{ background: none; list-style-image: none; display:inline; padding: 0 3px 0 0; margin: 3px 0 0 0; }
#breadcrumb ul li:before{ content: ''; }
#breadcrumb a	{ background: none; text-decoration: none; color: #000000; }
td #breadcrumb	{ vertical-align: bottom; text-align: left; }
 
.footer		{ margin: 0px; padding: 0px; width:100%; 
		color:#777777; 
		background-color: #FFFFFF; /* old browsers */
		background-image: linear-gradient( top, #FFFFFF, #777777 );
		}
.footer		{ position: relative; margin-top: -27px; height: 27px; clear: both; }	/* footer at bottom */
.footer td	{ text-align:center; border: none; color: #006600Hover; }
.footer table	{ padding-bottom: 5px; width:100%; }
 
/*			other formatting	*/
sup		{ vertical-align: super }
.i		{ font-style:italic; }
.s		{ text-decoration: line-through; }
.nobdr		{ border: none; }
.upper		{ text-transform: uppercase; }
.lower		{ text-transform: lowercase; }
 
.white		{ color: white;	font-family:Verdana; font-size:10pt; }
.red		{ color: red;	font-family:Verdana; font-size:10pt; }
.blue		{ color: blue;	font-family:Verdana; font-size:10pt; }
.green		{ color: green;	font-family:Verdana; font-size:10pt; }
 
/*			other formatting	*/
.symbol		{ font-size:1.5em; color:#006600Hover; text-shadow: #000000 1px 1px 1px; }
.footnote	{ font-size:75%; font-style:italic; }
.new		{ color: red;	font-family:Verdana; font-size:10pt; }
.linky		{ color: #600;	font-family:Verdana; font-size:10pt; font-variant:small-caps; }
 
.lt		{ text-align: left; }
.ct		{ text-align: center; margin-left: auto; margin-right: auto; }
.rt		{ text-align: right; }
 
.pTP		{ vertical-align: top; }
.pMI		{ vertical-align: middle; }
.pBT		{ vertical-align: bottom; }
.pTL		{ vertical-align: top; text-align: left; }
.pTC		{ vertical-align: top;text-align: center; margin-left: auto; margin-right: auto; }
.pTR		{ vertical-align: top;text-align: right; }
.pML		{ vertical-align: middle;text-align: left; }
.pMC		{ vertical-align: middle;text-align: center; margin-left: auto; margin-right: auto; }
.pMR		{ vertical-align: middle;text-align: right; }
.pBL		{ vertical-align: bottom;text-align: left; }
.pBC		{ vertical-align: bottom;text-align: center; margin-left: auto; margin-right: auto; }
.pBR		{ vertical-align: bottom;text-align: right; }
 
.bd		{ border:	1px solid #000000 }
.bt		{ border-top:	1px solid #000000 }
.br		{ border-right:	1px solid #000000 }
.bb		{ border-bottom: 1px solid #000000 }
.bl		{ border-left:	1px solid #000000 }
 
.hidden		{ display: none; }
.ft		{ font-weight:bold; font-size: 8pt; }
.half-height	{ line-height: 50%; display: block; }
.reddy		{ background-color: #FFB9B9; }
 
/*			clever transforms	*/
.opacity10	{ filter: alpha(opacity=10); -moz-opacity: 0.10; opacity:0.1; 
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
		}
.opacity40	{ filter: alpha(opacity=40); -moz-opacity: 0.40; opacity:0.4; 
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
		}
.opacity60	{ filter: alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; 
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
		}
.opacity90	{ filter: alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9; 
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		}
/*	flip horizontally or vertically */
.fh		{        transform: scaleX(-1);
		filter: FlipH; -ms-filter: "FlipH";
		}
.fv		{        transform: scaleY(-1);
		filter: FlipV; -ms-filter: "FlipV";
		}
 
/*	rotate 90 clockwise	*/
.rotate90	{	transform-origin: left top;		transform: rotate(90deg) translate(0.5em,-1.5em); 
		}
 
/*	1-second CSS3 time transforms	*/
.timed1		{       transition: all 1s;
		}
 
@keyframes blink	{  0%   { opacity: 0; }  100% { opacity: 1; }}
.blink		{ text-decoration: blink; 
		animation:         blink 1s infinite; /* IE 10+, Fx 29+ */
		}