/* Copyright notice
(c) 2007 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 details.
This copyright notice MUST APPEAR in all copies of the script! */

body{
margin: 0;
padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
background-color: #E6F4FF;
}

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

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

h1{
font-size: 1.2em;
}
h2{
font-size: 1.1em;
}
h3{
font-size: 1em;
}
h4{
font-size: 1.5em;
color: #6696C6;
}

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


/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
width: 100%;
background:url(images/header-bg.gif) bottom repeat-x;
height: 190px;
padding: 0;
margin: 0;
}

/**************logo*******************/

#logo-wrapper1{
width: 20%;
margin: 0 0 0 30px ;
padding: 0 5px 20px 5px;
background: #6696C6;
float: left;
height: 20px;
}


* html #logo-wrapper1{
margin: 0 0 0 15px ;
}

#logo-wrapper2{
margin: 0;
padding: 0;
border-left: 1px solid #175180;
border-right: 1px solid #80B2DA;
}

#logo{
padding: 0 0 0 10px;
margin: 0;
background:url(images/logo.gif) no-repeat;
widht:149px;
height:75px;
background-position: center;
border-left: 1px solid #80B2DA;
border-right: 1px solid #175180;
}

/*************sitename********************/
#sitename{
padding: 0;
margin: 40px 0 0 40px;
float: left;
clear: left;
width: 330px;
}

* html #sitename{
margin: 20px 0 0 10px;
}

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

#sitename h1 a {
text-decoration: none;
color: #FFC026;
} 

#sitename h1 a:hover {
color: #FFC026;
} 

/***************slogan******************/
#slogan  {
margin: 39px 0 0 0;
padding: 0;
float: right;
width: 430px;
height: 143px;
background:url(images/slogan-bg.jpg) right top no-repeat;
text-align: left;
}

#slogan h2 { 
text-align : left;
color : #FFC026;
font-size : 20px;
padding: 0;
margin: 15px;
}

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


/**************left part*******************/
#left-part-wrapper1 {
width: 20%;
margin: 0 0 0 30px ;
padding: 0 5px;
float: left;
background: #6696C6;
}

* html #left-part-wrapper1 {
margin: 0 0 0 15px ;
}

#left-part-wrapper2 {
margin: 0;
padding: 0;
border-left: 1px solid #175180;
border-right: 1px solid #80B2DA;
}

#left-part {
margin: 0;
padding: 0 5px 30px 5px;
border-right: 1px solid #175180;
border-left: 1px solid #80B2DA;
}

/***************left content******************/
#left { 
margin: 0;
padding: 0;
text-align: left;
} 

#left  img {
margin: 6px 0;
} 

#left h1 { 
margin: 0;
padding: 3px;
font-size: 80%;
background-color: #346697;
text-align: center;
color: #FFFFFF;
} 

#left h2 { 
margin: 0;
padding: 3px;
font-size: 75%;
background-color: #346697;
text-align: center;
color: #FFFFFF;
} 

#left h3 { 
margin: 0;
padding: 3px;
font-size: 70%;
background-color: #346697;
text-align: center;
color: #FFFFFF;
} 

#left p { 
font-size: 80%;
color: #fff;
} 

#left p a { 
color: #fff;
}
 
/************** right part*******************/
#right-part { 
padding: 0;
margin: 0;
float: right;
width: 74%;
} 

/************** main content*******************/

#main-content { 
padding:  0 50px 40px 0;
margin: 0;
text-align: left;
clear: both;
}  

#main-content h1 { 
color: #003366;
font-size: 100%;
padding: 0 0 3px 0;
margin: 4px 0 0 0;
} 

#main-content h2 { 
color: #003366;
font-size: 90%;
padding: 0 0 3px 0;
margin: 4px 0 0 0;
}
 
#main-content h3 { 
color: #003366;
font-size: 80%;
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;
background-color: #6696C6;
}

/***************copyright******************/
#copyright {
color: #fff;
font-size: 80%;
padding: 5px 0 3px 0;
}
  
#copyright a { 
color: #fff;
}

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

#menu-wrapper{/*for ie6*/
margin:5px 0 30px 0;
padding:0;
background:url(images/nav-bg.jpg) top center repeat-y;
}

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

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

#menu {
margin:0 auto;
padding:0;
display: block;
}

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

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
}

#menu a {
display: block;
}

#menu li li {
width: 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;
right: 0;

}

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

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
top:0;
right:-150px;
}

/* 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 {
font-size : 13px;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li  {
border-bottom:solid #6696C6 1px;
}

#menu li li {
width: 130px;
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
background:url(images/active.jpg) top repeat-x;
padding: 4px 0;
border-top:1px solid #80B2DA;
border-bottom:1px solid #175180;
margin:0;
}

#menu li a:hover {
color: #FFC026;
}

#menu li:hover>a {
color: #FFC026;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:center;
color: #fff;
background:url(images/active.jpg) top repeat-x;
padding: 4px 0;
border-top:1px solid #80B2DA;
border-bottom:1px solid #175180;
margin:0;
}

#menu li ul li a:hover {
color:#000;
}

#menu li li:hover>a {
color:#000;
}

#menu li ul {
width: 130px;
background:#6696C6;
padding:0 10px;
}

#menu li li ul {
border:0px;
}

#menu li li li:first-child {
}

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

/********* Styles for extension "cal" *********/
.tx-cal-controller .month-large .day {
background-color: #ffffff;
}

.tx-cal-controller .eventfont a {
color:#ffffff;
}

.tx-cal-controller dt {
    margin-top: 8px;
}

.tx-cal-controller dt.day-wrapper {
    font-size: 130%;
}

.tx-cal-controller dd {
    margin-left: 0px;
}