/* Department of Medicine Divisional site*/

div#top_nav {
	float: left;
	position: relative;
	margin:10px 0 0 0;
	width:945px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;	/* SET FONT-SIZE HERE. */
	font-weight: bold; 
	text-align:left;
	background-color:#990033;
}

div#top_nav.home{} /* Leave in. It gets fiddled for IEs.*/

.section {
	background-color: #666666;
	padding:6px 0 0 0;
	margin-top:-6px;
	height:33px;
	line-height:41px; 
}

.dropdown a:hover.section{line-height:30px;} /* Stops current 'section' from bouncing on hover.*/

/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0 0 0 2px;
	border-top:1px solid silver;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:6px 0 0 0;
	float:left; 
	display:block; 
	background-color:#990033;
	cursor:pointer;
	line-height:30px; 
	height:27px; 
}

/* these are anchors in the menu, if you want to style them differently from the rest of the website*/
.dropdown a{
	text-decoration:none;
	color:white;
	padding:0px 15px 0px 15px; /* Adjust spacing between top menu items here*/
}


.dropdown a:hover{
	margin:0;
	margin-top:-6px;
	padding-top:6px;
	background-color:#666666;
	height:27px; /*height of grey hover on top menu items. Also the height of the hover on the dropdowns, which gets covered up by the dropdown item below it. Except for the bottom one*/
}

/* these are the LIs that only belong to submenu; in this case, the 'Home' dropdown. */
.dropdown ul li{
	font-weight:normal;
	height:17px ;
	line-height:16px;
	width:245px;/*Change the width of the dropdown line items here.*/
	border-bottom:1px solid silver;
	border-top:0;
	margin-left:-2px;
}

/*The following two items move the Home dropdown items to the left. Otherwise, they align-left with the word 'Home', which is OK if there are a lot of menu items, but not good if there are only a few, and 'Home' is very wide. In that case, the dropdown items have a huge left margin.*/
.dropdown ul li a{
	margin-left:10px;
	padding:0 0 0 0px;
}


.dropdown ul li a:hover{
	height:17px;/* keeps height of .dropdown a:hover from showing on last dropdown menu item.*/
	margin-left:0px;
	padding-left:10px;/* match this dimension up to .dropdown ul li a e.g.{margin-left:10px;}*/
}


/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	background-image:url('../navimages/expand_down.gif');
	background-position:0px 13px;
	background-repeat:no-repeat;
	padding-left:0px;
	
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
/* These settings are not used in the Mac menus*/
.dropdown ul li.submenu{
	background-image:url('../navimages/expand_right.gif');
	background-position:center right;
	padding:5px;
	width:120px;
}