/**** STYLES ***/
a,
a:link,
a:visited,
a:hover,
a:active	{color:#000;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font-size:18px;margin:0;padding:0}
h2			{font-size:16px;margin:0;padding:0}
h3			{font-size:14px;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:9px;line-height:10px;}
.sm10		{font-size:10px;line-height:11px;}
.inline		{display:inline;}

.boxyellow		{
	background:#f7d9aa;
	border:1px solid #e4a035
	}

.boxyellow .odd	{background:#f8e2c0;}

.w200	{width:200px;}
.w270	{width:270px;}
.w300	{width:300px;}

img {behavior: url(../inc/pngbehavior.htc);}

ul#pdf 	{
   list-style-image: url(../images/adobe-pdf.gif);
   }




/******   FLASH   ******/
#fllogo			{width:307px;height:161px;float:left;background: url(../images/GraceHeartland.jpg);}
#fltopnav		{width:443px;height:129px;float:left;background: url(../images/nav-top.jpg);}
#flbluesidebar 	{width:297px;height:381px;float:left;background: url(../images/blue.jpg);}
#flstory		{width:453px;height:381px;float:right;background: url(../images/yellowbg.jpg);}
#flbottomboxes	{width:750px;height:232px;float:left; }

/******   LAYOUT   ******/
html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #281004;
	line-height:18px;
	background:#2b3743 url(../images/bg.jpg) center repeat-y;
	}
	
#wrapper	{
	width:751px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	padding-left:1px;
	}
	
#header	{height:160px;}
	
#content	{
	padding:5px;
	width:520px;
	min-height:600px;
	}

h1.heading	{
	background:#5f210a;
	color:#b79b91;
	padding:6px 0;
	text-indent:22px;
	font: 22px Georgia, "Times New Roman", Times, serif;
	width:750px;
	}


/******* FOOTER *******/
#footer	{
	background: #485562;
	border-top:2px solid #6e7d8c;
	clear:both;
	}
#footer .text	{
	width: 750px;
	margin: 0 auto;
	font-size:9px;
	color:#fff;
	text-align:left;
	}

#footer a	{
	color:#fff;
	font-size:9px;
	text-decoration:none;
	}

#footer #credit				 {float:right;width:120px;}
#footer #credit a 	 		 {color:#748391;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}


#staff	{
	height:218px;
	margin: 5px 0;
	display:block;
	}

/********   TOP NAV  ***********/

#topnav	{
	width: 443px;
	height:32px;
	background: url(../images/nav-middle.jpg);
	float:left;
	}
	
/* Root = Horizontal, Secondary = Vertical */
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 443px; /*For KHTML*/
  list-style: none;
  height: 24px;  padding-top:3px;
  
}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/

}

/* Root Menu */
ul#hrznav a {
  border: 1px solid #FFF;
  border-right-color: #b77022;
  border-left-color: #804d16;
  border-top:none;
  border-bottom:none;
  padding: 6px 8px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #2b0401;
  text-transform:uppercase;
  font: bold 12px  Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  color: #28496a;
}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
}




/******* VERTICAL NAV MENU  ***********/
/* Root = Vertical, Secondary = Vertical */
ul#vrtnav h1	{
	font: bold 17px/32px "Century Gothic", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#f49e08;}
	

ul#vrtnav,
ul#vrtnav li,
ul#vrtnav ul {
  margin: 0 1px 0 8px;
  border: 0 none;
  padding: 0;
  width: 204px; /*For KHTML*/
  list-style: none;
  float:right;
  position:relative;
}

/*IE7*/ *:first-child+html ul#vrtnav {margin: 0 10px 0 6px;}
/*IE6*/ * html ul#vrtnav {margin: 0 0;width:202px;}


ul#vrtnav li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  z-index:100;
}

/* Root Menu */
ul#vrtnav a {
  border-top: 1px solid #a26835;
  border-bottom: 1px solid #3f1905;
  padding: 0 6px;
  display: block;
  color: #fff;
  font:12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-indent:8px;

}

/* Root Menu Hover Persistence */
ul#vrtnav a:hover,
ul#vrtnav li:hover a,
ul#vrtnav li.iehover a {
  background: #3f1905;
  color: #f49e08;
}

/* 2nd Menu */
ul#vrtnav li:hover li a,
ul#vrtnav li.iehover li a {
  background: #3f1905;
  color: #fff;
  padding: 0 2px;
  font:11px/22px Verdana, Arial, Helvetica, sans-serif;
}

/* 2nd Menu Hover Persistence */
ul#vrtnav li:hover li a:hover,
ul#vrtnav li:hover li:hover a,
ul#vrtnav li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover a {
  background: #6c3213;
  color: #FFF; z-index:100;
}

/* 3rd Menu */
ul#vrtnav li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#vrtnav li:hover li:hover li a:hover,
ul#vrtnav li:hover li:hover li:hover a,
ul#vrtnav li.iehover li.iehover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#vrtnav li:hover li:hover li:hover li a,
ul#vrtnav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#vrtnav li:hover li:hover li:hover li a:hover,
ul#vrtnav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#vrtnav ul,
ul#vrtnav ul ul,
ul#vrtnav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -210px;
}

/*IE7*/ *:first-child+html ul#vrtnav ul {left: -218px;}
/*IE6*/ * html ul#vrtnav ul {left: -219px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#vrtnav li:hover ul ul,
ul#vrtnav li:hover ul ul ul,
ul#vrtnav li.iehover ul ul,
ul#vrtnav li.iehover ul ul ul {
  display: none;
}

ul#vrtnav li:hover ul,
ul#vrtnav ul li:hover ul,
ul#vrtnav ul ul li:hover ul,
ul#vrtnav li.iehover ul,
ul#vrtnav ul li.iehover ul,
ul#vrtnav ul ul li.iehover ul {
  display: block;
}



#about .about a				{color:#acd1f6;}
#ministries .ministries a	{color:#acd1f6;}
#services .services a		{color:#acd1f6;}
#news .news a				{color:#acd1f6;}



/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:left;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #2b3743;
	color:#fff;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#fff;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#contact .shhhh { display:none; }


/******   prayerreq   *********/
form#prayerreq 	{
	margin:0;
	padding: 5px;
	float:left;
	width: 220px;
	}	


#prayerreq label,#prayerreq input {
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 10px;
	}

#prayerreq label {
	text-align: right;
	width: 45px;
	padding-right: 5px;
	}

#prayerreq br {clear: left;}

#prayerreq fieldset	{
	background: #dce4ef;
	color:#467ac3;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#prayerreq legend	{
	color:#467ac3;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
	
	
#prayerreq #comments	{
	display: block;
	width: 190px;
	height:70px;
	margin-bottom: 15px;
	}
	

#prayerreq .shhhh { display:none; }








/* NEGATIVE */

.button a.negative, button.negative{
    background-color:#467ac3;
    border:1px solid #6299c5;
    color:#fff;
	padding:3px 5px;
	font: 17px Arial, Helvetica, sans-serif;
	margin-left:58px;
}
.button a.negative:hover, button.negative:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#467ac3;padding:3px 5px;
	cursor:pointer;
}
.button a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}




/* BUTTONS */

button, a.button	{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
button, a.button  {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type], a.button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

/* STANDARD */

.negative:hover, a.negative:hover, .negative{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.negative a:active, a.negative:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, a.button.positive{
    color:#529214;
}
button.positive:hover, a.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
button a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}



button.signup	{margin:8px 0px 8px 40px;}

.signup:hover, .signup:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.signup a:active, .signup:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}
	
	
	


#mailing	{
	width: 178px;
	padding: 2px 3px;
	text-align:center;
	background:#f7d9aa;
	border:1px solid #e4a035;
	color:#e9161f;
	height:110px;
	float:right;
	margin: 8px 3px;
	}

#mailing input	{padding: 3px; margin:6px 0;}
input.shhhh	{display:none;}