/*
MENU.CSS - Defines metrics and functionality of dropdown menus

Based on the Suckerfish Dropdown Menus example available at
http://www.htmldog.com/articles/suckerfish/dropdowns

Please do not plagiarize. If you would like to
use any of the content on this site, please obtain 
permission first.

If you see any mistakes here please contact the webmaster
using the form at http://www.holymyrrhbearers.org.

Copyright(c) 2008 Lyosha Blinnikov
Webmaster, Holy Myrrh-bearers Orthodox Church.
*/

/* Menu container (navigation bar) */
#container
{
	width: 100%;
	height: auto;
	padding-top: 0em;
	overflow: hidden;
	/*padding-bottom: 1.8em;*/
}

/* Menu list styles */
#nav 
{
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0em; 
	width: auto;
	line-height: 1;
	padding-top: 0px;
	z-index: 1000;
	list-style-type: none;
}
#nav ul 
{
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 1em; 
	width: 36em;
	line-height: 1; 
	padding-top: 0px; 
	list-style-type: none;
	z-index: 1001;
	background-color: white; /* Opaque background */
}
#nav a 
{
	padding-right: 2em; 
	display: block;
	padding-left: 2em; 
	padding-bottom: 0.25em; 
	width: 6em;
	padding-top: 0.5em; 
	text-decoration: none;
}
#nav a.top 
{
	width: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#nav a.parent
{
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav a.emph
{
	/* Appearance handled by THEME.CSS */
}
#nav a.menusep
{
	background-image: url(images/menu_sep.gif);
	background-repeat: repeat-x;
	background-position: center left;
	height: 1px;
}
#nav li 
{
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	width: 10em;
	padding-top: 0px;
}
#nav li.top 
{
	width: auto;
}
#nav li ul 
{
	border-top-width: 0em; 
	border-left-width: 0em; 
	left: -999em; 
	border-bottom-width: 0em; 
	margin: 0px; 
	width: 20em;
	position: absolute; 
	height: auto; 
	border-right-width: 0em;
}
#nav li ul li 
{
	padding-right: 1em; 
	width: 19em;
}
#nav li ul a 
{
	width: 15em;
}
#nav li ul ul 
{
	margin-top: -1.75em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20em;
	/*margin: -1.75em 0px 0px 20em*/
}
#nav li:hover ul ul 
{
	left: -999em;
}
#nav li:hover ul ul ul 
{
	left: -999em;
}
#nav li.sfhover ul ul 
{
	left: -999em;
}
#nav li.sfhover ul ul ul 
{
	left: -999em;
}
#nav li.sthover ul ul 
{
	left: -999em;
}
#nav li.sthover ul ul ul 
{
	left: -999em;
}
#nav li:hover ul 
{
	left: auto;
}
#nav li li:hover ul 
{
	left: auto;
}
#nav li li li:hover ul 
{
	left: auto;
}
#nav li.sfhover ul 
{
	left: auto;
}
#nav li li.sfhover ul 
{
	left: auto;
}
#nav li li li.sfhover ul 
{
	left: auto;
}
#nav li.sthover ul 
{
	left: auto;
}
#nav li li.sthover ul 
{
	left: auto;
}
#nav li li li.sthover ul 
{
	left: auto;
}
#nav li:hover
{
	/* Appearance handled by THEME.CSS */
}
#nav li.top:hover, li.sthover
{
	/* Appearance handled by THEME.CSS */
}
#nav li.sfhover
{
	/* Appearance handled by THEME.CSS */
}
#nav li.sthover
{
	/* Appearance handled by THEME.CSS */
}
#nav li ul.fatmenu
{
	width: 25em;
}
#nav li ul.fatmenu li
{
	width: auto;
}
#nav li ul.fatmenu li a
{
	width: 20em;
}
#nav li ul.thinmenu
{
	width: 15em;
}
#nav li ul.thinmenu li
{
	width: auto;
}
#nav li ul.thinmenu li a
{
	width: 10em;
}

/* Remove menu items that do not need to be displayed */
#nav li ul li { display: none; }
#nav li:hover ul li { display: block; }

#nav li:hover ul li ul li { display: none; }
#nav li:hover ul li:hover ul li { display: block; }

#nav li:hover ul li:hover ul li ul li { display: none; }
#nav li:hover ul li:hover ul li:hover ul li { display: block; }