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

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

	This style sheet controls navigational elements throughout the microsite:
	- Section Navigation
	- At a Glance Directory
	
Created : 2006.11.06
Modified : 2006.11.08

----------------------------------------------------------------------------- */
/*	MICROSITE NAV
----------------------------------------------------------------------------- */
/*		UL FOR LINKS
----------------------------------------------------------------------------- */
div#Bodyprograms div#Section-Nav ul
{
	float: left;
	padding: 0 0 23px;
	width: 169px;
}
/*		ADD BORDERS TO THE BOTTOM OF THE LIST ITEMS
----------------------------------------------------------------------------- */
	div#Bodyprograms div#Section-Nav ul li
	{
		border-bottom: 1px solid #336699;
		width: 169px;		
	}
/*		ADD LEFT PADDING AND FILL THE LI WITH THE LINK
----------------------------------------------------------------------------- */
		div#Bodyprograms div#Section-Nav ul a
		{
			display: block;
			padding: 0 0 0 10px;
			width: auto;
			height: 2em;
			font-size: 1.1em;
			font-weight: normal;
			line-height: 2em;
			color: #003399;
			text-decoration: none;
		}
/*		CONTROL THE PURPLE BACKGROUND ON HOVER AND ON THE SELECTED PAGE
		(ADD class="selected" to link of current page)
----------------------------------------------------------------------------- */
		div#Bodyprograms div#Section-Nav ul li a:hover,
		div#Bodyprograms div#Section-Nav ul li .selected
		{
			background-color: #a77dbe;
		}
		
		div#Bodyprograms div#Section-Nav .selected
		{
			background-color: #a77dbe;
			display: block;
			padding: 0 0 0 10px;
			width: auto;
			height: 2em;
			font-size: 1.1em;
			font-weight: normal;
			line-height: 2em;
			color: #003399;
			text-decoration: none;
		}		
/*		AT A GLANCE DIRECTORY
----------------------------------------------------------------------------- */
div#Bodyprograms ul#Directory-Nav
{
	float: left;
	margin: 0 0 0.6em;
	padding: 0 0 10px;
	width: 174px;
	background: transparent url(../../../../img/bg/bg-box-sm.gif) no-repeat bottom left;
}
/*		ADD BORDERS TO THE TOP OF THE LIST ITEMS
----------------------------------------------------------------------------- */
	div#Bodyprograms ul#Directory-Nav.doors li,
	div#Bodyprograms ul#Directory-Nav.cyberfair li
	{
		border-top: 1px solid #a998b1;
		width: 170px;
	}
	
	
/*		ADD LEFT PADDING AND FILL THE LI WITH THE LINK
----------------------------------------------------------------------------- */
	div#Bodyprograms ul#Directory-Nav a
	{
		display: block;
		padding: 0 0 0 10px;
		width: auto;
		height: 1.6em;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.6em;
		color: #003399;
		text-decoration: none;
		overflow: hidden;
	}
/*		CONTROL THE PURPLE BACKGROUND ON HOVER AND ON THE SELECTED PAGE
		(ADD class="selected" to link of current page)
----------------------------------------------------------------------------- */
	div#Bodyprograms ul#Directory-Nav.doors li a:hover,
	div#Bodyprograms ul#Directory-Nav.doors li .selected
	{
		background-color: #e0d2e8;
	}

	div#Bodyprograms ul#Directory-Nav.cyberfair li a:hover,
	div#Bodyprograms ul#Directory-Nav.cyberfair li .selected
	{
		background-color: #ffff99;
		border-left: 1px solid #a998b1;
		border-right: 1px solid #a998b1;
	}