/*
	Styles for top navigation bar for Professional Development website revamp.
								- Tom 22/06/2008
*/

div#navigation
{
	background: #000 url('images/navigation_background.png') 0 0 repeat-x;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	height: 30px;
	width: 100%;

	position: absolute;
	top: 175px;
	left: 0px;
}
div#navigation ul 
{
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0 0 0 220px;
}
div#navigation ul ul
{
	padding: 0;
	width: auto;
}
div#navigation a 
{
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
}
div#navigation li li a
{
	padding: 7px 10px;
	width: 130px;
}
div#navigation li ul li.parent a,
div#navigation li ul li.parent li.parent a
{
	background: transparent url('images/navigation_arrow.gif') 135px 10px no-repeat;
}
div#navigation li ul li.parent li a
{
	background: transparent;
}
div#navigation li 
{
	float: left;
}
div#navigation li li
{
	border-bottom: 1px solid #f9d95c;
	width: 150px;
}
div#navigation li:hover,
div#navigation li.hover
{
	background: #fff05c url('images/navigation_background_active.png') 0 0 repeat-x;
	position: static;
}
div#navigation li.hover a,
div#navigation li:hover a
{
	color: #000;
}
div#navigation li li.hover,
div#navigation li li:hover
{
	background: #fff05c;
}
div#navigation li.selected
{
	background: #fff05c url('images/navigation_background_active.png') 0 0 repeat-x;
	color: #fff;	
}
div#navigation li li.selected
{
	background-image: none;
}
div#navigation li.selected a,
div#navigation li.selected li.selected a,
div#navigation li.selected li.selected li.selected a
{
	color: #000;
}
div#navigation li.selected li a,
div#navigation li.selected li.selected li a,
div#navigation li.selected li.selected li.selected li a
{
	color: #000;
}
div#navigation a.design
{
	background: transparent url('images/home.gif') 3px 4px no-repeat;
	padding-left: 35px;
}
div#navigation li.selected a.design,
div#navigation li.hover a.design,
div#navigation li:hover a.design
{
	background: transparent url('images/home_over.gif') 3px 4px no-repeat;
}
div#navigation a.contact
{
	background: transparent url('images/contact.gif') 95% 4px no-repeat;
	padding-right: 35px;
}
div#navigation li.selected a.contact,
div#navigation li.hover a.contact,
div#navigation li:hover a.contact
{
	background: transparent url('images/contact_over.gif') 95% 4px no-repeat;
}
div#navigation li ul 
{
	background: #f0cf44;
	position: absolute;
	width: 150px;
	left: -999em;
	z-index: 99;
}
div#navigation li ul ul 
{
	margin: -26px 0 0 150px;
}
div#navigation li:hover ul ul, 
div#navigation li.hover ul ul
{
	left: -999em;
}
div#navigation li:hover ul,
div#navigation li li:hover ul, 
div#navigation li.hover ul, 
div#navigation li li.hover ul 
{
	left: auto;
}
td#center ul.navigation
{
	list-style: none;
	margin: 1em auto;
	padding: 0;
	text-align: center;
}
td#center ul.navigation li
{
	background-image: none;
	display: inline;
	margin: 0 1em;
	padding: 0;
}