/* =============================================================================
   Global Navigation
   ========================================================================== */

	/* -------------------------------------------------------
	   Search Type - Widths and other dimensions
	   ------------------------------------------------------- */

	ul#search-type-list > li
	{
		width: 95px;
	}

		ul#search-type-list > li > ul
		{
			width: 93px; /* 2px fewer to account for margins */
		}

	/* -------------------------------------------------------
	   Primary Navigation - Baseline CSS
	   ------------------------------------------------------- */

	ul.div.sub-items > li ul > li,
		ul.ui-menu > li.ui-menu-item ul.ui-menu > li.ui-menu-item,
		ul.ui-menu > li.ui-menu-item > ul.ui-menu > li.ui-menu-item li
	{
		width: auto;
	}

	/* (Default width for columns within a megamenu) */
	ul.ui-menu li.megamenu > ul.ui-menu > li.ui-menu-item
	{
		width: 19.8%; /* Don't change this -- override below instead */
	}


	/* -------------------------------------------------------
	   Primary Navigation - Widths and other dimensions
	   ------------------------------------------------------- */



	/*
		Top-level items:
		* Directory
		* Events
		* Networks
		* Community
		* Help
		* My Account
	 */
	ul.primary-navigation > li,
		ul.primary-navigation > li.ui-menu-item
	{
		width: auto;
	}

	/* "Directory" */
	ul.primary-navigation li.directory,
		ul.primary-navigation li.directory > ul
	{
		width: 138px;
	}

		/* "Directory" dropdown */
		ul.primary-navigation li.directory > ul
		{
			width: 136px; /* 2px fewer to account for borders */
		}

	/* "Events" */
	ul.primary-navigation li.events,
		ul.primary-navigation li.events > ul
	{
		width: 122px;
	}

		/* "Events" dropdown */
		ul.primary-navigation li.events > ul
		{
			/* 122 + 75 */
			width: 197px;
		}

	/* "Networks" */
	ul.primary-navigation li.networks,
		ul.primary-navigation li.networks > ul
	{
		width: 137px;
	}

		/* "Networks" dropdown */
		ul.primary-navigation li.networks > ul
		{
			/* 137 + 40 */
			width: 177px;
		}


	/* "Community" */
	ul.primary-navigation li.community
	{
		width: 149px;
	}

		/*
			-- Columns widths within the Community dropdown --

			(For IE's sake, these should add up to no more than 99%.)
		*/

		/* Default width for non-overridden columns */
		ul.primary-navigation li.community > ul.ui-menu > li.ui-menu-item
		{
			width: 19.25%;
		}

		ul.primary-navigation li.community > ul.ui-menu > li.first-column
		{
			/* Possible override for 1st column's width */
		}

		ul.primary-navigation li.community > ul.ui-menu > li.second-column
		{
			width: 22%;
		}

		ul.primary-navigation li.community > ul.ui-menu > li.third-column
		{
			/* Possible override for 3rd column's width */
		}

		ul.primary-navigation li.community > ul.ui-menu > li.fourth-column
		{
			/* Possible override for 4th column's width */
		}

		ul.primary-navigation li.community > ul.ui-menu > li.fifth-column
		{
			/* Possible override for 5th column's width */
		}


	/* "Help" */
	ul.primary-navigation li.help,
		ul.primary-navigation li.help > ul
	{
		width: 98px;
	}

		/* "Help" dropdown */
		ul.primary-navigation li.help > ul
		{
			/* 98 + 32 */
			width: 130px;
		}

	/* "My Account" */
	ul.primary-navigation li.my-account,
		ul.primary-navigation li.my-account > ul
	{
		width: 154px;
	}

		/* "My Account" dropdown */
		ul.primary-navigation li.my-account > ul
		{
			width: 152px; /* 2px fewer to account for borders*/
		}


	/*
		Minimum height of the megamenu bits -- set this to the height
		of the tallest sub-list within a megamenu
	*/
	ul.ui-menu li.megamenu > ul.ui-menu > li.ui-menu-item
	{
		min-height: 200px;
	}

	/* -------------------------------------------------------
	   General properties
	   ------------------------------------------------------- */

	/* Container for the header bits */
	div#body_header-navigation
	{
		display: none; /* Just to be sure */
	}


	div.content_wrapper_inner
	{
		/* Make sure there's enough room for the dropdowns */
		min-height: 300px;
	}


	ul.primary-navigation,
		ul#search-type-list
	{
		display: block;

		padding: 0;

		border-style: none;
		background-image: none;
		background-color: transparent;

		position: relative;
		z-index: 10;
	}

		ul.primary-navigation
		{
			width: 799px; /* Leave room for the right border */
			max-width: 800px;

			float: left;
			clear: none;

			height: 45px;


			border-bottom: 5px solid rgb(63, 58, 57); /* Almost black */

			background-color: rgb(243, 242, 240); /* Very light gray */
		}

		ul#search-type-list
		{
			height: 25px;
		}

		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		ul.primary-navigation:after
		{
			content: ".";
			display: block;
			visibility: hidden;

			clear: both;

			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		ul.primary-navigation { display: inline-block; }

		/* 1st for IE 5-6 */
		* html ul.primary-navigation { height: 1%; }

		ul.primary-navigation { display: block; }


	/* -------------------------------------------------------
	   Main menu items
	   ------------------------------------------------------- */

	ul.primary-navigation > li
	{
		float: left;
	}

		ul.primary-navigation li,
			ul.primary-navigation.ui-menu > li.ui-menu-item,

			ul#search-type-list li,
			ul#search-type-list.ui-menu > li.ui-menu-item
		{
			list-style-type: none;
		}

		ul.primary-navigation > li,
			ul.primary-navigation.ui-menu > li.ui-menu-item,

			ul#search-type-list > li,
			ul#search-type-list.ui-menu > li.ui-menu-item
		{
			display: inline-block;

			clear: none;
		}

			ul.ui-menu.ui-corner-all,
				li.ui-menu-item.ui-corner-all,
				a.ui-corner-all
			{
				border-radius: 0;
			}

			ul.primary-navigation a,
				ul#search-type-list a
			{
				cursor: pointer;

				display: block;
			}

			ul.primary-navigation > li > a,
				ul.primary-navigation.ui-menu > li.ui-menu-item > a
			{
				color: rgb(63, 58, 57); /* Dark gray */

				background-color: rgb(243, 242, 240); /* Very light gray */
				border-left: 1px solid rgb(209, 208, 208) !important; /* Light gray */

				font-size: 14px;

				padding: 0;

				min-height: 44px;

				border-bottom: 1px solid rgb(210, 210, 210); /* Very light gray */
			}

				ul#search-type-list > li > a,
					ul#search-type-list.ui-menu > li.ui-menu-item > a
				{
					color: white;
					font-weight: bold;

					font-size: 11px;

					line-height: 27px;

					padding: 0;
					padding-left: 1.0em;
					padding-right: 1.0em;

					background-color: rgb(63, 58, 57); /* Amost black */
				}

					ul#search-type-list > li > a span.icon
					{
						margin-top: 1.0em;

						float: right;
					}


				ul.primary-navigation > li > a,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a
				{
					padding-left:  0;
					padding-right: 0;
				}

					ul.primary-navigation > li > a:hover,
						ul.primary-navigation.ui-menu > li.ui-menu-item > a:hover,

						ul#search-type-list > li > a:hover,
						ul#search-type-list.ui-menu > li.ui-menu-item > a:hover
					{
						text-decoration: none;
					}

				ul.primary-navigation.ui-menu > li.ui-menu-item > a.ui-state-focus,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a.ui-state-active,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a:hover,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a:focus
				{
					margin: 0;

					background-image: none;

					border-top-width:     0;
					border-right-width:   0;

					border-bottom: 1px solid white;
				}

					ul#search-type-list > li.ui-menu-item > a.ui-state-focus,
						ul#search-type-list > li.ui-menu-item > a.ui-state-active,
						ul#search-type-list > li.ui-menu-item > a:hover,
						ul#search-type-list > li.ui-menu-item > a:focus
					{
						margin: 0;

						background-image: none;

						border-width: 0;
					}

				/* The list item for the currently-selected section */
				ul.primary-navigation > li.selected > a,
					ul.primary-navigation.ui-menu > li.ui-menu-item.selected > a
				{
					color: white;
					background-color: rgb(63, 58, 57); /* Amost black */

					border-bottom-color: rgb(63, 58, 57); /* Amost black */
				}

				ul.primary-navigation > li > a:hover,
					ul.primary-navigation > li > a:focus,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a:hover,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a:focus,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a.ui-state-focus,
					ul.primary-navigation.ui-menu > li.ui-menu-item > a.ui-state-active
				{
					color: rgb(63, 58, 57); /* Amost black */
					background-color: white;

					border-bottom-color: white;
				}


				ul.primary-navigation > li:first-child > a,
					ul.primary-navigation.ui-menu > li.ui-menu-item:first-child > a
				{
					border-left-width: 0px !important;
				}

				/* Having this element tucked inside the top-level anchors
					helps avoid some CSS-box-model complications */
				ul.primary-navigation > li > a > span
				{
					padding-top: 12px;

					padding-left:  20px;
					padding-right: 20px;

					display: block;
					text-align: center;
					vertical-align: middle;
				}

				ul.primary-navigation > li > a span.icon,
					ul.primary-navigation > li > a span.ui-icon,

					ul#search-type-list > li > a span.ui-icon
				{
					display: none;

					/* Disable the default FLAT sprites for these */
					background-image: none;

					padding: 0;
					border-width: 0;
				}

					ul.primary-navigation > li > a span.icon
					{
						display: inline-block;
						vertical-align: middle;

						margin-left: 0.5em;
					}

				ul#search-type-list > li > a span.icon
				{
					display: inline-block;

					padding: 0;
					border-width: 0;
				}

		/* -------------------------------------------------------
		   Dropdown items
		   ------------------------------------------------------- */

		ul.primary-navigation > li > ul,
			ul#search-type-list > li > ul
		{
			display: none;
		}

			ul.primary-navigation > li > a:hover +  ul,
				ul.primary-navigation > li > ul:hover,
				ul#search-type-list > li > a:hover +  ul
			{
				display: block !important;
			}

				/* For IE7 */
				* + html ul.primary-navigation > li > a:hover +  ul,
					* + html ul#search-type-list > li > a:hover +  ul
				{
					display: none;
				}

				/* Make sure other dropdowns hide when hovering over another top-level item */
				ul.primary-navigation > li:hover ~ li > ul
				{
					display: none !important;
				}


		ul.primary-navigation div.sub-items,
			ul.primary-navigation > li > ul,
			ul.primary-navigation.ui-menu > li > ul,

			ul#search-type-list > li > ul,
			ul#search-type-list.ui-menu > li > ul
		{
			border-left:   1px solid rgb(210, 210, 210); /* Light gray */
			border-right:  1px solid rgb(210, 210, 210);
			border-bottom: 1px solid rgb(210, 210, 210);

			border-top-width: 0;
			padding: 0;

			background-color: white;

			box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);


			font-size: 11px;
			margin-top: 0;

			padding-top:    1.0em;
			padding-bottom: 1.2em;
		}

			ul#search-type-list > li > ul,
				ul#search-type-list.ui-menu > li > ul
			{
				padding-top:    0.5em;
				padding-bottom: 0.5em;
			}

			ul.primary-navigation.ui-menu > li > ul,
				ul#search-type-list.ui-menu > li > ul
			{
				display: block;
			}


			div.sub-items > li ul,
				ul.primary-navigation > li > ul ul
			{
				display: block;
				float: none;
			}

				ul.div.sub-items > li ul > li,
					ul.ui-menu > li.ui-menu-item ul.ui-menu > li.ui-menu-item,
					ul.ui-menu > li.ui-menu-item > ul.ui-menu > li.ui-menu-item li
				{
					padding: 0;

					padding-left:  20px;
					padding-right: 20px;

					display: list-item;
					float: none;

					line-height: 1.3;

					/* The width for this is overridden above */
				}

					ul#search-type-list.ui-menu > li.ui-menu-item ul.ui-menu > li.ui-menu-item
					{
						padding-left:  12px;
						padding-right: 12px;
					}

				/* Links within the dropdowns */
				ul.ui-menu > li.ui-menu-item ul > li a,
					ul.ui-menu > li ul > li a:hover
				{
					line-height: 1.3;

					padding-left:  0;
					padding-right: 0;

					padding-top:    0.3em;
					padding-bottom: 0.3em;

					color: rgb(0, 74, 153); /* Navy blue */
				}

					ul.ui-menu > li.ui-menu-item ul > li.edit a,
						ul.ui-menu > li.ui-menu-item ul > li.all a,
						ul.ui-menu > li.ui-menu-item ul > li.selected a
					{
						font-weight: bold;
					}

						/* The selected item within a list, such as for the Search Type list */
						ul.ui-menu > li.ui-menu-item ul > li.selected a
						{
							color: rgb(63, 58, 56); /* Almost black */
						}

					ul.ui-menu > li ul > li a.ui-state-focus,
						ul.ui-menu > li.ui-menu-item a:hover,
						ul.ui-menu > li.ui-menu-item a:focus
					{
						border-width: 0;
						background-image: none;
						background-color: transparent;

						text-decoration: underline;
					}

				ul.primary-navigation.ui-menu .ui-icon
				{
					display: none;
				}

		/* -------------------------------------------------------
		   Megamenu Layout
		   ------------------------------------------------------- */

		li.megamenu > ul
		{
			margin:  0;
			padding: 0;

			width: 798px; /* Allow room for the drop shadow */

			position: absolute;
			left: 0px !important;
		}

			/*
				Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				http://www.tanfa.co.uk/archives/show.asp?var=300
			*/

			li.megamenu > ul:after
			{
				content: ".";
				display: block;
				visibility: hidden;

				clear: both;

				height:      0;
				line-height: 0;
				font-size:   1px;
			}

			li.megamenu > ul { display: inline-block; }

			/* 1st for IE 5-6 */
			* html li.megamenu > ul { height: 1%; }

			li.megamenu > ul { display: block; }


			/* Individual columns within a mega menu */
			ul.ui-menu li.megamenu > ul.ui-menu > li.ui-menu-item
			{
				margin:  0;
				padding: 0;
				list-style-type: none;

				float: left;
				clear: none;

				border-left: 1px dotted rgb(204, 204, 204); /* Light gray */
			}

				li.megamenu > ul > li:first-child,
					ul.ui-menu li.megamenu > ul.ui-menu > li.ui-menu-item:first-child
				{
					border-left-style: none;
				}

				li.megamenu dl
				{
					margin: 0;
					margin-top:    0.5em;
					margin-bottom: 0.5em;

					padding-left:  20px;
					padding-right: 20px;
				}

					li.megamenu dl dt,
						li.megamenu dl dd
					{
						margin:  0;
						padding: 0;

						line-height: 1.3;
					}

						li.megamenu dl dt
						{
							font-weight: bold;
							color: rgb(183, 124, 61); /* Orange-ish */
							text-transform: uppercase;

							padding-bottom: 0.3em;
						}

						/* Such as: "All Personal Journey" */
						li.megamenu dl dd.all
						{
							padding-top: 0.8em;

							font-weight: bold;
						}

/* =============================================================================
   Header Area
   ========================================================================== */


div#body_header
{
	height: auto;
}

	div.community #body_header,
		div.search-results #body_header,
		div.network #body_header,
		div.group #body_header,
		div.schedule #body_header
	{
		background-image: none;
	}


	div#body_header-inner
	{
		height: 60px;
	}

		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div#body_header-inner:after
		{
			content: ".";
			display: block;
			visibility: hidden;

			clear: both;

			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div#body_header-inner { display: inline-block; }

		/* 1st for IE 5-6 */
		* html div#body_header-inner { height: 1%; }

		div#body_header-inner { display: block; }


		/* Logo */
		a.header-logo
		{
			text-indent: -10000px;

			display: block;
			float: left;

			margin-top:    15px;
			margin-bottom: 15px;
		}


		/* Return link */
		a.return
		{
			float: left;
			font-size: 11px;
			color: rgb(135, 129, 128); /* Medium gray */

			vertical-align: middle;

			padding-top: 27px;

			margin-left: 25px;
		}


	/* -------------------------------------------------------
	   Search Box
	   ------------------------------------------------------- */

	div#body_header-search
	{
		float: right;

		padding: 0;
		margin-top: 14px;

		border: 3px solid rgb(229, 228, 227); /* Light gray */

		width: 330px;
	}


		div#body_header-search > *,
			div#body_header-search input[type="text"]
		{
			float: left;
		}

		div#body_header-search input[type="text"]
		{
			font-size: 1.0em; /* 12px */
			line-height: 1.25; /* 15px */

			padding-top:    0.5em;
			padding-bottom: 0.5em;

			padding-left:   0.7em;

			width: 200px;
		}

		div#body_header-search input[type="submit"]
		{
			margin-top: 0.5em;

			background-position: -199px -56px;

			width:  14px;
			height: 14px;
		}