/* -----------------------------------------------------------------------------

Title : Navigation Style Sheet
Version: 1.0
Author: Paulo Elias
Author URI: http://www.prkreative.com/

	This style sheet controls navigational elements throughout the site:
	- Main Navigation
	- Drop-down Menus
	
	Techniques used to generate the main navigation dropdown menu were:
	- Dan Cedherholm's Accessible Image-Tab Rollovers < http://www.simplebits.com/notebook/2003/09/30/
	accessible_imagetab_rollovers.html >
	
	- Son of SuckerFish Dropdowns
	< http://www.htmldog.com/articles/suckerfish/dropdowns/ >
	
Created : 2006.11.02
Modified : 2006.11.07

----------------------------------------------------------------------------- */
/* MAIN NAV
----------------------------------------------------------------------------- */
ul#Nav-Bar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 806px;
	height: 41px;
	line-height: 1.0;
	background: #fff url(../../../img/bg/bg-nav.gif) no-repeat top left;
	/* Setting the Z-Index here prevents the drop-downs from hiding behind
	elements*/
	z-index: 999;
}

	ul#Nav-Bar a
	{
		display: block;
	}
	ul#Nav-Bar li
	{
		float: left;
	}
	ul#Nav-Bar li a.mainNavItem
	{
		overflow: hidden;
		padding: 41px 0 0;
		height: 0px !important;
		/* for IE5/Win only */
		height /**/:41px;
	}
/* IMAGE ROLLOVERS - The roll over image 
----------------------------------------------------------------------------- */
		ul#Nav-Bar a.mainNavItem:hover
		{
			background-position: 0 -41px;
		}

		ul#Nav-Bar a.mainNavItem:active,
		body#homepage li#navHome a.mainNavItem,
		body#programs li#navPrograms a.mainNavItem,
		body#collaborate li#navCollaborate a.mainNavItem,
		body#getinvolved li#navGetInvolved a.mainNavItem,
		body#aboutus li#navAboutUs a.mainNavItem,
		body#contactus li#navContactus a.mainNavItem,
		body#store li#navStore a.mainNavItem
		{
			background-position: 0 -41px;
			cursor: default;
		}
/* HOME
----------------------------------------------------------------------------- */
			li#navHome,
			li#navHome a
			{
				width: 98px;
			}
			li#navHome a
			{
				background: transparent url(../images/nav/nav-mn-home.gif) no-repeat top left;
			}
/* PROGRAMS
----------------------------------------------------------------------------- */
			li#navPrograms,
			li#navPrograms a
			{
				width: 104px;
			}
			li#navPrograms a
			{
				background: transparent url(../images/nav/nav-mn-programs.gif) no-repeat top left;
			}
/* COLLABORATE
----------------------------------------------------------------------------- */
			li#navCollaborate,
			li#navCollaborate a
			{
				width: 160px;
			}
			li#navCollaborate a
			{
				background: transparent url(../images/nav/nav-mn-collaborate.gif) no-repeat top left;
			}
/* GET INVOLVED
----------------------------------------------------------------------------- */
			li#navGetInvolved,
			li#navGetInvolved a
			{
				width: 124px;
			}
			li#navGetInvolved a
			{
				background: transparent url(../images/nav/nav-mn-get_inv.gif) no-repeat top left;
			}
/* ABOUT US
----------------------------------------------------------------------------- */
			li#navAboutUs,
			li#navAboutUs a
			{
				width: 92px;
			}
			li#navAboutUs a
			{
				background: transparent url(../images/nav/nav-mn-about.gif) no-repeat top left;
			}
/* ABOUT CONTACT
----------------------------------------------------------------------------- */
			li#navContactus,
			li#navContactus a
			{
				width: 114px;
			}
			li#navContactus a
			{
				background: transparent url(../images/nav/nav-mn-contact.gif) no-repeat top left;
			}
/* GSN STORE
----------------------------------------------------------------------------- */
			li#navStore,
			li#navStore a
			{
				width: 114px;
			}
			li#navStore a
			{
				background: transparent url(../images/nav/nav-mn-store.gif) no-repeat top left;
			}
/* -----------------------------------------------------------------------------
	SUBMENUS
----------------------------------------------------------------------------- */
				ul#Nav-Bar li ul
				{
					position: absolute;
					padding: 5px 0;
					width: 183px;
					left: -5000em;
					background-color: transparent;
					z-index: 1000;
				}
				/* SECOND LEVEL MENUS */
				ul#Nav-Bar li ul.subPrograms ul,
				ul#Nav-Bar li ul.subCollaborate ul,
				ul#Nav-Bar li ul.subGetInvolved ul,
				ul#Nav-Bar li ul.subAboutUs ul,
				ul#Nav-Bar li ul.subStore ul
				{
					margin: -1.6em 0 0 183px;
				}
				/*
				ul#Nav-Bar ul
				{
					list-style: none; 
					line-height: 1;
				}
				*/
				ul#Nav-Bar li:hover ul ul,
				ul#Nav-Bar li.sfhover ul ul
				{
					left: -5000em;
				}
/*	LIST BACKGROUNDS
----------------------------------------------------------------------------- */
				/* SETTING OPACITY DOES NOT VALIDATE YET BECAUSE IT IS A CSS 3
				SPEC. MODERN STANDARDS COMPLIANT BROWSERS DO SUPPORT THIS. THE
				VALIDATOR NEEDS TO BE PATCHED */
				ul#Nav-Bar li ul
				{
					opacity: .9;
				}
				
				ul#Nav-Bar li ul.subHome
				{
					background-color: #FFA2BE;
				}
				
				ul#Nav-Bar li ul.subPrograms
				{
					background-color: #cfb5da;
				}
					/* SECOND LEVEL MENU */
					ul#Nav-Bar li ul.subPrograms ul
					{
						background-color: #996699;
					}
				ul#Nav-Bar li ul.subCollaborate
				{
					background-color: #ffffcc;
				}
					/* SECOND LEVEL MENU */
					ul#Nav-Bar li ul.subCollaborate ul
					{
						background-color: #ffe900;
					}
				ul#Nav-Bar li ul.subGetInvolved
				{
					background-color: #cbedb3;
				}
					/* SECOND LEVEL MENU */
					ul#Nav-Bar li ul.subGetInvolved ul
					{
						background-color: #5fc727;
					}
				ul#Nav-Bar li ul.subAboutUs
				{
					/*background-color: #b1f0fb;*/
					background-color: #fff799;
				}
					/* SECOND LEVEL MENU */
					ul#Nav-Bar li ul.subAboutUs ul
					{
						/*background-color: #38add5;*/
						background-color: #f9bb6e;
					}
				ul#Nav-Bar li ul.subStore
				{
					/*background-color: #b1f0fb;*/
					background-color: #ffd79f;
				}
					/* SECOND LEVEL MENU */
					ul#Nav-Bar li ul.subStore ul
					{
						/*background-color: #38add5;*/
						background-color: #ffca7f;
					}
/*	LIST ITEMS
----------------------------------------------------------------------------- */
					ul#Nav-Bar li ul li
					{
						width: 183px;
						background-color: transparent;
						z-index: 1002;
					}
						ul#Nav-Bar li ul li a.subNavItem,
						ul#Nav-Bar a.subNavItemL2
						{
							display: block;
							padding: 0 10px;
							width: auto;
							height: 1.6em;
							color: #f1f1f1;
							line-height: 1.6em;
							text-decoration: none;
							color: #000;
							background-image: none;
							background-color: transparent;
						}
/*	DROPDOWN NAV HOVER COLORS
----------------------------------------------------------------------------- */
						ul#Nav-Bar li ul li a.subNavItem
						{
							color: #336699;
						}
						ul#Nav-Bar li ul li a.subNavItem:hover
						{
							color: #fff;
						}
						ul#Nav-Bar li ul.subPrograms li a.subNavItem:hover
						{
							background-color: #996699;
						}
							/* SECOND LEVEL MENU */
							ul#Nav-Bar ul.subPrograms a.subNavItemL2
							{
								color: #fff;
							}
							ul#Nav-Bar ul.subPrograms a.subNavItemL2:hover
							{
								color: #336699;
								background-color: #cfb5da;
							}
						ul#Nav-Bar li ul.subCollaborate li a.subNavItem:hover
						{
							color: #336699;
							background-color: #ffe900;
						}
							/* SECOND LEVEL MENU */
							ul#Nav-Bar ul.subCollaborate a.subNavItemL2
							{
								color: #336699;
							}
							ul#Nav-Bar ul.subCollaborate a.subNavItemL2:hover
							{
								color: #336699;
								background-color: #ffffcc;
							}
						ul#Nav-Bar li ul.subGetInvolved li a.subNavItem:hover
						{
							background-color: #5fc727;
						}
							/* SECOND LEVEL MENU */
							ul#Nav-Bar ul.subGetInvolved a.subNavItemL2
							{
								color: #fff;
							}
							ul#Nav-Bar ul.subGetInvolved a.subNavItemL2:hover
							{
								color: #336699;
								background-color: #cbedb3;
							}
						ul#Nav-Bar li ul.subAboutUs li a.subNavItem:hover
						{
							/*background-color: #38add5;*/
							background-color: #f0bb6e;
						}
							/* SECOND LEVEL MENU */
							ul#Nav-Bar ul.subAboutUs a.subNavItemL2
							{
								color: #fff;
							}
							ul#Nav-Bar ul.subAboutUs a.subNavItemL2:hover
							{
								color: #336699;
								/*background-color: #b1f0fb;*/
								background-color: #fff799;
							}
					ul#Nav-Bar li ul.subStore li a.subNavItem:hover
						{
							/*background-color: #38add5;*/
							background-color: #ff9d00;
						}
							/* SECOND LEVEL MENU */
							ul#Nav-Bar ul.subStore a.subNavItemL2
							{
								color: #fff;
							}
							ul#Nav-Bar ul.subStore a.subNavItemL2:hover
							{
								color: #336699;
								/*background-color: #b1f0fb;*/
								background-color: #fff799;
							}
/*	SHOW DROPDOWNS
----------------------------------------------------------------------------- */
				ul#Nav-Bar li:hover ul,
				ul#Nav-Bar li.sfhover ul
				{
					left: auto;
					margin: -5px 0 0;
				}
				ul#Nav-Bar li li:hover ul,
				ul#Nav-Bar li li.sfhover ul
				{
					left: auto;
				}