/*******************/
/* START OF HEADER */
/*******************/

/* Rounded corners left */
#home-header-bg-left {
	background-image: url(images/home-bg-header-left.jpg);
	width: 10px;
	height: 440px;
	float: left;
}

/* Main, 920px wide section of header */
#home-header-main {
	background-color: #221F1A;
	width: 920px;
	height: 440px;
	float: left;
}

/* Rounded corners right */
#home-header-bg-right {
	float: right;
	width: 10px;
	height: 440px;
	background-image: url(images/home-bg-header-right.jpg);
}

.home-arrow-left {
	float: left;
	padding-left: 10px;
	margin-top: 150px;
	width: 30px;
}


.home-arrow-right {
	float: right;
	padding-right: 10px;
	width: 30px;
	margin-top: -150px;
}


/* This is divider used in header for the homepage(frontpage), made of 2px. You can find it in images folder */
#home-divider-header {
	width: 2px;
	height: 360px;
	background-repeat: repeat-y;
	background-image: url(images/divider-header.jpg);
	float: left;
	margin-top: 40px;
}

#home-header-about {
	margin-top: 75px;
	height: 300px;
	overflow: hidden;
}

#home-header-logo {
	width: 340px;
	height: 309px;
	float: left;
	background-repeat: none;
	background-image: url(images/home-logo.jpg);
}

img.banner {
	padding-bottom: 15px;
}

/*************************/
/* START OF Sermon Table */
/*************************/
.sermon {
	font-size: 11px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #666666;
	float: right;
	margin-top: 9px;
	padding-left: 20px;
}

.msgs {
	font-size: 11px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #666666;
 	margin-top: 9px;
	padding-left: 20px;
}

.msg {
	padding-top: 15px;
	display: block;
}

.msg_data,.msg_docs,.msg_media {
	float: left;
	font-size: 1.1em;
	width: 175px;
}

.msg_docs {
	padding: 5px 0px 0px 25px;
}

.msg_notes {
	padding-bottom: 5px;
}

.msg_media {
	padding: 5px 0px 0px 25px;
	width: 150px;
}

.series_link {
	padding-right: 80px;
	float: right;
}

.series_data {
	float: left;
	padding-left: 15px;
	font-size: 1.1em;
}

.series_img {
	float: left;
}

.sermon_date {
	font-size: 11px;
	float: right;
	font-style: italic;
	padding-top: 5px;
}

.sermon a {
	color: #F5F5F5;
}

.sermon td {
	padding: 5px 4px 0px 4px;
}

.sermon h4 {
	font-style: italic;
}

.sermon_desc {
	
}

/*************************/
/* START OF Calendar     */
/*************************/


.calnk a:hover {
   background-position:0 0;
   text-decoration:none;  
   color:#000000;
   border-bottom:1px dotted #000000;
}

.calnk a:visited {
   text-decoration:none;
   color:#000000;
   border-bottom:1px dotted #000000;
}

.calnk a {
  text-decoration:none; 
  color:#000000; 
  border-bottom:1px dotted #000000;
}

.calnk a span { 
  display:none; 
}

.calnk a:hover span {
  color:#333333; 
  background:#F6F79B; 
  display:block;
  position:absolute; 
  margin-top:1px; 
  padding:5px; 
  width:150px; 
  z-index:100;
}

.calendar-table {
  border:none;
  width:100%;
  font-family:Tahoma,Geneva,sans-serif;
}

.calendar-heading {
  height:25px;
  text-align:center;
  border:1px solid #D6DED5;
  background-color:#E4EBE3;
  font-size:14px;
}

.calendar-next {
  width:25%;
  text-align:center;
}

.calendar-prev {
  width:25%;
  text-align:center;
}

.calendar-month {
  width:50%;
  text-align:center;
  font-weight:bold;
}

.normal-day-heading {
  text-align:center;
  width:25px;
  height:25px;
  font-size:12px;
  border:1px solid #DFE6DE;
  background-color:#EBF2EA;
}

.weekend-heading {
  text-align:center;
  width:25px;
  height:25px;
  font-size:12px;
  border:1px solid #DFE6DE;
  background-color:#EBF2EA;
  color:#FF0000;
}

.day-with-date {
  vertical-align:text-top;
  text-align:left;
  width:60px;
  height:60px;
  border:1px solid #DFE6DE;
  font-size:12px;
}

.no-events {}

.day-without-date {
  width:60px;
  height:60px;
  border:1px solid #E9F0E8;
}

span.weekend {
  color:#FF0000;
}

.current-day {
  vertical-align:text-top;
  text-align:left;
  width:60px;
  height:60px;
  border:1px solid #BFBFBF;
  background-color:#E4EBE3;
  font-size:12px;
}

span.event {
  font-size:0.85em;
}

.kjo-link {
  font-size:0.85em;
  text-align:center;
}

.event-title {
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}

.event-title-break {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  height:1px;
  background-color:#000000;
}

.event-content-break {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  height:1px;
  background-color:#000000;
}

.calendar-date-switcher {
  height:25px;
  text-align:center;
  border:1px solid #D6DED5;
  background-color:#E4EBE3;
}

.calendar-date-switcher form {
  margin:0;
  padding:0;
}

.calendar-date-switcher input {
  border:1px #D6DED5 solid;
}

.calendar-date-switcher select {
  border:1px #D6DED5 solid;
}

.cat-key {
  width:100%;
  margin-top:10px;
  padding:5px;
  border:1px solid #D6DED5;
  font-size:13px;
}