/* 
	Copyright notice

	(c) 2007-2008 Christian Technology Ministries International Inc.
	All rights reserved

	This template is part of the Web-Empowered Church (WEC)
	(http://WebEmpoweredChurch.org) ministry of Christian Technology Ministries 
	International (http://CTMIinc.org). The WEC is developing TYPO3-based
	(http://typo3.org) free software for churches around the world. Our desire
	is to use the Internet to help offer new life through Jesus Christ. Please
	see http://WebEmpoweredChurch.org/Jesus.

	You can redistribute this template and/or modify it under the terms of the 
	GNU General Public License as published by the Free Software Foundation;
	either version 2 of the License, or (at your option) any later version.

	The GNU General Public License can be found at
	http://www.gnu.org/copyleft/gpl.html.

	This template is distributed in the hope that it will be useful for ministry,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	This copyright notice MUST APPEAR in all copies of the template! 
*/

/************ Standard HTML Elements ************/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #666666;
	text-align: center;
	background-color: #F6F2CC;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

a:link, a:visited {
	background-color: inherit;
	text-decoration: underline;
	color: #7B1031;
}

a:hover, a:active{
	background-color: inherit;
	color: #D0B878;
}

p, h1, h2, h3 {
	margin: 10px 15px;
	margin-left: 0px;
}

p {
	font-size: 14px;
	color: #000000;
}

h1, h2, h3 {
	color:#7b1031;
	font-family: 'Trebuchet MS',Arial,Sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}

ul, ol {
	margin: 10px 30px;
	padding: 0pt 15px;
}

hr {
	color: none;
	border: 1px solid #cccccc;
}

label {
	display: block;
}
/************ Search Box ************/

input,
textarea {
	border: 1px solid #7B1031;
	font-family: Verdana, sans-serif;
	padding: 2px;
	margin-left: 0px;
}

input[type="submit"] {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #7B1031;
	color: #7B1031;
	font-family: Arial,Sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0pt;
	padding: 2px 3px;
}
input[type="reset"] {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #7B1031;
	color: #7B1031;
	font-family: Arial,Sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0pt;
	padding: 2px 3px;
}

#search{
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px 5px 0 0;
	padding: 0;
	text-align: right;
	font-size : 100%;
	color : #666666;
}

#search input[type=text] {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #7b1031;
	color: #333333;
	height: 14px;
	margin: 0pt;
	vertical-align: top;
	width: 120px;
}

#search input[type=submit] {
	background: #FAFAFA none repeat scroll 0%;
	border: 1px solid #F2F2F2;
	color: #777777;
	font-family: Arial,Sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0pt 0pt 0pt 3pt;
	padding: 2px 3px;
	vertical-align: top;
	width: 60px;
}



/* Use a break with this class to clear float containers on both sides */ 
.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
} 
/**************wrapper*******************/

#wrapper {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff;
}


/*******  Header ***********/
#header {
	position: relative;
	height: 120px;
	background: url(images/headerbg.gif) repeat-x 0% 100%;
}
	
/************* Logo  ***********/
#logo {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}


/*************Left Side********************/

#left-part{
	width: 200px;
	padding: 0;
	float: left;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#left ul,
#left ol {
	margin-left: 0px;
}

/*************Right Side********************/

#right-part {
	width: 548px;
	padding :0;
	float:right;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0;
}

/* IE hack for Right Side */
* html #right-part { 
	margin:  15px 5px 15px 0;
} 

/*************Main header for each page********************/

#pagetitle {
	color: #7B1031;
	font-size: 2em;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	font-style: italic;
	font-weight: bolder;
	line-height: normal;
}

/*************Footer********************/
#footer {
	height: 75px;
	background: #D0B878 none repeat scroll 0%;
	border-top: 5px solid #AF6F00;
	color: #000000;
	font-size: 100%;
	margin: 0pt;
	padding: 15pt 10pt 10pt 10pt;
	bottom: 0;
}

#footer .footer-left {
	float: left;
	width: 53%;
	font-weight: bold;
	font-size: 14px;
}

#footer .footer-right {
	float: right;
	width: 40%;
	font-weight: bold;
}

#footer a {
	color: #000000;
}

#bottomnav {
	text-align: right;
}

/********* Main navigation menu with drop down list *************/

#menu ul#menuList{
	bottom: 6px !important;
	font-family: Arial,'Trebuchet MS',Tahoma,verdana,sans-serif;
	font-size: 13px;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
	position: absolute;
	right: 0pt;
	z-index: 8;
}

* html #menu ul#menuList {
	bottom: 4px !important;
}

#menu a {
	background: transparent url(images/tableft.gif) no-repeat scroll left top;
	float: left;
	margin: 0pt;
	padding: 0pt 0pt 0pt 4px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu a:hover,
#menu .active a {
	background-position: 0% -42px;
	color: #000000
}
#menu li:hover a {
	background-position: 0% -42px;
	cursor: pointer;
	color: #000000
}
#menu a span {
	background: transparent url(images/tabright.gif) no-repeat scroll right top;
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 6px 15px 3px 8px;
}
#menu a:hover span, 
#menu .active a span {
	background-position:100% -42px;
	color: #000000
}
#menu li:hover a span {
	background-position:100% -42px;
}


#menu ul#menuList li ul {
	display: none;
	position: absolute;
	width: 130px;
	margin: 0pt;
	padding: 0pt;
	background: #D0B878;
}

#menu ul#menuList li ul.level2 {
	top: 1.75em !important;
	padding: 5px 0px 5px 0px;
	left: 0;
}

#menu ul#menuList li ul.level2 li:hover ul {
	display: block;
}

#menu ul#menuList ul.level3 {
	margin:-5px 0px 0px -3px;
	padding:5px 0px;
}

#menu ul#menuList li {
	position: relative;
	display: block;
	float: left;
	margin: 0pt;
	padding: 0pt;
}

#menu ul#menuList li:hover ul.level2 {
	display: block;
}

#menu ul#menuList li ul li {
	display: block;
	width: 100%;
/*	position: relative; */
	background: none;
	margin: 0;
	padding: 0;
}

#menu li ul li a {
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding: 2px 13px;
	margin: 0  0;
	background:#D0B878;
	width: 104px;
}


#menu li ul li a:hover,
#menu li ul li.active a {
	background-color: #F0DCA0;
}

#menu li ul li:hover > a {
	background-color: #F0DCA0;
}

#menu li li ul {
	display: block;
	top: 0px;
	left: 133px;
	border-left: 4px solid #F0DCA0;
}

/* IE can't handle display, so fail-over to visibility */
* html #menu ul#menuList li ul.level2,
* html #menu ul#menuList li ul.level3 {
	display: block;
	visibility: hidden;
}

/* simulate child selector for IE */
* html #menu ul#menuList li:hover ul.level2,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3 li:hover ul.level4 {
	visibility: visible;
}

* html #menu ul#menuList li:hover ul.level2 li ul.level3,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3 li ul.level4 {
	visibility: hidden;
	clear: both;
}

/*********Rounded Corners for Left Part Side Bar *************/

.roundedcornr_box_403667 {
   background: #f6f2cc url(images/roundedcornr_403667_grad.gif) repeat-x top left;
}
.roundedcornr_top_403667 div {
   background: url(images/roundedcornr_403667_tl.gif) no-repeat top left;
}
.roundedcornr_top_403667 {
	background-color: transparent;
	background-image: url(images/roundedcornr_403667_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.roundedcornr_bottom_403667 div {
   background: url(images/roundedcornr_403667_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_403667 {
   background: transparent url(images/roundedcornr_403667_br.gif) no-repeat bottom right;
}

.roundedcornr_top_403667 div, .roundedcornr_top_403667,
.roundedcornr_bottom_403667 div, .roundedcornr_bottom_403667 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_403667 { margin: 0 10px; }
.roundedcornr_boxup_403667 {
	background-color: #f6f2cc;
	background-image: url(images/roundedcornr_403667_gradup.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*********Slideshow Styling*************/
#slideshow {
	background-color: #D0B878;
	background-image: url(images/ssbg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	height: 250px;
	width: 530px;
}
#slideshow p {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #333333;
}
#slideshow li {
	font-size: 1.3em;
	font-weight: bolder;
	color: #333333;
}

/*********Facebook Badge*************/

#facebook {
	float: right;
	margin-top: 35px;
	padding-top: 5px;
}
/*********RSS Include Box Prayer Focus*************/

div#rssincl-box-58094 {
	width: 180px;
	background-color:#D0B878;
	color:#7B1031;
	text-align: center;
	}
	
div#rssincl-box-58094 div.rssincl-content div.rssincl-entry,
div#rssincl-box-58094 div.rssincl-content div.rssincl-entry *{
	font-size: 14px;
	color: #7B1031;
	font-weight: bold;
	}
	
/*********RSS Include Box Upcoming Events*************/
	
/* The <a> tag wrapped around the news item title */
div#rssincl-box-59283 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
	font-size: 14px; /* font size to 14px */
	font-weight:bold; /* bold */
	text-decoration:none; /* lets it look like a link */
	color: #000000;	 /* black */
	}