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


/*

Verde chiaro: #bbe900
*/

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
background-image:url(images/bg.gif);
background-position:top;
}

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

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

h1{
font-size:1.2em;
}
h2{
font-size:1.1em;
}
h3{
font-size:1em;
}


table.poesia  td {padding:0px 10px;}

/* 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{
background:url(images/round-corner-images/middle.jpg) top repeat-y;
width:760px;
margin:0 auto;
padding:0;
text-align:left;
background:#fff;

}

/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
margin:0;
padding:0;
height:179px;
background-image:url(images/header.jpg);
background-position:top;
background-repeat:no-repeat;
}

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

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

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

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

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


/***************slogan******************/
#slogan{
float:right;
width:400px;
margin:0;

}

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


/********************************************/
/*******  left part  ***********/
/********************************************/ 

#left-part{
width: 140px;
margin: 0;
padding:0;
float:left;
/*background-color:#ECECEC;*/
}

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

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

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

#login p a{
color:#357700;
font-size : 100%;
}

#login a{
color:#357700;
font-size : 70%;
}

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

#left  img{
margin:  6px 0;
} 

#left h1 { 
font-size : 100%;
color : #357700;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 

#left h2 { 
font-size : 90%;
color : #357700;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 

#left h3 { 
font-size : 80%;
color : #357700;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 

#left p { 
margin : 0;
padding : 5px;
font-size : 80%;
color : #357700;
} 

#left p a { 
color : #357700;
} 


/********************************************/
/*******  left part  ***********/
/********************************************/ 
#right-part { 
width: 615px;
padding :0px 0px 20px 0px;
margin : 0px;
float:right;
font-size:13px;
} 

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

#search input{
font-size : 80%;
}
/***************breadcrumb******************/
#breadcrumb { 
margin : 5px;
padding:0 0 7px 0;
color : #666666;
font-size : 70%;
} 

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

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

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


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

#main-content { 
padding :  10px 5px;
margin : 14px 15px 10px 0px;
text-align:justify;
}  
#main-content img {
margin:3px;
}
#main-content div.csc-header {
margin-bottom:8px;
text-indent:0px;
}

#main-content h1 { 
/*color : #357700;*/
color : #357700;
padding :  0;
margin:7px 0px 3px 0px;
font-size:100%;
} 

#main-content h2 { 
color : #357700;
padding :  0;
margin:3px 0px;
font-size:90%;
} 

#main-content h3 { 
color : #357700;
padding :  0;
margin: 0;
font-size:80%;
}


#main-content p { 
color : #000000;
font-size : 90%;
text-indent:0px;
margin: 10px 0px;
} 

#main-content li { 
color : #000000;
font-size : 90%;
text-indent:0px;
line-height:20px;
} 

#main-content p a{ 
color:#357700;
} 



/********************************************/
/********        footer           ***********/
/********************************************/ 
#footer{
margin:3px auto;
padding:0;
width:760px;
}

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

#bottomnav a { 
padding : 0;
color : #357700;
} 

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

/***************copyright******************/
#copyright{
color : #666666;
font-size : 80%;
padding : 0;
}
  
#copyright a { 
color:#333333;
}

/*************contact info********************/
.contact { 
font-size : 80%;
padding : 0;
} 


#menu_second_level  .menu_sec{ background-color:#7ea300; margin:5px; padding:0px 3px 3px 5px;}
#menu_second_level  .menu_sec a:link, #menu_second_level  .menu_sec a:visited, #menu_second_level  .menu_sec a:hover, #menu_second_level  .menu_sec a:active{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}

#menu_second_level  .menu_sec_act{ background-color:#7ea300; margin:5px; padding:0px 3px 3px 5px;}
#menu_second_level  .menu_sec_act a:link, #menu_second_level  .menu_sec_act a:visited, #menu_second_level  .menu_sec_act a:hover, #menu_second_level  .menu_sec_act a:active{ color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;}


/********************************************/
/********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;
padding:0;
display: block;
background:#b1de00;
}

#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;
float: left;
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;
left: 0;
}

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

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

/* 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 li {
width: 130px;
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
background-color:#7ea300;
padding: 1px 6px;
margin:2px;
text-transform:uppercase;
}

#menu li a:hover {
color:#fff;
background-color:#93ba00;
}

#menu li:hover>a {
color:#fff;
background-color:#93ba00;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#7ea300;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#93ba00;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#93ba00;
}

#menu li ul {
width: 130px;
background-color:#b1de00;
padding:0 10px 0 0 ;
}

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

#menu li li li:first-child {
}

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


/*  *******************************************************************************  */



#mailform fieldset{ width:450px; padding-top:10px; padding-left:5px; margin-bottom:10px;font-size:12px; border:0px;}
#mailform label { display:block; float:left; width:150px; margin-right:10px; vertical-align:top; font-size:12px;}
#mailform input, #mailform textarea { border:solid 1px #999999; width:250px; margin-bottom:5px;}
#mailform #mailformformtype_mail {width:100px;}

#main-content table.csc-uploads tr td.csc-uploads-fileName p a:link, table.csc-uploads a:visited, table.csc-uploads a:hover, table.csc-uploads a:active { color:#666666;}
#main-content table.csc-uploads tr td.csc-uploads-fileSize {padding-left:30px;}

.contact { 
font-size : 75%;
color:#555;
} 
.centra {text-align:center;}
.contact img {vertical-align:middle; border:0px;}
.contact a, .contact a:link, .contact a:visited, .contact a:hover, .contact a:active { 
color:#777;
} 


/*  *******************************************************************************  */