/**
 * grateful thanks to
 * http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery
 **/

/* make our list, and our nested list, lose their bullets, padding etc. */

#nav, #nav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.5em;
	width: 750px;
}


/* set the default state for all links within the nav: white text */
#nav a, #nav a:link, #nav a:visited, #nav a:active, .nav-elem
{
	display: block;
	padding: 0px 5px;
	color: #fff;
	text-decoration: none;
}

/* submenu items need a background color, and a dark border */
#nav li ul a 
{ 
	background-color: #2f7778; 
	border-left: 1px solid #333;
	border-right: 3px solid #333;
}

/* the border of the top and bottom submenu items is a special case */
#nav li ul a.lastmenu { border-bottom: 3px solid #333; }
#nav li ul a.firstmenu { border-top: 1px solid #333; }


/* all of our links get white bgcolor on hover */
#nav a:hover
{
	background-color:#fff;
	color:#333;
}

/* top menu items are displayed horizontally, separated by a 'pipe' char */
#nav li
{
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	position: relative;
	border-right: 1px solid #f4f4f1;
}

/* the first and last of the top menu items are special cases */
#nav li#firstmenuli	{ padding-left: 0; }
#nav li#lastmenuli	{ border-right: none; }


/* we don't want the 'pipe' char applied to the submenu */
#nav li ul li { border: none; }

/* style the submenu; note that we've turned off small caps and emboldening */
#nav ul 
{
	position:absolute;
	display:none;
	width:10em;
	top:1.5em;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.8em;
}

/* style the submenu links; although floated, width param ensures they stack vertically */
#nav li ul a
{
	width:10em;
	height:auto;
	float:left;
}



/* the language link is kept separate from the rest of the nav */
li#lang-link
{
	border: none;
	margin-left: 140px;
}