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

div#navigation {
	background: #000000 url("images/navigation_background.png") scroll left top repeat-x;
    border-bottom: 1px solid #5d5d5d;
	font-family: "Arial", sans-serif;
    height: 2.5em;
	left: 0;
	line-height: 1;
    min-width: 950px;
	position: absolute;
	top: 175px;
	width: 100%;
}
div#navigation ul  {
	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: 0.75em 1.5em;
	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: #f7b92a 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: #f7b92a 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: -28px 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;
}