/* Copyright notice
(c) 2005 Foundation for Evangelism (info@evangelize.org)
All rights reserved
This template is part of the Web-Empowered Church (WEC) ministry of the
Foundation for Evangelism (http://evangelize.org). The WEC is developing
TYPO3-based 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 de tails.
This copyright notice MUST APPEAR in all copies of the script! */

body{
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #000;
text-align: center;
background-color: #3e3840;
background-image: url('images/bg-1.jpg');
background-position: top;
background-repeat: repeat;
}

a:link, a:visited {
text-decoration:underline;
}

a:hover, a:active{
text-decoration:none;
}

#flash-text{
font-size:12px;
color:#000;
text-align:left;
padding:0 0 2px 5px;
margin:0;
}

#flash-shadow-left{
background:url(images/flash/shadow/left-shadow.jpg) repeat-y top left;
}

#flash-shadow-right{
background:url(images/flash/shadow/right-shadow.jpg) repeat-y top right;
}

/*******table*******/
#bg_1{
background:url(images/bg-1.jpg) repeat-x left top;
}

/**************shadow**************/
#shadow_1{
background:url(images/shadow-1.jpg) repeat-x left top;
}

#shadow_2_m{
background:url(images/shadow-2/shadow-2-m.jpg) repeat-x left top;
}

/* 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; 
} 

#gradient-bg{
background:url(images/bg.jpg) top repeat-x;
}

/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
margin:0;
padding:0;
width:100%;
height:140px;
}

/**************logo*******************/
#logo{
margin:0;
padding:15px 0 0 40px;
text-align:left;
}

/*************sitename********************/
#sitename{
margin:0;
padding:0 0 0 10px;
text-align:left;
}

#sitename h1 { 
text-align : center;
font-size : 13px;
padding : 0;
margin : 0;
text-align:left;
} 

/***************slogan******************/
#slogan{
float:right;
width:550px;
margin:0;
height:140px;
background:url(images/top-image.jpg) right no-repeat;
}

#slogan h2{
text-align :right;
color : #000000;
font-size : 17px;
padding:50px 240px 0 0 ;
}


/********************************************/
/*******  middle part (wrapper)   ***********/
/********************************************/ 

/**************top round corner image*******************/
#round-corner-top{
background:url(images/round-corner-images/top.jpg) top no-repeat;
height:7px;
margin:0;
padding:0;
font-size:1%;
}

/**************bottom round corner image*******************/
#round-corner-bottom{
background:url(images/round-corner-images/bottom.jpg);
height:13px;
margin:0;
padding:0;
font-size:1%;
clear:both;
}

/**************wrapper*******************/
#wrapper{
background:url(images/round-corner-images/middle.jpg) top repeat-y;
width:768px;
margin:0 auto;
padding:0;
text-align:left;
}

/*************search********************/
#search{
float:right;
width:280px;
margin:0;
padding:0 9px;
text-align:right;
font-size : 80%;
color : #666666;
}
/***************breadcrumb******************/
#breadcrumb { 
margin : 0;
padding:0 9px;
color : #666666;
font-size : 70%;
} 

#breadcrumb a:link, #breadcrumb a:visited { 
color : #ff6600;
}

#breadcrumb a:hover, #breadcrumb a:active { 
color : #666666;
} 

/**************left part*******************/
#left-part{
width: 170px;
margin: 7px;
float:left;
background-color:#ECECEC;
}
/*****************left content****************/
#left_content{
// background:#F7DFE3;
   background-color: #ACBFDF;
}

#left_content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin:0 0 10px 0;
padding:2px 0 3px 4px;
}

#left_content h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
margin:0;
padding:2px 0 2px 4px;
}

#left_content a{
color:#990000;
}

#left_content a:hover{
text-decoration:none;
}

/***************login******************/
#login { 
margin : 0;
padding : 0;
text-align : left;
color : #666666;
}

#login h3{
margin:0;
padding:0 5px;
font-size : 70%;
}

#login p{
margin:0;
padding:5px;
font-size : 70%;
}

#login p a{
color:#003399;
}

/***************left content******************/
#left { 
margin : 0;
padding :  0;
background: url(images/left-part-bg.jpg) top repeat-x;
text-align : left;
} 

#left  img{
margin:  6px 0;
} 

#left h1 { 
font-family : "Times New Roman", Times, serif;
font-size : 110%;
color : #006699;
text-align : center;
padding : 2px;
margin : 0 5px;
border-bottom : 1px solid #f1f1f1;
} 

#left p { 
margin : 5px;
padding : 5px;
font-size : 90%;
color : #006699;
} 

#left p a { 
color : #000000;
} 

/**************right part: main content*******************/
#right{
margin : 9px 0 0 185px;
padding :  5px ;
}

#pagetitle{
text-align : left;
color:#666666;
font-size : 90%;
font-weight:bold;
margin:0;
padding:0 2px;
}

#content-bg{
background:#f5f5f3;
}

#main-content { 
padding : 0 10px 10px 10px;
margin : 2px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
text-align:left;
height: 500px;
width: 620px;
} 
#main-content h1 { 
color : #003366;
font-size : 100%;
border-bottom : 1px dashed #ccc;
padding : 0 0 3px 0;
margin:4px 0 0 0;
} 
#main-content p { 
color : #000000;
font-size : 90%;
} 

#main-content p a{ 
color:#0033CC;
} 



/********************************************/
/********        footer           ***********/
/********************************************/ 
#footer{
margin:0;
padding:0;
}

/***************bottom nav******************/
#bottomnav { 
margin : 0;
font-size : 90%;
} 

#bottomnav a { 
padding : 0 5px 0 5px;
color : #006699;
} 

#bottomnav a:hover { 
color : #006699;
} 

/***************copyright******************/
#copyright{
color : #372000;
font-size : 10px;
padding : 5px;
}
  
#copyright a { 
color:#372000;
}

#copyright a:hover { 
color:#ffffff;
}

/*************contact info********************/
.contact { 
color : #666666;
font-size : 90%;
padding : 5px 0 3px 0;
} 


/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
 
/**************gradient_ba******************/

#gradient_bar{
margin:0;
padding:0;
background:url(images/gradient-bar.jpg) top repeat-x;
height:18px;
}

/*		------	Basic style	------		*/

#flash{
z-index:-100;
}

#menu {
margin:0;
padding:0;
display: block;
height: 23px;
z-index:100;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
z-index:100;
}

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index:100;
background-color:#FFF2DD;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index:100;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
z-index:100;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */

#menu li li {
width: 100%;
}

#menu li ul {
display: none;
position: absolute;
z-index: 100;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*		------   Make-up	--------			*/

#menu {
width:770px;
font-size : 70%;
padding:0;
margin:0 auto;
}


#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
background:url(images/nav/active.jpg) top no-repeat;
padding: 4px 8px 4px 7px;
border-top:1px solid #FFF2DD;
border-bottom:1.5px solid #420303;
border-left:1px solid #FFF2DD;
border-right:1px solid #704601;
margin:0 1px 0 0;
}

#menu li a:hover {
color:#fff;
background-image:url(images/nav/hover.jpg);
}

#menu li:hover>a {
color:#fff;
background-image:url(images/nav/hover.jpg);
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
background-image:url(images/nav/active1.jpg);
background-position:top;
background-repeat:no-repeat;
padding: 3px 2px 3px 2px;
border-top:1px solid #FFF2DD;
border-bottom:1px solid #828282;
border-left:1px solid #FFF2DD;
border-right:1px solid #AAAAAA;

}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
background-position:top;
background-repeat:no-repeat;
padding: 3px 2px 3px 2px;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #828282;
border-left:1px solid #F4F4F4;
border-right:1px solid #AAAAAA;
background-image:url(images/nav/hover.jpg);
color:#fff;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
background-position:top;
background-repeat:no-repeat;
padding: 3px 2px 3px 2px;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #828282;
border-left:1px solid #F4F4F4;
border-right:1px solid #AAAAAA;
background-image:url(images/nav/hover.jpg);
color:#fff;
}

#menu li ul {
width: 120px;
background-color:#FFFFFF;
}

#menu li li ul {
border-top-width: 0px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
	content: "";
}


/********* default styles for extension "tx_srfeuserregister_pi1" *********/

  /* WEC-MMS: Commented out the styles below */
* html .tx-srfeuserregister-pi1{ 
	margin-right:-10px;
}

* html div.tx-srfeuserregister-pi1 label.tx-srfeuserregister-pi1-password-again{ 
	margin-left:-5px;
}

dt {
	font-size:80%;
}

dd{
	font-size:80%;
}


/********* Styles for extension "tx_newloginbox_pi1" *********/

.tx-newloginbox-pi1 {
	font-size: 100%;
}
.tx-newloginbox-pi1 input {
	border: 1px solid #369;
}
.tx-newloginbox-pi1 table {
	width: 100px; 
	font-size: 11px;
}
.tx-newloginbox-pi1 h3 {
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #036;
}
#left .tx-newloginbox-pi1 td {
	color: #fff;
}
#left .tx-newloginbox-pi1 h3 {	
		font-family: Arial, Verdana, sans serif;
		font-size: 130%;
		font-weight: bold;
		color: #039;
		/*background-color:  #6699cc;*/
		margin-left: 0px;
		padding-left: 17px;
		padding: 10px;
	}
.tx-newloginbox-pi1-submit {
	width: 50px;
}
#tx-newloginbox-pi1-user {
	width: 75px; 
	font-size: 11px;
}
#tx-newloginbox-pi1-pass {
	width: 75px; 
	font-size: 11px;
}

/********* Styles for extension "tx_newloginbox_pi3" *********/

.tx-newloginbox-pi3-listrow TD { 
	background-color:#eeeeee; 
	padding-left: 3px; 
	padding-right: 3px; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { 
	background-color:#cccccc; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { 
	font-weight:bold; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { 
	background-color:#f6f6f6; 
}




/* =========================================================== */ 
/* ============ BELOW THIS LINE ADDED BY JIM NULL ============ */
/* =========================================================== */
.page_title { 
	font-size: 120%;
	font-weight: bold;
}	

/* table classes for MUP content tables */

.td_header {
	background-color: #000000;
	padding: 2px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
	vertical-align: top;
}
.td_jobs_white {
	background-color: #FFF;
	padding: 2px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	vertical-align: top;
}
.td_jobs {
	background-color: #cccccc;
	padding: 2px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
	vertical-align: top;
}
.td_content {
	background-color: #cccccc;
	padding: 2px;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
	vertical-align: top;
}
a:link.content_table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000; text-decoration: underline;}
a:active.content_table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: underline;}
a:visited.content_table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: underline;}
a:hover.content_table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; background-color: #000000; color: #ffffff; text-decoration: underline;}


a:link.onpagemenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#FF0000; text-decoration: underline;}
a:active.onpagemenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ff0000; text-decoration: underline;}
a:visited.onpagemenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ff0000; text-decoration: underline;}
a:hover.onpagemenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; background-color: #FFFFFF; color: #ff0000; text-decoration: underline;}

.link_content {
	text-align: left;
	width: 250px;
	background-color: #FFFFFF;
	padding: 2px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	vertical-align: top;
}
.link_header {
	text-align: left;
	width: 250px;
	background-color: #000000;
	padding: 2px;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	vertical-align: top;
}

.td_message_form {
	padding: 2px;
	vertical-align: top;
		
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;

}

.td_sendmore_desc_form {
	padding: 5px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	width: 200px;
}
.td_sendmore_input_form {
	padding: 5px;
	vertical-align: top;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	width: 300px;
}

.td_search_database_header {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8pt;
	vertical-align: top;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
.td_search_database_content {
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	vertical-align: top;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
.td_whitebg {
	color: #000000;
	font-family: Verdana;
	font-size: 10pt;
	vertical-align: top;
	padding: 2px;
	background-color: #FFFFFF;
}
.td_links_header {
	background-color: #ACBFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding: 2px;
	vertical-align:top;
	border-style: solid;
	border-width: 1px;
	border-color: #ACBFDF;
}
.td_links_content {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding: 2px;
	vertical-align:top;
	border-style: solid;
	border-width: 1px;
	border-color: #ACBFDF;	
}

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
.td_donations_box {
	font-size: 9px;
	vertical-align: top;
	padding: 2px;
}
.donations_input {
	font-size; 9px;	
	font-family: Arial, Helvetica, sans-serif;
}