/* SAVE Nav Styles */

#nav {
	margin: 10px 0;
}

#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0 15px 0 15px;
}

/* Level One Styles */

#nav ul li {
	position: relative;
	color: #000;
	border: 0px solid red
}

#nav ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 6px 0 6px 21px;
	text-decoration: none;
	background: url(img/middle_child_bkg.gif) no-repeat left center;
}


#nav ul li a:hover {
	color: #40A2C9
}

#stripe {
	background: url(img/top_level_active.gif) no-repeat left center;
	padding: 0 0 0 21px;
	position: relatve;
	height: 16px;
}


#nav ul li#firstChild {
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	
}

#nav ul li#firstChild a {
	background: url(img/first_child_bkg.gif) no-repeat left center;
}

#nav ul li#firstChild:hover {
	color: #40A2C9
}

#nav ul li#firstChild li a {
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	background: url(img/sub_child_bkg.gif) no-repeat left center;
	
}

#nav ul li#lastChild {
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#nav ul li#lastChild a {
	background: url(img/last_child_bkg.gif) no-repeat left center;
}

#nav ul li#lastChild:hover {
	color: #40A2C9
}

#nav ul li:hover ul {
	display: block
}

/* Level Two Styles */

#nav ul ul {
	margin: 0;
}

#nav ul ul li a {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 0 6px 33px;
	text-decoration: none;
	background: url(img/sub_child_bkg.gif) no-repeat left center;
}

/* Level Three Styles */

#nav ul ul ul li a {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 0 6px 43px;
	text-decoration: none;
	background: url(img/sub_child_bkg.gif) no-repeat left center;
}

/* Level Four Styles */

#nav ul ul ul ul li a {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 0 6px 53px;
	text-decoration: none;
	background: url(img/sub_child_bkg.gif) no-repeat left center;
}
/* Flyout stuffs */

ul.flyout {
	position: absolute !important;
	display: none;
	left: 168px;
	top: 0;
	color: #fff;
	width: 200px;
	margin: 0;
	z-index: 100;
	border-top: 1px solid #40A2C9;
	border-left: 1px solid #40A2C9;
	border-right: 1px solid #40A2C9
}

ul.flyout li a {
	border-bottom: 1px solid #40A2C9
}

ul.flyout li a {
	display: block;
	background-image: none !important;
	padding: 7px 0 6px 10px !important;
	font-size: 12px !important;
	color: #fff !important;
	margin: 0;
	background-color: #7AC8DF !important;
}

ul.flyout li a:hover {
	background-color: #40A2C9 !important;
}

li#firstChild ul.flyout li a {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-image: none !important;
}

li#lastChild ul.flyout li a {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-image: none !important;
}









