/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {
	float: left;
	width: 100%; 
	padding:0; 
	margin:0 auto; 
	list-style:none; 
	height:40px; 
	background: url(http://www.armsoflove.org/images/navBg2.gif) no-repeat;  
	position:relative; 
	z-index:500;
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	font-family: Arial, Helvetica, sans-serif;}
	
#nav li.top {
	display:block; 
	float:left; 
	height:40px; 
	border-right: 2px solid #FFFFFF; }
	
#nav li a.top_link {
	display:block; 
	float:left; 
	height:40px; 
	line-height:40px; 
	color:#FFFFFF; 
	text-decoration:none;  
	font-size: 14px; 
	font-weight:bold; 
	cursor:pointer;
	-moz-border-radius-topright:10px; 
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;}
	
#nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 26px; 
	height:40px; }
	
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 30px; 
	height:40px; }
	
#nav li.top#last {
	border-right: none;}

#nav li:hover a.top_link, #nav li:hover a.top_link span, #nav li:hover a.top_link span.down {
	background-color: #1c76b3; 
	-moz-border-radius-topright:10px; 
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px;}

#nav li#last:hover a.top_link, #nav li#last:hover a.top_link span, #nav li#last:hover a.top_link span.down{
	background: url(http://www.armsoflove.org/images/navBg_last.jpg);}

#nav li#first:hover a.top_link, #nav li#first:hover a.top_link span, #nav li#first:hover a.top_link span.down{
	background: url(http://www.armsoflove.org/images/navBg_first.jpg);}

/* Default list styling */

#nav li:hover {
	position:relative; 
	z-index:200;}

#nav li:hover ul.sub{
	left:0; 
	top:40px; 
	background: #F8F8F8; 
	padding:3px 3px 3px 1px;  
	border:1px solid #DDDDDD; 
	white-space:nowrap; 
	width:175px; 
	height:auto; 
	z-index:300;}

#nav li:hover ul.sub li{
	display:block; 
	height:30px; 
	position:relative; 
	float:left; 
	width:175px; 
	font-weight:normal;}

#nav li:hover ul.sub li a{
	display:block;
	height:28px; 
	width:175px; 
	line-height:28px; 
	text-indent:5px; 
	color:#999999; 
	font-weight: bold; 
	text-decoration:none;
	border:1px solid #F8F8F8; 
	font-size: 12px;}

#nav li ul.sub li a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 165px 12px no-repeat;}

#nav li:hover ul.sub li a:hover {
	background:#1c76b3; 
	color:#fff; 
	border-color:#fff;}
	
#nav li:hover ul.sub li a.fly:hover{
	background:#1c76b3 url(http://www.armsoflove.org/images/arrow_over.gif) 165px 12px no-repeat; 
	color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left:176px; 
	top:0; 
	background: #F8F8F8; 
	padding:3px 3px 3px 1px; 
	border:1px solid #F2F2F2; 
	white-space:nowrap; 
	width:175px; 
	z-index:400; 
	height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 205px 12px no-repeat; 
	color:#999999; 
	border-color:#F8F8F8;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 205px 12px no-repeat; 
	color:#000; 
	border-color:#F8F8F8;} 


/*Secondary Nav*/
#lowerNav {
	height:25px; 
	position:relative; 
	z-index:500;}
	
#lowerNav li.top {
	display:block; 
	height:25px; }

#lowerNav li.top li {
	display:none; }

#lowerNav li a.top_link {
	display:block; 
	height:25px;}
	
#lowerNav li a.top_link span {
	display:block; 
	height:25px; }
	
#lowerNav li a.top_link span.down {
	display:block; 
	height:25px; }
	
#lowerNav li:hover a.top_link {
	color:#000; 
	background-color: #fff;	}
	
#lowerNav li:hover a.top_link span {
	background-color: #fff;}
	
#lowerNav li:hover a.top_link span.down {
	background-color: #fff;}

#lowerNav li#last:hover a.top_link span.down{
	color:#000;}

#lowerNav li#first:hover a.top_link span.down{
	color:#000;}


/* Default list styling */
#lowerNav li:hover {
	position:relative; 
        z-index:200;}

#lowerNav li:hover ul.sub{
	left:-1px; 
	bottom:20px; 
	background: #F8F8F8; 
	padding:3px 3px 3px 1px;  
	border:1px solid #DDDDDD; 
	white-space:nowrap; 
	width:170px; 
	height:auto; 
	z-index:300;
        text-align: left;}

#lowerNav li:hover ul.sub li{
        left: -21px;	
        display:block; 
	height:30px; 
	position:relative; 
	float:left; 
	width:170px; 
	font-weight:normal;}

#lowerNav li:hover ul.sub li a{
	display:block;
	height:28px; 
	width:170px; 
	line-height:28px; 
	text-indent:5px; 
	color:#999999; 
	font-weight: bold; 
	text-decoration:none;
	border:1px solid #F8F8F8; 
	font-size: 12px;}

#lowerNav li ul.sub li a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 165px 12px no-repeat;}

#lowerNav li:hover ul.sub li a:hover {
	background:#1c76b3; 
	color:#fff; 
	border-color:#fff;}
	
#lowerNav li:hover ul.sub li a.fly:hover{
	background:#1c76b3 url(http://www.armsoflove.org/images/arrow_over.gif) 165px 12px no-repeat; 
	color:#fff;}

#lowerNav li:hover li:hover ul,
#lowerNav li:hover li:hover li:hover ul,
#lowerNav li:hover li:hover li:hover li:hover ul,
#lowerNav li:hover li:hover li:hover li:hover li:hover ul {
	left:170px; 
	bottom:0; 
	background: #F8F8F8; 
	padding:3px 3px 3px 1px; 
	border:1px solid #F2F2F2; 
	white-space:nowrap; 
	width:150px; 
	z-index:400; 
	height:auto;}

#lowerNav ul, 
#lowerNav li:hover ul ul,
#lowerNav li:hover li:hover ul ul,
#lowerNav li:hover li:hover li:hover ul ul,
#lowerNav li:hover li:hover li:hover li:hover ul ul{
	position:absolute; 
	left:-9999px; 
	bottom:0; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;}

#lowerNav li:hover li:hover a.fly,
#lowerNav li:hover li:hover li:hover a.fly,
#lowerNav li:hover li:hover li:hover li:hover a.fly,
#lowerNav li:hover li:hover li:hover li:hover li:hover a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 205px 12px no-repeat; 
	color:#999999; 
	border-color:#F8F8F8;} 

#lowerNav li:hover li:hover li a.fly,
#lowerNav li:hover li:hover li:hover li a.fly,
#lowerNav li:hover li:hover li:hover li:hover li a.fly{
	background:#F8F8F8 url(http://www.armsoflove.org/images/arrow.gif) 205px 12px no-repeat; 
	color:#000; 
	border-color:#F8F8F8;}