/**
 *	NSA
 *  Screen Navigation Styles
 *	
 *	@date:		04/11/2009	
 *
 *	Table of Contents:
 *		01.	navigation
 *
 */
 
/** navigation
------------------------------------------------------------------ */
ul#suckerfish2 {
	height:					35px;
	z-index:				1000;
}

ul#suckerfish2 li {
	display: 				none;
	float:					left;
	position:				relative;
	z-index:				1000;
}


ul#suckerfish2 li#suckerfish2_menu_0,
ul#suckerfish2 li#suckerfish2_menu_1,
ul#suckerfish2 li#suckerfish2_menu_2,
ul#suckerfish2 li#suckerfish2_menu_3,
ul#suckerfish2 li#suckerfish2_menu_4,
ul#suckerfish2 li#suckerfish2_menu_5,
ul#suckerfish2 li#suckerfish2_menu_6,
ul#suckerfish2 li#suckerfish2_menu_0 li,
ul#suckerfish2 li#suckerfish2_menu_1 li,
ul#suckerfish2 li#suckerfish2_menu_2 li,
ul#suckerfish2 li#suckerfish2_menu_3 li,
ul#suckerfish2 li#suckerfish2_menu_4 li,
ul#suckerfish2 li#suckerfish2_menu_5 li,
ul#suckerfish2 li#suckerfish2_menu_6 li {
	display:				block;
}

ul#suckerfish2 li a {
	color:					#ffffff;
	display:				block;
	float:					left;
	font-size:				12px;
	font-weight: 			bold;
	height: 				35px;
	text-decoration:		none;
	text-indent:			-2000px;
}

.sfhover {
    z-index:				1000 !important;
}

.sfhover ul {
    z-index:				1001 !important;
}

.sfhover ul ul {
    z-index:				1002 !important;
}

body.section_1 #suckerfish2_menu_0 a,
body.section_3 #suckerfish2_menu_1 a,
body.section_4 #suckerfish2_menu_2 a,
body.section_5 #suckerfish2_menu_3 a,
body.section_6 #suckerfish2_menu_4 a,
body.section_7 #suckerfish2_menu_5 a,
body.section_8 #suckerfish2_menu_6 a,
div#navigation ul li a:hover,
div#navigation ul li:hover a,
div#navigation ul li.sf_current a, 
div#navigation ul li.sfhover a {
	color:					#fdf8e0;
	text-decoration: 		none;
}

/* widths */

ul#suckerfish2 li#suckerfish2_menu_0 a { width: 130px; } /* our story */
ul#suckerfish2 li#suckerfish2_menu_1 a { width: 140px; } /* membership */
ul#suckerfish2 li#suckerfish2_menu_2 a { width: 170px; } /* driving change */

ul#suckerfish2 li#suckerfish2_menu_3 a { width: 155px; } /* insurance */
ul#suckerfish2 li#suckerfish2_menu_4 a { width: 100px; } /* travel */
ul#suckerfish2 li#suckerfish2_menu_5 a { width: 140px; } /* magazine */
ul#suckerfish2 li#suckerfish2_menu_6 a { width: 130px; } /* giving back */

ul#suckerfish2 li#suckerfish2_menu_0:hover a, ul#suckerfish2 li#suckerfish2_menu_0.childhover a, ul#suckerfish2 li#suckerfish2_menu_0.sfhover a {
	background: url(/images/suckerfish.png) no-repeat 0 -40px;
}
ul#suckerfish2 li#suckerfish2_menu_1:hover a, ul#suckerfish2 li#suckerfish2_menu_1.childhover a, ul#suckerfish2 li#suckerfish2_menu_1.sfhover a {
	background: url(/images/suckerfish.png) no-repeat -130px -40px;
}
ul#suckerfish2 li#suckerfish2_menu_2:hover a, ul#suckerfish2 li#suckerfish2_menu_2.childhover a, ul#suckerfish2 li#suckerfish2_menu_2.sfhover a {
	background: url(/images/suckerfish.png) no-repeat -270px -40px;
}
ul#suckerfish2 li#suckerfish2_menu_3:hover a, ul#suckerfish2 li#suckerfish2_menu_3.childhover a, ul#suckerfish2 li#suckerfish2_menu_3.sfhover a {
	background: url(/images/suckerfish.png) no-repeat -440px -40px;
}
ul#suckerfish2 li#suckerfish2_menu_4:hover a, ul#suckerfish2 li#suckerfish2_menu_4.childhover a, ul#suckerfish2 li#suckerfish2_menu_4.sfhover a {
	background: url(/images/suckerfish.png) no-repeat -595px -40px;
}

ul#suckerfish2 li#suckerfish2_menu_5:hover a, ul#suckerfish2 li#suckerfish2_menu_5.childhover a, ul#suckerfish2 li#suckerfish2_menu_5.sfhover a {
    background: url(/images/suckerfish.png) no-repeat -695px -40px;
}

ul#suckerfish2 li#suckerfish2_menu_6:hover a, ul#suckerfish2 li#suckerfish2_menu_6.childhover a, ul#suckerfish2 li#suckerfish2_menu_6.sfhover a {
    background: url(/images/suckerfish.png) no-repeat -835px -40px;
}


/* active states */
ul#suckerfish2 li#suckerfish2_menu_0.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_0.suckerfish_current {
	background: url(/images/suckerfish.png) no-repeat 0 -80px;
}
ul#suckerfish2 li#suckerfish2_menu_1.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_1.suckerfish_current {
	background: url(/images/suckerfish.png) no-repeat -130px -80px;
}
ul#suckerfish2 li#suckerfish2_menu_2.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_2.suckerfish_current {
	background: url(/images/suckerfish.png) no-repeat -270px -80px;
}
ul#suckerfish2 li#suckerfish2_menu_3.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_3.suckerfish_current {
	background: url(/images/suckerfish.png) no-repeat -440px -80px;
}
ul#suckerfish2 li#suckerfish2_menu_4.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_4.suckerfish_current {
	background: url(/images/suckerfish.png) no-repeat -595px -80px;
}

ul#suckerfish2 li#suckerfish2_menu_5.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_5.suckerfish_current {
    background: url(/images/suckerfish.png) no-repeat -695px -80px;
}

ul#suckerfish2 li#suckerfish2_menu_6.suckerfish_active,
ul#suckerfish2 li#suckerfish2_menu_6.suckerfish_current {
    background: url(/images/suckerfish.png) no-repeat -835px -80px;
}


/* Second Level */
ul#suckerfish2 li ul {
	display: 				none;
	height: 				auto;
	left:					0px;
	list-style:				none;
	margin:				    35px 0 0 30px;
    /*margin:                 35px 0 0 20px;*/
	position:				absolute;
	width: 					174px;
	z-index:				1001;
	background:				transparent url(/images/navigation/menu-footer.png) bottom left no-repeat;
	padding-bottom:			5px;
}

/* membership */
ul#suckerfish2 li#suckerfish2_menu_1 ul {
	margin-left:			35px;
}

/* driving change */
ul#suckerfish2 li#suckerfish2_menu_2 ul {
    margin-left:            40px;
}

/* insurance */
ul#suckerfish2 li#suckerfish2_menu_3 ul {
    margin-left:            40px;
}

/* travel */
ul#suckerfish2 li#suckerfish2_menu_4 ul {
    margin-left:            17px;
}


ul#suckerfish2 li#suckerfish2_menu_6 ul {
    margin-left:            -50px;
}


ul#suckerfish2 li:hover ul, 
#suckerfish2 li.sfhover ul {
	display:				block;
	left:					0px;
	position:				absolute;
	z-index:				1001;
}
ul#suckerfish2 li:hover ul li a, 
#suckerfish2 li.sfhover ul li a {
	background:				none !important;
	width: 					174px !important;
}
ul#suckerfish2 li ul li.suckerfish_item0 {
	background:				transparent url(/images/navigation/menu-top.png) top left no-repeat;
	padding-top: 5px;
}
ul#suckerfish2 li ul li.suckerfish_item0:hover {
	background:				transparent url(/images/navigation/top-over.gif) top left no-repeat;
}
ul#suckerfish2 li ul li.suckerfish_final {
	background: none;
}

ul#suckerfish2 li ul li {
	height: 				auto;
	width: 					174px;
	z-index:				1001;
	/*background:				#D98D28;*/
	background:			url(/images/navigation/bg.gif) repeat-y;
	padding:				0px;
}
ul#suckerfish2 li ul li:hover {
	background:			url(/images/navigation/item-hover-top.gif) top left no-repeat;
}
ul#suckerfish2 li ul li:hover a {
}

ul#suckerfish2 li ul li a,
ul#suckerfish2 li:hover ul li a,
ul#suckerfish2 li.sfhover ul li a  {
	color:					#ffffff;
	font-size:				11px;
	font-weight: 			normal;
	height:					auto;
	padding: 				8px 15px;
	text-transform:			uppercase;
	text-indent:			0;
	z-index:				1001;
}

ul#suckerfish2 li ul li:hover a
{
	/*background: 			#338d7e;*/
	background:			url(/images/navigation/item-hover-bottom.gif) bottom left no-repeat !important;
}


/* Third Level */


ul#suckerfish2 li ul li ul {
	display:				none;
/*	left:					-9999px;*/
	list-style:				none;
	margin:					-6px 0 0 174px;
	padding:				6px 0 0 0;
	position:				absolute;
	width:					174px;
	z-index:				1001;
}

ul#suckerfish2 li ul li ul li {
	height: 				auto;
	width: 					174px;
	z-index:				1001;
}

ul#suckerfish2 li ul li ul li a,
ul#suckerfish2 li ul li.sfhover li a,
ul#suckerfish2 li ul li:hover li a {
	color:					#ffffff;
	font-weight: 			normal;
	height:					auto;
	padding: 				6px 10px;
	width:					154px;
	z-index:				1001;
}

ul#suckerfish2 li ul li ul li a:hover,
ul#suckerfish2 li ul li.sfhover ul li a:hover {
	background: 			#338d7e;
}

ul#suckerfish2 li ul li ul li.suckerfish_onlychild a,
ul#suckerfish2 li ul li ul li.suckerfish_final a {
	padding-bottom:			12px;
}

ul#suckerfish2 li ul li ul li.suckerfish_onlychild a:hover,
ul#suckerfish2 li ul li ul li.suckerfish_final a:hover {
}


ul#suckerfish2 li:hover ul ul, 
ul#suckerfish2 li:hover ul ul ul, 
ul#suckerfish2 li.sfhover ul ul, 
ul#suckerfish2 li.sfhover ul ul ul {
	display: 				none;
}

ul#suckerfish2 li li:hover ul, 
ul#suckerfish2 li li.sfhover ul {
	display: 				block;
}