/*
	LOGGED OUT MENU ONLY
*/

/**************************************
              Suckerfish Dropdowns, revisited
             by Patrick Griffiths and Dan Webb.
   http://www.htmldog.com/articles/suckerfish/dropdowns/
                   ***************************************/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:100;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
	margin: 0 0.1%;
	width: 12.3%; /* width needed or else Opera goes nuts */ /* currently set to 100/8%-0.2% as 8 items less margin */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 12.3%;
	left: -999em; /* using left instead of display to hide menus because "display: none" isn't read by some screen readers */
}

#nav li:hover ul, #nav li.sfhover ul, #nav li ul li:hover ul, #nav li ul li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
} 

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

/**************************************
                       Actual style
                   ***************************************/

ul#nav {
	padding: 2px 1em;
	text-align:left;
}
ul#nav a, ul#nav li.act_like_link {
	color: white;
	border-top:1px solid white;
	text-decoration: none;
	padding: 0.4em 0.5em;
	background: #2f5d52;
	display: block;
}

ul#nav a:hover {
	background-color: #0d4b30;
}

#nav a.toplevel {
	text-align:center;
}

#nav ul li {
	width: 8em;
	z-index:100;
}

#nav ul li ul {
	width: 10em;
	z-index:100;
}

#nav li ul li {
	width: 12em;
	display:block;
	text-align:left;
	white-space:nowrap;
	z-index:100;
}

a.toplevel {
	font-weight:bold;
}

#nav a.shrink_font {
	padding: 0.4em 0.1em;
}


/*
	LOGGED IN MENU
	-- "borrowed from ias" stewb 19/04/2008
*/

/* New CSS menu - Neil Hamilton/Weboutreach March 08 */
#menucontainer2 {
	/* This is a UL tag now, rather than a div */
	/*position: absolute;
	left: 0;
	top: -50px; /* Position exactly in top left corner */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menucontainer2 li {
	/* top level menu heading container */
	float: left;
	position: relative;
	background-color: #3b2d7a;
	margin: 0;
	padding: 0;
}
#menucontainer2 li.firstItem {
	/* The first menu item - with extra left padding */
	padding-left: 6px;
}
#menucontainer2 li.end {
	/* End image for menu container */
	background-color: transparent !important;
	width: 16px;
	height: 16px;
}
#menucontainer2 li a {
	/* top level menu links themselves */
	color: #ffffff;
	padding: 0 7px; /* [A] Second figure here controls how far apart the menu items are */
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

/* Make the menu NOT overlap the IASeminars logo in IE6/7 */
* html #menucontainer2 a {
	padding: 0 5px;	/* The second figure should be [A]-3px */
}
*+html #menucontainer2 a {
	padding: 0 5px; /* The second figure should be [A]-3px */
}
#menucontainer2 li a:hover {
	/* Hovered over top menu links */
	background-color: #d8195f !important;
	color: #ffffff !important;
}

/* Sub menus */
* html #menucontainer2 li ul { 
	/* IE6 is badly broken, so this fixes the positioning of the dropdown */
	left: -40px;
	top: 17px;	
}
*+html #menucontainer2 li ul { 
	/* IE7 is also badly broken, so this fixes the positioning of the dropdown */
	left: -40px;
	top: 17px;	
}
#menucontainer2 table {
	padding: 0;
	margin: 0;	
}
#menucontainer2 li ul {
	/* This is the submenu container */
	position: absolute;
	/*background-image: url(/images/transparent.gif);*/
	visibility: hidden;
	border: 0;
	width: auto;
	text-align: left;
	
	/* These next two lines provide 20px overrun on the menu, to avoid accidental closure */
	padding: 0 20px 20px 20px;
	left: -21px;
}
/* Make the left-most top-level menu item indent slightly */
#menucontainer2 li.firstItem ul {
	left: -15px;	
}

/* Make positioning of submenu behave for IE6 and IE7 because of broken box model */
* html #menucontainer2 li ul {
	left: -61px;
	margin-top: -1px;
}
*+html #menucontainer2 li ul {
	left: -61px;
	margin-top: -1px;
}
* html #menucontainer2 li.firstItem ul {
	left: -15px;
}
*+html #menucontainer2 li.firstItem ul {
	left: -15px;
}

#menucontainer2 :hover ul {
	/* Show the submenu when you hover over the link */
	visibility: visible;
}
#menucontainer2 li ul li {
	white-space: nowrap;
	float: none;
	padding: 0;
	list-style-type: none;
	background-color: #ffffff;
	margin: 0;
	border-left: 1px #3b2d7a solid;
	border-right: 1px #3b2d7a solid;
}
* html #menucontainer2 li ul li {
	border: 1px #d3d3d3 solid; /* No idea why this line is needed, but it fixes IE6! */
}
#menucontainer2 ul li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0 4px;
	font-size: 10pt;
	color: #3b2d7a;
	font-weight: normal;
}

/* A heading/divider within a dropdown */
#menucontainer2 ul li.divider {
	padding: 6px 4px 0 4px;
	font-weight: bold;
	color: #000000;
}

/* The first item in the list - make sure it has no top padding */
#menucontainer2 ul li.firstItem {
	padding-top: 0;
	border-top: 1px #3b2d7a solid;
	padding-left: 0;
}
#menucontainer2 ul li.divider {
	/* This rule needs repeating because the previous rule overrides it!! */
	padding-left: 4px;
}

/* The last item - a bit of extra space at the bottom */
#menucontainer2 ul li.lastItem {
	padding-bottom: 4px;
	border-bottom: 1px #3b2d7a solid;
}