/* My Child Without Limits Navigation Styles 
    Author: Matt Radel on june 6 2008 */

/* Top Nav */
#topNav {
	background: url(img/nav/top_nav_bkg.png) repeat-x;
	height: 44px;
	float: right;
	padding: 0 6px;
	position: absolute;
	right: 0;
	top: 89px;
}

	#topNav ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		#topNav ul li {
			position: relative;
		}
		
			#topNav ul li a {
				font-style: normal;
			}
			
			/* Primary Navigation Styles (Understand, Plan, Act, Community) */
	
			#topNav ul li.primary {
				background: url(img/nav/primary_nav_rule_bkg.png) no-repeat right top #005f7d;
				float: left;
				margin: 6px 0 0 0;
			}
			
			#topNav ul li.primary:hover {
				background: url(img/nav/primary_nav_rule_hover.png) repeat-x right top #004661;
				float: left;
				margin: 6px 0 0 0;
			}
			
				#topNav li.primary a {
				 	display: block;
					padding: 10px 14px;
					text-decoration: none;
					font-size: 19px;
					color: #fff;
					font-family: georgia, times, serif;
				}
			
			/* Primary Active Styles */
			
			#topNav ul li.primaryOn {
				background: url(img/nav/primary_nav_on_bkg.png) repeat-x #fce7bc;
				float: left;
				margin: 6px 0 0 0;
			}
			
			#topNav ul li.primaryOn:hover {
				background: url(img/nav/primary_nav_on_hover_bkg.png) repeat-x #fce7bc;
				float: left;
				margin: 6px 0 0 0;
			}
			
				#topNav li.primaryOn a {
				 	display: block;
					padding: 10px 14px;
					text-decoration: none;
					font-size: 19px;
					color: #663300;
					font-family: georgia, times, serif;
				}
			 
			#topNav ul li.primaryLast {
				background: url(img/nav/primary_nav_bkg.png) repeat-x #005f7d;
				float: left;
				margin: 6px 8px 0 0;
			}
			 
			#topNav ul li.primaryLast:hover {
				background: url(img/nav/primary_nav_rule_hover.png) repeat-x #004661;
				float: left;
				margin: 6px 8px 0 0;
			}
			
				#topNav li.primaryLast a {
				 	display: block;
					padding: 10px 14px;
					text-decoration: none;
					font-size: 19px;
					color: #fff;
					font-family: georgia, times, serif;
				}
				
			/* PrimaryLast Active Styles */
			
			#topNav ul li.primaryLastOn {
				background: url(img/nav/primary_nav_on_bkg.png) repeat-x #fce7bc;
				float: left;
				margin: 6px 8px 0 0;
			}
			
			#topNav ul li.primaryLastOn:hover {
				background: url(img/nav/primary_nav_on_hover_bkg.png) repeat-x #fce7bc;
				float: left;
				margin: 6px 8px 0 0;
			}
			
				#topNav li.primaryLastOn a {
				 	display: block;
					padding: 10px 14px;
					text-decoration: none;
					font-size: 19px;
					color: #663300;
					font-family: georgia, times, serif;
				}
				
			/* Secondary Navigation Items (Donate, Give Help, About) */
			 
			#topNav ul li.secondary {
				background: url(img/nav/secondary_nav_rule_bkg.png) no-repeat right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
			#topNav ul li.secondary:hover {
				background: url(img/nav/secondary_nav_rule_hover.png) repeat-x right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
				#topNav li.secondary a {
				 	display: block;
					padding: 8px 14px 10px 14px;
					text-decoration: none;
					font-family: arial, helvetica, sans-serif;
					color: #005f7d;
					font-size: 14px;
				}
				
			/* Secondary Active Navigation Items */
				
			#topNav ul li.secondaryOn {
				background: url(img/nav/secondary_nav_rule_hover.png) no-repeat right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
			#topNav ul li.secondaryOn:hover {
				background: url(img/nav/secondary_nav_rule_on_hover_bkg.png) repeat-x right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
				#topNav li.secondaryOn a {
				 	display: block;
					padding: 8px 14px 10px 14px;
					text-decoration: none;
					font-family: arial, helvetica, sans-serif;
					color: #003A4F;
					font-size: 14px;
				}
			 
			#topNav ul li.secondaryLast {
				background: url(img/nav/secondary_nav_bkg.png) repeat-x;
				float: left;
				margin: 10px 0 0 0;
			}
			
			#topNav ul li.secondaryLast:hover {
				background: url(img/nav/secondary_nav_hover.png) repeat-x;
				float: left;
				margin: 10px 0 0 0;
			}
			
				#topNav li.secondaryLast a {
				 	display: block;
					padding: 8px 14px 10px 14px;
					text-decoration: none;
					font-family: arial, helvetica, sans-serif;
					color: #005f7d;
					font-size: 14px;
				 }
				 
			#topNav ul li.secondaryLastOn {
				background: url(img/nav/secondary_nav_rule_hover.png) no-repeat right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
			#topNav ul li.secondaryLastOn:hover {
				background: url(img/nav/secondary_nav_rule_on_hover_bkg.png) repeat-x right top;
				float: left;
				margin: 10px 0 0 0;
			}
			
				#topNav li.secondaryLastOn a {
				 	display: block;
					padding: 8px 14px 10px 14px;
					text-decoration: none;
					font-family: arial, helvetica, sans-serif;
					color: #003A4F;
					font-size: 14px;
				}
		 
		 
/* Dropdowns */

		#topNav ul li:hover ul {
			display: block;
		}

		#topNav ul li ul {
			display: none;
			position: absolute;
			z-index: 100;
			width: 215px;
			background: url(img/nav/dropdown_footer.png) no-repeat bottom left;
			padding-bottom: 3px;
			top: 38px;
			left: -1px;
		}
		
		#topNav ul li.primaryOn ul {
			left: -2px;
		}
		
			#topNav ul li ul li {
				width: 215px;
				background: url(img/nav/dropdown_bkg.png) repeat-y;
			}
			
				#topNav ul li ul li a {
					color: #005f7d !important;
					display: block;
					width: 211px;
					padding: 5px 8px 5px 10px !important;
					font-size: 16px !important;
					border-bottom: 1px solid #e0cda2;
					voice-family: "\"}\""; 
					voice-family:inherit;
					width:193px;
					position: relative;
					left: 2px;
				}
				
				#topNav ul li ul li a:hover {
					background-color: #fff;
				}
				
		#topNav ul li.secondary ul {
			top: 34px;
			left: -1px;
		}
		
		#topNav ul li.secondaryOn ul {
			top: 34px;
			left: -1px;
		}
		
			#topNav ul li.secondary ul li a {
				padding: 4px 8px 4px 10px !important;
				font-size: 13px !important;
				font-family: georgia, times, serif;
			}
			
			#topNav ul li.secondaryOn ul li a {
				padding: 4px 8px 4px 10px !important;
				font-size: 13px !important;
				font-family: georgia, times, serif;
			}
			
		#topNav ul li.secondaryLast ul {
			top: 34px;
			left: -148px;
		}
		
		#topNav ul li.secondaryLastOn ul {
			top: 34px;
			left: -148px;
		}
		
			#topNav ul li.secondaryLast ul li a {
				padding: 4px 8px 4px 10px !important;
				font-size: 13px !important;
				font-family: georgia, times, serif;
			}
			
			#topNav ul li.secondaryLastOn ul li a {
				padding: 4px 8px 4px 10px !important;
				font-size: 13px !important;
				font-family: georgia, times, serif;
			}
			
/* Sub Navigation */

#subNav ul {
	margin: 3px 0 0 6px;
	padding: 0;
	list-style: none;
	width: 234px;
	border-top: 1px solid #a2c5cf;
}
	
	#subNav ul li a {
		display: block;
		border-left: 1px solid #a2c5cf;
		border-bottom: 1px solid #a2c5cf;
		border-right: 1px solid #a2c5cf;
		font-size: 16px;
		text-decoration: none;
		padding: 7px 8px;
		background-color: #e8f1f3
	}
	
	#subNav ul li a:visited {
		color: #005f7d
	}
	
	#subNav ul li a:hover {
		background-color: #fff
	}
	
	#subNav ul li a.on {
		background-color: #fff;
		border-right: 0;
		border-right: 1px solid #a2c5cf;
		font-weight: normal;
	}
	
	#subNav ul li a.active {
		background-color: #fff;
		border-right: 0;
		font-weight: bold;
	}
	
	/* Level 2 */
	
		#subNav ul ul {
			margin: 0;
			border: 0;
			background: url(img/nav/subnav/subnav_shadow_lv2.png) repeat-x top left #d3e4e8;
		}
		
			#subNav ul ul li {
				border: 0;
			}
			
				#subNav ul ul li a {
					background-color: transparent;
					font-family: arial, helvetica, sans-serif;
					font-size: 12px;
					padding: 5px 8px 5px 16px;
				}
				
				/* Level 3 */
				
				#subNav ul ul ul {
					background-image: url(img/nav/subnav/subnav_shadow_lv3.png) !important;
					background-repeat: repeat-x;
					background-color: #afd5e9
				}
						
					#subNav ul ul ul li a {
						padding: 5px 8px 5px 26px;
						border-left: 0;
						border-bottom: 1px solid #7ab1c8;
						border-left: 1px solid #7ab1c8;
						border-right: 1px solid #7ab1c8;
					}
					
					#subNav ul ul ul li a.on {
						color: #003347;
					}
					
					/* Level 4 */
				
					#subNav ul ul ul ul {
						background-image: url(img/nav/subnav/subnav_shadow_lv4.png) !important;
						background-repeat: repeat-x;
						background-color: #97c5dd
					}
							
						#subNav ul ul ul ul li a {
							padding: 5px 8px 5px 36px;
							border-left: 0;
							border-bottom: 1px solid #69a6c0;
							border-left: 1px solid #69a6c0;
							border-right: 1px solid #69a6c0;
							color: #003347;
						}
						
							#subNav ul ul ul ul li a.on {
								color: #003347;
							}
							
							/* Level 5 */
				
							#subNav ul ul ul ul ul {
								background-image: url(img/nav/subnav/subnav_shadow_lv5.png) !important;
								background-repeat: repeat-x;
								background-color: #78b5d5
							}
									
								#subNav ul ul ul ul ul li a {
									padding: 5px 8px 5px 46px;
									border-left: 0;
									border-bottom: 1px solid #549bba;
									border-left: 1px solid #549bba;
									border-right: 1px solid #549bba;
									color: #003347;
								}
								
									#subNav ul ul ul ul ul li a.on {
										color: #003347;
									}