/*************************************************
     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY
             VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)
                             COPYRIGHT 2006

       AUTHOR: Ben Gibson (ben.gibson@vebra.com)
                                25/10/2006

                             www.vebra.info
/*************************************************/ 

/* Text and logo Color Green: #355F47 */
/* Background Color: #FCFADA */
/* Text and logo Color Red: #BB111C */

.italic { font-style:italic; font-weight:normal!important; }

htm, html, body{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
background:#FBF9D0 url(../images/bg_html.gif) 0 0 repeat-x;
color:#355F47;
}

#outer_container{
width:760px;
margin:0 auto;
background-color:#FCFADA;
color:#355F47;
}

#header{
height:109px;
width:auto;
color:#fff;
background:#355F47 url(../images/bg_header.gif) 0 0 repeat-x;
}

#header img{
float:left;
width:375px;
height:90px;
padding:3px 0px 0px 5px;
margin:0px;
}

#header img.church{
float:right;
width:107px;
height:91px;
padding:8px 5px 0px 0px;
margin:0px;
}

#navigation{
float:left;
width:180px;
}


#navigation ul{
width: 180px;
padding-left: 0;
margin-left: 0;
margin-top: 50px;
border-bottom: 1px solid #E3E0A4;
}

#navigation ul li{
margin: 0;
padding:0;
list-style: none;
border-top: 1px solid #E3E0A4;
}

#navigation ul li a {
display:block;
width:155px;
padding:0.50em 0px 0.50em 25px;
color:#BB111C;
font-size:12px;
font-weight:bold;
text-decoration: none;
background-color:inherit;
}

#navigation ul li a:hover{
background:#FCFADA url(../images/bgnav_current.gif) top right repeat-y; 
color:#ED3240;
}

#navigation ul li a#current,
#navigation ul li a.current{
background:#FCFADA url(../images/bgnav_current.gif) top right repeat-y;
color:#ED3240;
}                          

#content, #content_search {
float:right;
display:block;
width:539px;
padding:35px 20px 50px 20px;
margin:0px;
border-left:1px solid #E3E0A4;
background:url(../images/bg_church.gif) bottom left no-repeat;
min-height:430px;
height:expression('430px');
}

#content_search {
background:none;
height:expression('430px');
}

* html #content_search,
* html #content{
/* Hide from IE-Mac (Min-height hack for IE Windows and resolves width issues in everything except IE-Mac) \*/
height:430px;
/* End hide */
}

/* -- Hack for IE7 only -- */
*+html #content_search,
*+html #content {
height:auto;
}

#content_search h2{
margin:0;
color:#355F47;
font-size:12px;
font-weight:bold;
padding:14px 0px 10px 0px;
background-color:inherit;
}

#content_search p{
font-size:11px;
color:#355F47;
line-height:150%;
text-align:justify;
margin:0px;
padding:0px 0px 8px 0px;
background-color:inherit;
}

#content_search p span{
font-weight:bold;
background-color:inherit;
color:#355F47;
}

#content h2{
margin:0;
color:#355F47;
font-size:12px;
font-weight:bold;
padding:14px 0px 10px 0px;
background-color:inherit;
}

#content img#feature_img{
float:right;
width:220px;
margin:0px;
padding:0px;
color:#FFF;
background-color:inherit;
}

#content img#feature1_img{
clear:right;
float:right;
width:220px;
margin:0px;
padding:20px 0px 0px 0px;
color:#FFF;
background-color:inherit;
}

#content p {
font-size:11px;
color:#355F47;
line-height:150%;
text-align:justify;
margin:0px;
padding:0px 0px 10px 0px;
background-color:inherit;
}

#content p.new_section{
padding-top:15px;
}

#content p span{
font-weight:bold;
background-color:inherit;
color:#355F47;
}

#content p span.highlight{
font-style:italic;
background-color:inherit;
color:#AF1410;
}

#content p.footnote{
padding-top:20px;
font-size:10px;
}

#content ul{
font-size:11px;
color:#355F47;
line-height:150%;
list-style-type:square;
padding:14px 0px 0px 30px;
margin:0;
background-color:inherit;
}

#content ul li{
padding:0px 0px 8px 0px;
}

a:link {background-color:inherit; color:#BB111C;} /*Dark Red*/
a:visited {background-color:inherit; color:#BB111C;}/*Dark Red*/
a:hover {background-color:inherit; color:#BB111C; text-decoration:none;} /*Dark Red*/
a:active {background-color:inherit; color:#BB111C;} /*Dark Red*/

#footer{
clear:both;
position:relative;
height:43px;
width:auto;
background: #355F47 url(../images/bg_footer.gif) repeat-x bottom left;
color:#fff;
}

#footer #address{
position:absolute;
bottom:65px;
left:0;
width:170px;
color:#355F47;
background-color:#FCFADA;
}

#footer #address p{
background-color:#FCFADA;
color:#355F47;
font-size:10px;
text-align:right;
line-height:150%;
margin:0;
padding:0 0 15px 0;
}

#footer #address p a {
line-height:170%;
}


#footer #address img{
float:right;
border:none;
width:151px;
}

#footer p#copyright,
p#copyright {
position:absolute;
bottom:10px;
right:20px;
margin:0;
padding:0 8px 4px 0;
font-size:10px;
color:#fff;
background-color:inherit;
}

#footer p#slogan{
position:absolute;
bottom:65px;
left:200px;
margin:0;
padding:0 8px 4px 0;
font-size:14px;
color:#355F47;
font-weight:bold;
font-style:italic;
background-color:transparent;
}