/* ######################################## */
/* Default stylesheet for KEFC Website (v2) */
/* ######################################## */

/* ################# */
/* Default HTML tags */
/* ################# */
body,
dd,
dt,
input,
label,
li,
select,
table,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
* html body,
* html dd,
* html dt,
* html input,
* html label,
* html li,
* html select,
* html table,
* html textarea {
	font-size: x-small;
	f\ont-size: small;
}
a {
	color: rgb(44,135,210);
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	background: white;
	border: 0;
	color: black;
	margin: 0;
	padding: 0;
}
html {
	background: white;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
h1 {
	background: url(../../images/kefc-logo.gif) no-repeat 0 0;
	height: 0;
	left: 630px;
	margin: 0;
	overflow: hidden;
	padding: 48px 0 0 0;
	position: relative;
	top: 19px;
	width: 115px;
}
* html h1 {
	height: 48px;
	he\ight: 0;
}

h2 {
	color: rgb(44,135,210);
	font-size: 130%;
}
h3 {
	background: rgb(43, 132, 205) url(../../images/blue-bar-bg.gif) repeat-x 0 0;
	color: white;
	font-size: 90%;
	height: 19px;
	margin: 0;
	padding: 3px 0 0 7px;
}
h4 {
	color: black;
	font-size: 100%;
}
hr {
	border: 0;
	border-top: 2px dotted rgb(217,217,217);
	height: 0;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
p {
	margin: 1em 0;
}
ul {
	margin: 0;
	padding: 0 0 0 1.2em;
}
li {
	list-style-image: url(../../images/bullet.gif);
}

/* #################################### */
/* Other styles that apply to all pages */
/* #################################### */

/* ############### */
/* generic classes */
/* ############### */
.note {
	color: gray;
	font-size: 85%;
}
.align-left { /* inline img */
	display: block;
	float: left;
	margin: 3px 10px 3px 0;
}
.align-right { /* inline img */
	display: block;
	float: right;
	margin: 3px 0 3px 10px;
}
.align-none { /* inline img */
	display: block;
	margin: 1em 0;
}
.error {	
	color: red;
	font-weight: bold;
}

/* ########### */
/* page-header */
/* ########### */
ul#skip-navigation {
	position: absolute;
	top: -10000px;
}
div#page-header {
	background: url(../../images/header-bg.jpg) no-repeat 0 0;
	border-bottom: 2px dotted rgb(217,217,217);
	height: 137px;
}
* html div#page-header {
	height: 139px;
	he\ight: 137px;
}
ul#menu-login {
	left: 708px;
	margin: 0;
	padding: 3px 0 0 0;
	position: absolute;
	top: 88px;
	z-index: 20000;
}
ul#menu-logout {
	left: 695px;
	margin: 0;
	padding: 3px 0 0 0;
	position: absolute;
	top: 88px;
	z-index: 20000;
}
ul#menu-login li,
ul#menu-logout li {
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#nav { /*main menu*/
	background: rgb(43, 132, 205) url(../../images/blue-bar-bg.gif) repeat-x 0 0;
	height: 19px;
	left: 0;
	margin: 0;
	padding: 3px 0 0 0;
	position: absolute;
	top: 88px;
	width: 100%;
}
* html ul#nav {/*main menu*/
	height: 22px;
	he\ight: 19px;
}
ul#nav li {/*main menu*/
	float: left;
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
ul#nav li ul li {/*main menu*/
	padding: 0;
}
#nav li:hover, #nav li.hover {
    position: static;
}
ul#menu-login li a,
ul#menu-logout li a,
ul#nav li a {/*main menu*/
	color: white;
}
ul#menu-login li a:hover,
ul#menu-logout li a:hover,
ul#nav li a:hover {/*main menu*/
	color: rgb(178,214,244);
	text-decoration: none;
}
/*
p#mission-statement {
	background: url(../../images/mission-statement.gif) no-repeat 0 0;
	height: 0;
	left: 475px;
	margin: 0;
	overflow: hidden;
	padding: 13px 0 0 0;
	position: absolute;
	top: 121px;
	width: 275px;
}
*/
p#status-text {
	color: rgb(102,102,102);
	font-size: 85%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	text-align: right;
	width: 750px;
}
p#todays-date {
	color: rgb(102,102,102);
	font-size: 85%;
	left: 15px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
}

/* ########### */
/* page-middle */
/* ########### */
div#content-block-1 img {
	margin: 0 0 15px 0;
}
div#page-middle {
	padding: 15px 0 0 15px;
	width: 735px;
}
* html div#page-middle {
	width: 750px;
	w\idth: 735px;
}

/* ########### */
/* page-bottom */
/* ########### */
div#page-bottom {
	border-top: 1px solid rgb(217,217,217);
	clear: both;
	margin: 20px 0 0 0;
	overflow: auto;
	padding: 8px 0 0 15px;
	width: 735px;
}
* html div#page-bottom {
	width: 750px;
	w\idth: 735px;
}
div#page-bottom p {
	color: rgb(153,153,153);
	font-size: 85%;
	margin: 0;
	padding: 0 0 10px 0;
}
p#copyright-details {
	float: left;
}
p#design-details {
	float: right;
}

/* ############################### */
/* Secondary Pages - common styles */
/* ############################### */
div#content-block-1 {
	float: left;
	margin: 0 20px 30px 0;
	width: 160px;
}
div#related-pages {
	margin: 0;
}
div#external-links {
	margin: 15px 0 0 0;
}
div#related-pages ul{
	margin: 2px 0 0 0;
	padding: 0;
}
div#related-pages ul li {
	border-bottom: 2px dotted rgb(217,217,217);
	font-size: 90%;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 2px 0;
}
div#related-pages ul li a {
	background: url(../../images/arrows.gif) no-repeat right -1px;
	padding: 0 17px 0 0;
}
div#external-links ul{
	margin: 7px 0 0 0;
	padding: 0;
}
div#external-links ul li {
	font-size: 90%;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 2px 0;
}

div#content-block-2 {
	float: left;
	margin: 0 0 30px 0;
	width: 383px;
}
div#content-block-2 h2 {
	border-bottom: 2px dotted rgb(217,217,217);
	margin: 0;
	padding: 0;
}
div#content-block-2 h3 {
	background: none;
	color: rgb(44,135,210);
	font-size: 120%;
	margin: 0.5em 0 1em 0;
	padding: 0;
}

div#content-block-3 {
	float: right;
	margin: 0 0 30px 0;
	width: 152px;
}


/* #################### */
/* Page-specific styles */
/* #################### */

/* ############ */
/* day-view.php */
/* ############ */
body#day-view {
	padding: 15px;
}
body#day-view h2 {
	border-bottom: 2px dotted rgb(217,217,217);
	margin: 0;
	padding: 0;
}

/* ######### */
/* index.php */
/* ######### */
div#welcome-text-home {
	background: rgb(228,241,255);
	min-height: 220px;
	margin: 0 0 15px 0;
	padding: 12px;
	width: 425px;
}
* html div#welcome-text-home {
	height: 244px;
	he\ight: 220px;
	width: 449px;
	w\idth: 425px;
}
div#welcome-text-home h2 {
	margin: 0;
	padding: 0;
	color: rgb(30,90,157);
	color: rgb(15, 45, 77);
}
div#welcome-text-home p {
	margin: 7px 0 0 0;
	padding: 0;
}
div#welcome-text-home ul {
	margin-top: 10px;
}
div#welcome-text-home a {
	color: rgb(30,90,157);
	color: rgb(15, 45, 77);
}
object#flash-home {
	left: 471px;
	position: absolute;
	top: 154px;
	z-index: -10000 !important;
}

div#home-block-1 {
	float: left;
	margin: 0 7px 30px 0;
	width: 163px;
}
div#home-block-2 {
	float: left;
	margin: 0 7px 30px 0;
	width: 279px;
}
div#home-block-3 {
	float: right;
	margin: 0 0 30px 0;
	width: 278px;
}

div#news-bulletin h3 {
	margin: 15px 0 0 0;
}
div#news-bulletin p {
	background: url(../../images/download-icon.gif) no-repeat 0 3px;
	font-size: 90%;
	margin: 10px 0 0 0;
	padding: 0 0 0 22px;
}

div#calendar p.day {
	border-bottom: 2px dotted rgb(217,217,217);
	margin: 0;
	padding: 0.6em 0;
}
div#calendar p {
	font-size: 90%;
}
div#calendar span.event-details {
	font-style: italic;
}
p.view-full-calendar {
	background: url(../../images/arrows.gif) no-repeat right 0.1em;
	border-bottom: 2px dotted rgb(217,217,217);
	margin: 0 0 15px 0;
	padding: 0.2em 17px 0.2em 0 !important;
	text-align: right;
}
p.view-full-calendar a {
	font-weight: bold !important;
}
p.more {
	background: url(../../images/arrows.gif) no-repeat right 0.1em;
	border-bottom: 2px dotted rgb(217,217,217);
	border-top: 2px dotted rgb(217,217,217);
	padding: 0.2em 17px 0.2em 0 !important;
	text-align: right;
}
* html p.more {
	background: url(../../images/arrows.gif) no-repeat right 0.25em;
}
p.more a {
	font-weight: bold !important;
}

/* ##### */
/* Login */
/* ##### */
body#login form label {
	display: block;
	float: left;
	width: 5.5em;
}
body#login form fieldset.input-fields input {
	margin: 0 0 0.2em 0;
	width: 15em;
}
body#login form fieldset.button-fields {
	margin: 0.5em 0 0 0;
}
/* ################# */
/* Edit user profile */
/* ################# */
body#edit-user-profile form {
	margin: 2em 0;
}
body#edit-user-profile form label {
	display: block;
	float: left;
	width: 9em;
}
body#edit-user-profile form fieldset.input-fields input {
	margin: 0 0 0.2em 0;
	width: 15em;
}
body#edit-user-profile form fieldset.input-fields p {
	font-weight: bold;
	margin: 0 0 0.6em 0;
	width: 15em;
}

body#edit-user-profile form fieldset.button-fields {
	margin: 0.5em 0 0 0;
}


/* ########## */
/* Components */
/* ########## */

/* #########*/
/* Calendar */
/* ######## */
body#calendar form {
	margin: 2em 0 0 0;
}
body#calendar table.calendar-month {
	border-bottom: 1px solid rgb(217,217,217);
	border-left: 1px solid rgb(217,217,217);
	margin-bottom: 1em;
}
body#calendar table.calendar-month th,
body#calendar table.calendar-month td {
	border-right: 1px solid rgb(217,217,217);
	border-top: 1px solid rgb(217,217,217);
	padding: 0.4em;
}
body#calendar table.calendar-month th {
	background: rgb(230,230,230);
}
body#calendar table.calendar-month th.title {
	background: rgb(170,170,170);
	color: white;
}
body#calendar table.calendar-month td.sat,
body#calendar table.calendar-month td.sun {
	background: rgb(240,240,240);
}
body#calendar table.calendar-month td span.past {
	color: rgb(200,200,200);
}

/* ############*/
/* Quick Links */
/* ########### */
div.quick-links-box {
	background: rgb(232,245,254) url(../../images/quick-links-bg.jpg) no-repeat left bottom;
	font-size: 90%;
	min-height: 75px;
	margin: 5px 0 0 0;
	padding: 4px;
}
* html div.quick-links-box {
	height: 83px;
	he\ight: 75px;
}
div.quick-links-box h4 {
	margin: 0;
	padding: 0;
}
div.quick-links-box a {
	color: rgb(30,90,157);
}
div.quick-links-box img {
	float: left;
	margin: 0 4px 0px 0;
}
div.quick-links-box p {
	margin: 0;
	padding: 0;
}

/* ###############*/
/* Recent Sermons */
/* ############## */
div#recent-sermons p {
	font-size: 90%;
	margin: 0.7em 0 1em 0;
	padding: 0;
}
div#recent-sermons p.audio {
	background: url(../../images/audio-icon.gif) no-repeat 0 0;
	padding: 0 0 0 21px;
}
* html div#recent-sermons p.audio {
	padding: 0 0 0 19px;
}
div#recent-sermons p.text {
	padding: 0 0 0 21px;
}
* html div#recent-sermons p.text {
	padding: 0 0 0 19px;
}
div#recent-sermons a {
	font-weight: normal;
}
div#recent-sermons span.title {
	font-weight: bold;
}

/* ########*/
/* Sermons */
/* ####### */
body#sermon-search a.listen,
body#sermons a.listen,
body#sermon a.listen {
	background: url(../../images/audio-icon.gif) no-repeat 0 0;
	padding: 0 0 0 21px;
	overflow: hidden;
}
body#sermon-search a.text,
body#sermons a.text,
body#sermon a.text {
	background: url(../../images/text-icon.gif) no-repeat 0 0;
	padding: 0 0 0 21px;
	overflow: hidden;
}
ol#sermon-listing {
	margin: 0.5em 0 0.5em 2em;
	padding: 0;
}
ol#sermon-listing li {
	list-style: none;
	list-style-image: none; /* overrides default image */
	margin: 1.5em 0;
	padding: 0;
}
p#result-navigation a.previous {
	background: url(../../images/arrows-left.gif) no-repeat left top;
	padding: 0 0 0 15px;
	overflow: hidden;
}
p#result-navigation span.previous-disabled {
	background: url(../../images/arrows-left-grey.gif) no-repeat left top;
	color: rgb(200,200,200);
	font-weight: bold;
	padding: 0 0 0 15px;
	overflow: hidden;
}
p#result-navigation a.next {
	background: url(../../images/arrows.gif) no-repeat right top;
	padding: 0 15px 0 0;
	overflow: hidden;
}
p#result-navigation span.next-disabled {
	background: url(../../images/arrows-grey.gif) no-repeat right top;
	color: rgb(200,200,200);
	font-weight: bold;
	padding: 0 15px 0 0;
	overflow: hidden;
}
form fieldset.hidden-fields {
	position: absolute;
	top: -10000px;
}
form#advanced-search-form fieldset.input-fields label {
	display: block;
	float: left;
	margin: 0;
	width: 5.5em;
}
form#advanced-search-form fieldset.input-fields input {
	margin: 0 0 0.2em 0;
	width: 15em;
}
form#advanced-search-form fieldset.input-fields select {
	margin: 0 0 0.2em 0;
	width: 10em;
}
form#advanced-search-form select#date {
	float: left;
	margin-right: 0.2em;
	width: 4em;
}
* html form#advanced-search-form select#date {
	margin-left: 0.2em;
}
form#advanced-search-form select#month {
	float: left;
	margin-right: 0.2em;
	width: 8em;
}
form#advanced-search-form select#year {
	margin-right: 0.2em;
	width: 5em;
}	
form#advanced-search-form fieldset.button-fields input {
	margin: 0.5em 0 0 5.5em;
}	

/* Copyright (c) 2003-2005 Fineweb Solutions */

/* Suckerfish dropdowns, with fineweb improvements */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
}
#nav ul {
	z-index: 100;
}
#nav a {
	display: block;
}
#nav li {
	float: left;
	z-index: 100;
}
#nav li ul {
	z-index: 100;
	position: absolute;
	left: -999em;
	width: 10em;
	background-color: rgb(44,135,210);
	padding: 0.5em;
}
#nav li ul li {
	font-size: 1.1em;
	width: 10em;
	clear: both;
	z-index: 100;
}
#nav li:hover ul {
	left: auto;
	z-index: 100;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 100;
}
