/* CSS for menus */

/* MAIN NAV */
#mainNavContainer{
	background:#003;
	width:790px;
	height:36px;
	margin:0;
	padding:0;
	border-top:2px solid white;
	border-bottom:2px solid white;}
#mainNav, #mainNav ul {
	background:#003;
	padding:0; 
	margin:0 1px;
	list-style:none;
} 
#mainNav a {
	display:block;
	color:white;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
} 
#mainNav ul a{
	display:block;
	font-size:13px;
	width: 150px;
	border:1px solid white;
	border-top:0;
}
#mainNav ul ul a{line-height: 16px;}
#mainNav li { 
	float: left;
}
#mainNav li ul { 
	position: absolute; 
	width: 150px; 
	left: -999em; /* used instead of display:none so can be read by screen readers */
	border-top:1px solid white;
} 
#mainNav li ul ul { margin: -30px 0 0 140px;} /*position sub-level drop-downs to the right */

#mainNav li:hover ul ul, #mainNav li.sfhover ul ul { left: -999em; }/* hide sub-level menus when first-level is displayed */

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul { left: auto; } /* display menus when hovered over */

#mainNav a:hover {background:#ABADCD; color:black;}

/* padding & background styles are different for top-level links, give sub-level links a lighter background */
#mainNav a {padding:10px 14px; background:#003;}
#mainNav ul a{padding:7px; background:#003;}
#mainNav ul ul a{background:#35324E;}

/* fix for menu sticking open in IE7*/
#mainNav li:hover, #mainNav li.hover {position:static;}


/* for IE: specify widths for top-level menu links so entire rollover area is clickable (instead of just the text) */
.home_link{width:36px;}
.program_link{width:54px;}
.abstracts_link{width:123px;}
.register_link{width:74px;}
.venue_link{width:98px;}
.organisers_link{width:148px;}
.contacts_link{width:55px;}

/* hide home buttom on home page */
body#home .home_link{display:none;}

/* add more left & right padding to top-level menu items on home page to center it better */
body#home #mainNav{margin-left:12px;}
body#home #mainNav a {padding:10px 17px;}
body#home #mainNav ul a{padding:7px;}

/* display 'down-state' background colour when relevant */
body#program a.program_link,
body#abstracts a.abstracts_link,
body#register a.register_link,
body#venue a.venue_link,
body#organisers a.organisers_link,
body#contacts a.contacts_link{background:#60658A;}


/* SIDE BAR SUBNAV */
#subNav{
	background:#2E2C4B url(../images/subNav_horzdots_line.gif) no-repeat -3px 2.5em;
	padding:1.5em 0 1.5em 0;
	padding-left:18px;
	padding-right:6px;
	color:white;
}
#subNav ul{
	list-style:none;
	margin:0;
	padding:0;
	}
#subNav li{
	list-style:none;
	margin:0;
	padding:0;
	padding:0 0 0 2px;
	background:url(../images/subNav_vertdots_line.gif) repeat-y 0 0;
	line-height:1.2em;
}
#subNav li.first{
	border:0;
	background:url(../images/subNav_vertdots_line.gif) no-repeat 0 14px;
	padding: 0 1px 2px}
#subNav li.last{
	border:0;
	background:url(../images/subNav_vertdots_line.gif) no-repeat 0 -4px;
	padding:2px 0 0 2px}
#subNav ul ul{
	margin-left:20px;
	padding-bottom:4px;
}
#subNav li li{background:none;}
#subNav a{
	display:block;
	width:139px;
	padding:6px 10px 6px 20px;
	font-size:1.05em;
	color:white;
	text-decoration:none;
	background:url(../images/subNav_dotted_bullet.gif) no-repeat 0 14px;}
#subNav a:hover{background:#DFBE4A ;color:black;}
#subNav a.current,#subNav a.current:hover{
	color:white;
	background:#504E72 url(../images/subNav_dotted_bullet.gif) no-repeat 0 14px;
	cursor:default;}
#subNav ul ul a{
	width:122px;
	padding:4px 10px 4px 15px;
	font-size:1em;
	background: url(../images/subNav_arrow_bullet.gif) no-repeat 2px 10px;
}
#subNav ul ul a.current,#subNav ul ul a.current:hover{
	background:#504E72 url(../images/subNav_arrow_bullet.gif) no-repeat 2px 10px;
}	

/* FOOTER NAV - USE ONLY TOP LEVEL MENU */
ul#footerNav {list-style:none;margin:0;padding:15px 0;}
#footerNav li {display:inline; list-style:none;margin:0;padding:0;}
#footerNav a{
	border:0;
	padding:4px 6px;
	text-transform:uppercase;
	text-decoration:none;
	font:84% Verdana, Arial, Helvetica, sans-serif;
	color:white;
	border-right:1px dotted #77C8D0;}
#footerNav a:hover{background:#77C8D0;}
#footerNav a.last{border:0;}

ul.onThisPageNav{
	list-style:none;
	margin:5px 0 0 20px;padding:0;}
ul.onThisPageNav li{padding:0;}
ul.onThisPageNav a{
	display:block;
	width:270px;
	padding:1px 4px 2px 20px;
	text-decoration:none;
	color:blue;
	background:url(../images/bullet_onThisPageNav.gif) no-repeat 0.2em 0.4em;
}
ul.onThisPageNav a.visited{color:blue;text-decoration:none;}
ul.onThisPageNav a:hover{background:#e5e5e5 url(../images/bullet_onThisPageNav_over.gif) no-repeat 0.2em 0.5em}