/*--------------------------------------------------------------------------
# Copyright (C) 2007 eChurchSites.com - All Rights Reserved.
# @license - Copyrighted Commercial Software (Template)
# Author: eChurchSites.com
# Website:  http://www.echurchsites.com
----------------------------------------------------------------------------*/

/* suckerfish menu that comes under user3 module position */
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
font-family	: Arial, sans-serif;
position	: relative;
z-index		: 99;
}

#nav ul{}

#nav li {
float: left;
padding: 0;
background: none;
}

#nav ul ul ul a {
display: block;
text-decoration: none;
text-transform: none;
}

/* Width related setting */
#nav ul a {
display: block;
text-decoration: none;
text-transform: none;
/* affects overall width of site */
}

/* styling for top most menu items and set height for top most menus */
#nav ul li a {
color		: #FFF;	
text-transform	: uppercase;
font-weight	: bold;
text-align	: center;
font-size	: 10px;
width		: 100px;
padding	: 8px 6px 10px 6px;
display: block;
}

/* hover color for top most buttons */
#nav ul li a:hover {
color			: #FFF;
background		: url(img/menubg-on.gif) right top repeat-x;
}

/* hover color for top most buttons */
#nav ul li a:active {
color			: #FFF;
background		: url(img/menubg-active.gif) right top repeat-x;
}

/* On hover  (self)  color for sub menu items */
#nav ul li ul li a:hover, #nav ul li ul li ul li a:hover {
color		: #f5f5f5;
background	: #365577;
border-top: 1px solid #4a6788;
border-bottom: 1px solid #304c6b;
border-left: 1px solid #4a6788;
border-right: 1px solid #304c6b;
}

/* sub menu item color for (daddy) default color  */
#nav li:hover li a, #nav li.sfhover li a {
color: #F5F5F5;
background	: #365577;
border-top: 1px solid #4a6788;
border-bottom: 1px solid #304c6b;
border-left: 1px solid #4a6788;
border-right: 1px solid #304c6b;
}

#nav li ul {
/* position the second level top position relatively */
/* most useful and confusing parameter width */
/* position the second level top position relatively */
top: 32px;
position: absolute;
left: -999em;
height: auto;
width: 170px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
z-index	: 999;
}

#nav li li {
float: left;
padding: 0;
}

/* set height for second level menus */
#nav ul li ul li a {
text-align	: left;
color		: #808080;
padding		: 5px 10px 5px 8px;
text-transform	: none;
border		: none;
font-weight	: bold;
/* width must be  due to padding*/
width		: 160px;
/* the width confirms 3rd level submenu sytem */
}

/* ^^^ width related settings */
#nav a {
border	: none;
font-weight: normal;
float: left;
text-decoration: none;
display: block;
float: left;
cursor: pointer;
overflow: hidden;
margin	: 0;
padding	: 0;
}

#nav li li a{
background: none;
font-weight: normal;
padding: 0;
}

#nav a.topdaddy, #nav li.active a.topdaddy {
text-align	: center;
}

#nav ul ul a.daddy {}

#nav ul ul a {
color: #999;
display: block;
text-decoration: none;
text-transform: none;
background: none;
}

/* daddy position color changes when child menus are hovered */
#nav li.sfhover a {
/* this background colors affects all other inherting sub menu bg colors in ie6 */
background		: transparent;
color			: #FFF;
}

/* sub level bg colors not to inherit above (daddy background color) */
#nav li.sfhover li a {
background		: #3f5e80;
}

#nav li:hover a {
background		: transparent;
color			: #FFF;
}

/* IMPORTANT , 3rd level default colors */
#nav li li:hover a, #nav li li.sfhover a {
color: #f5f5f5;
}

#nav li.active {}

#nav ul li {
position: relative;
}

/* margin for pullouts */
#nav li ul ul {
margin: -30px 0 0 174px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
}

/* set color for second level menu item */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,#nav li li li li.sfhover ul{
z-index: 100;
left: 0;
background: none;
}

#nav li:hover, #nav li.sfhover {
left: 0;
}

/* When top daddy is hovered the sub menu a background color changes */
#nav ul li:hover ul li a {
background	: #3f5e80;
}

/* 2nd sublevel evel */
#nav ul li ul li:hover a {
background	: #365577;
color		: #FFF;
}

/* 3rd sublevel li a background and color behaviour */
#nav ul li ul li:hover ul li a {
background	: #3f5e80;
color		: #f5f5f5;
}

#nav ul li ul li:hover ul li a:hover {
background	: #365577;
color		: #f5f5f5;
}

/* 3rd sublevel li a background and color behaviour (on hover) */
#nav ul li ul li ul li:hover a {
background	: #3f5e80;
color		: #f5f5f5;
}