/* basics:
------------------------------------------------ */
body, p, td, ul, ol, li, dl, dt, dd, tr, td  { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
body { 
 	ackground-image : url(/images/bg_tile_sub.gif);
	ackground-repeat : repeat-x;
	background-color : #fff;
}
img { display: block; border: 0; }
h1 { font: bold 11px Georgia, "Times New Roman", Times, serif; margin: 0 0 1em 0; color: #039; }
h2 { font: bold 11px Georgia, "Times New Roman", Times, serif; margin: 0 0 1em 0; color: #F00; }
h3, h4, h5, h6 { font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 0.8em 0; }

p {color: #000; margin: 0; padding-bottom: 1em;}
a:link { color: #00F; text-decoration: none; }
a:visited { color: #939; text-decoration: none; }
a:hover { color: #00F; text-decoration: underline; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
strong { }
em { }
input { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* main layout structure:
---------------------------------------------- */
#container {
	width: 800px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background: #FFF;
}

#header {
	padding: 0;
	margin: 0px 0 10px 0;
	background: #FFF no-repeat url(/patu/gui/secnav_bg.gif) right bottom;
}
#logo {
	padding: 0;
	margin-bottom: 0px;
}
#header_band {
	padding: 0;
	margin: 5px 0 5px 0;
	border-top: 1px solid #330099;
	border-bottom: 1px solid #330099;
	background-position: left top;
	height: 100px;
	width: 800px;
	vertical-align: top;
}
#header_band img {
	padding: 0;
	margin: 0;
	position: relative;
	left: -5px;
	top: -10px;
}

/* #content_area { 0border-left: 2px dotted #F93; 0border-right: 2px dotted #F93; } - we don't need this baby */
#hp_content_area {background: #66cc00; width: 550px;}
#login_info {margin: 10px; padding: 10px; border: 5px dashed #fff; width: 500px; height: 200px;}

#main_display {
	padding: 0;
	margin: 0 230px 0 210px;
	0background-color: transparent;
	background-color: #FFFFFF;
}
#main_display_2col { 
	padding: 0;
	margin: 0 0 0 212px;
	0background-color: transparent;
	background-color: #FFF;
	text-align: justify;
	width: 560px;
}

#leftside {
	float: left;
	margin: 0;
	padding: 0;
	_ackground-color: #F93;
	width: 200px;
}

#rightside {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	_ackground-color: #F9F;
}

#rightside form { border: 1px solid #009; 0border-left: none; background: #fff url(/images/blue_h1_bg.gif) repeat-x; margin: 10px 0; padding: 4px 15px 15px 15px; }
#rightside form h1 { color: #FFF; margin-bottom: 1.5em; }
#rightside form p { padding: 0; }

#footer {
	clear: both;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
	background-color: #FFF;
	border-top: 1px solid #009;
}

/* #header and #sec_nav styles:
--------------------------------------- */
#header img { padding: 15px 0 0 5px; } 
#sec_nav { text-align: right; display: block; }
#sec_nav ul { padding: 0; margin: 0; }
#sec_nav li { display: inline; text-align: center; padding: 0; margin: 0; }
#sec_nav li a:link, #sec_nav li a:visited { padding: 0 10px; color: #FFF; line-height: 1.8em; background-color: #939; }
#sec_nav li a:hover { color: #FFF; text-decoration: underline; }

/* main navigation:
--------------------------------------- */
#prime_nav {  }
#prime_nav h1 { clear: left; margin: 0; padding: 0; }
#prime_nav h1 a { display: block; background: #039; color: #FFF; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #FFF; padding: 5px 5px 5px 15px; width: auto; }

#fly0, #fly1, #fly2, #fly3, #fly4, #fly5, #fly6, #fly7, #fly8, #fly9, #fly10, #fly11, #fly12, #fly13, #fly14, #fly15 {
	position:absolute;
	width: 210px;
	z-index: 5;
	visibility: hidden;
	background: #FFF;
	border: 1px solid #FFF;
} 

#fly0 ul, #fly1 ul, #fly2 ul, #fly3 ul, #fly4 ul, #fly5 ul, #fly6 ul, #fly7 ul, #fly8 ul, #fly9 ul, #fly10 ul, #fly11 ul, #fly12 ul, #fly13 ul, #fly14 ul, #fly15 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#fly0 li, #fly1 li, #fly2 li, #fly3 li, #fly4 li, #fly5 li, #fly6 li, #fly7 li, #fly8 li, #fly9 li, #fly10 li , #fly11 li , #fly12 li , #fly13 li , #fly14 li , #fly15 li {
	border-bottom: 1px solid #E5E5E5;
	width: auto;
	margin: 0;
	padding: 0;
}
#fly0 li a:link, #fly1 li a:link, #fly2 li a:link, #fly3 li a:link, #fly4 li a:link, #fly5 li a:link, #fly6 li a:link, #fly7 ul a:link, #fly8 ul a:link, #fly9 ul a:link, #fly10 ul a:link, #fly11 ul a:link, #fly12 ul a:link, #fly13 ul a:link, #fly14 ul a:link, #fly15 ul a:link  {
	display: block;
	padding: 5px 10px 5px 15px; 
	width: auto;
	background: #FFF;
	color: #039; 
}
#fly0 li a:visited, #fly1 li a:visited, #fly2 li a:visited, #fly3 li a:visited, #fly4 li a:visited, #fly5 li a:visited, #fly6 li a:visited, #fly7 li a:visited, #fly8 li a:visited, #fly9 li a:visited, #fly10 li a:visited, #fly11 li a:visited, #fly12 li a:visited, #fly13 li a:visited, #fly14 li a:visited, #fly15 li a:visited {
	display: block;
	padding: 5px 10px 5px 15px; 
	width: auto;
	background: #FFF;
	color: #039;
}
#fly0 li a:hover, #fly1 li a:hover, #fly2 li a:hover, #fly3 li a:hover, #fly4 li a:hover, #fly5 li a:hover, #fly6 li a:hover, #fly7 li a:hover, #fly8 li a:hover, #fly9 li a:hover, #fly10 li a:hover, #fly11 li a:hover, #fly12 li a:hover, #fly13 li a:hover, #fly14 li a:hover, #fly15 li a:hover {
	display: block;
	padding: 5px 10px 5px 15px; 
	width: auto;
	background: #039;
	color: #FFF;
	text-decoration: none;
}


/* main content styles:
--------------------------------------- */
#main_display img { margin-bottom: 1em; }
#main_display h1 { 0color: #F00; 0margin-bottom: 1em; }
#text_area { margin: 15px; text-align: justify; width: 300px; } /* only part of 3col layout ! */

#main_display_2col h1 { background-color: #FFF0FF; padding: 4px 0; }
img.left, div.left { padding: 10px 15px 10px 0; float: left; }
img.right, div.right  { padding: 10px 0 10px 15px; float: right; }

/* sidebar styles:
--------------------------------------- */
#inspire { background-color: #6C6; padding: 15px; }
#inspire p { padding: 0; }

#0side_bar { border: 1px solid #009; 0border-left: none; background: #fff url(/images/blue_h1_bg.gif) repeat-x; margin: 10px 0; padding: 4px 15px 15px 15px; }
#0side_bar h1 { color: #FFF; margin-bottom: 1.5em; }
#0side_bar p { padding: 0; }

#0search { border: 1px solid #009; 0border-left: none; background: #fff url(/images/blue_h1_bg.gif) repeat-x; margin: 10px 0; padding: 4px 15px 15px 15px; }
#0search h1 { color: #FFF; margin-bottom: 1.5em; }
#0search p { padding: 0; }

#home_events { border: 1px solid #6C6; 0border-right: none; background: #E1F4E1 url(/patu/gui/green_h1_bg.gif) repeat-x; margin: 10px 0; padding: 4px 15px 15px 15px; }
#home_events h1 { color: #FFF; margin-bottom: 1.5em; }
#home_events h3 { color: #000; margin-bottom: 1em; margin-top: 1em; }
#home_events p { padding: 0; }
#home_events_register { border: 1px solid #6C6; 0border-right: none; background: #E1F4E1 url(/patu/gui/green_h1_bg.gif) repeat; margin: 0px 0; padding: 6px 0 0 15px; }
#home_events_register a { color: #FFF; padding: 0; margin: 0; }

#today_at { border: 1px solid #FF6; 0border-right: none; background: #FFFFE6 url(/patu/gui/yellow_h1_bg.gif) repeat-x; margin: 10px 0; padding: 4px 15px 15px 15px; }
#today_at h1 { color: #000; margin-bottom: 1.5em; }
#today_at p { padding: 0; }

.more_sidebar { padding: 15px; }
.more_sidebar p { 0padding: 0; }

/* articles:
--------------------------------------- */
#article_side_bar { padding: 0; }
#article_side_bar o_img { padding: 10px 0; width:200px; height:269px}
#article_side_bar img { padding: 10px 0; width:200px; }
#article_side_bar h2 { padding-right: 10px; padding-left: 10px; }

#toc { padding: 4px 0 0 15px; margin: 0 0 10px 15px; float: right; width: 40%; border-left: 2px dotted #939; border-bottom: 2px dotted #939; 0background-color: #FFF0FF; text-align: left; }
#toc h2 { color: #000; }
#toc ul li { padding: 0 0 10px 0; margin:0; }
/* in case of 2col layout same as #main_display_2col : */
#article_content_area { padding: 0; margin: 0 0 0 212px; background-color: #FFF; text-align: justify; width: 560px;}
#article_content_area h1 { background-color: #FFF0FF; padding: 4px 0; }
#article_content_area ul { margin: 5px; padding: 5px; }
#article_content_area li { margin: 5px; padding: 5px; }
#article_content_area table { 0clear: both; }
#article_content_area table.right { margin: 10px 0 10px 15px; float: right; }
#article_content_area table.left { margin: 10px 15px 10px 0; float: left; }
.caption { font-size: 0.8em; color: #666; padding-bottom: 0; }

#calendar_content_area { padding: 0; margin: 0 0 0 50px; background-color: #FFF; text-align: justify;}
#workshop_list { 0clear: both; }
#workshop_list td { margin: 10px 0 10px 15px; text-align: left; vertical-align: top; }
#workshop_list td.center { margin: 10px 0 10px 15px; text-align: center; vertical-align: top; }

/* #footer styles:
--------------------------------------- */
#footer p { padding: 10px 0 10px 0; margin: 0; }
#footer p.footer { font-size: 9px; color: #fff; padding: 0; background-color: #009;  }


/* forms:
--------------------------------------- */
form { margin:0; padding: 0; } 
input, textarea { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }

form#prayer, form#refer_a_friend, form#vol_signup, form#survey { padding: 0.5em; width: 99%; border-top: 1px dashed #939; border-right: 1px solid #939; border-bottom: 1px dashed #939; border-left: 1px solid #939; }
form#prayer div, form#refer_a_friend div, form#vol_signup div, form#survey div { clear: both; padding: 0.4em 0 0 0; }
label { float: left; width: 45%; text-align: right; padding-top: 3px; }
/* input#prayer, textarea#prayer, p#prayer { float: right; width: 50%; text-align: left; } thought we need this but not */
input.radio { width: 5%; float: left; }
textarea { height: 8em; }
#mySubmit { float: none; margin: 10px 5px 0 0; width: 20%; text-align: center; }
#myClear { float: none; margin: 10px 5px 0 0; width: 20%; text-align: center; }
#onlyBtn { margin-top: 10px; }

/* other:
--------------------------------------- */
#News {
	position:absolute;
	z-index: 25;
	width: 400px;
	0top: 28%;
	top: 30px;
	0margin: 0;
	padding: 20px;
	background: #DEF no-repeat url(/images/small_logo.gif) 20px 20px;
	border: 2px dotted #F00;
	0left: 12%;
	left: 50px;
	text-align: justify;
}
#News h1 { padding-top: 14px; padding-left: 115px; }

/* workshop registration
-------------------------------------- */
.mtable {
	background-color: #333399;
	border: thin solid #339;
	width: 550px;
	margin: 5px 5px 5px 0px;
	padding: 5px;
}
.emph_row {
	background-color: #339;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
 	height:25px;
 	colspan:2;
 	text-align: left;
	vertical-align: middle;
}
.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	background-color: #fff;
	padding: 5px;
	color: #000;
	height:40px;
	width: 400px;
	/* border: solid 1px; margin: 5px; color: #339;  */
}
.formw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	background-color: #fff;
	padding: 5px;
	color: #000;
	height:40px;
	width: 400px;
	/* border: solid 1px; margin: 5px; color: #339;  */
}
.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	background-color: #fff;
	color: #000;
	height:40px;
	width: 500px;
	padding: 5px;
	/* border: solid 1px; margin: 5px; color: #339;  */
}
.or_call {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	color: #000;
	height:40px;
	width: auto;
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	font-weight: normal;
	background-color: #fff;
	color: #339;
	height:15px;
	width: auto;
}
  
#formarea {width: 550px;}

#formarea div.frow {
  display: block;
	clear: both;
  width: auto;
  }
#formarea div.frow span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

#formarea div.frow span.formw {
	display: block;
	float: right;
  width: 375px;
  text-align: left;
  }   
#ministers {display: none}  
#login {
	margin: 0;
	float: right;
	position: absolute;
	top: 28px;
	left: 600px;
	width: 300px;
	text-align: right;
	vertical-align: top;
}
#catalog img {width: 100px;}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 200px; /* .push must be the same height as .footer */
}
.animal {float: right; width:125px;}
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/