/* CSS Document */

/* for the topics drop down menus, March 2008 */
#topixlist, #topixlist ul {
	padding: 0;
	margin: 0;
	list-style: none;
	
	font-family: Arial, Helvetica, sans-serif;
}

#topixlist a {
	display: block;
	text-align:left;
	color:#333;
	text-decoration: none;
	font-size: 98%;
	/* width:8em; */
}

#topixlist li {
	float: left;
}

#topixlist li ul {
	position: absolute;
	left: -999em;

}

#topixlist li:hover ul, #topixlist li.sfhover ul {
	left: auto;
	display: block;
}

#topixlist li li a {
	display: block;
	font-weight: normal;
	color: #006;
	width:8em;
}

#topixlist li li a:hover {
}

/* For the left hand drop menu */
.leftback { 
	background-image: url(/images/backs/leftarrowback.gif);
	background-position: top right;
	background-repeat:no-repeat; 
}

/* All <ul> tags in the menu including the first level */
.leftmenulist, .leftmenulist ul {
	margin: 0px;
	padding: 0px;
	z-index: 100;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.leftmenulist ul {
	 display: none;
	 position: absolute;
	 top: 0;
	 left: 239px;
	 vertical-align:bottom;
	 background-color:#FFF;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.leftmenulist li {
	position: relative;
	width: 239px;
	height: 25px;
	margin-top: 12px;
	background-color:#FFF;
	z-index: 500;
	left: 0;
 	border-bottom: 1px solid #CBCBDF;
}

.leftmenulist li li {
	position: relative;
	width: 200px;
	height: 20px;
	padding-left: 0px;
	margin-top: 0px;
	background-color: #EEE;
	z-index: 500;
	left: 0;
 	border-bottom: 1px solid #CBCBDF;
}

/* Links inside the menu */
.leftmenulist li a {
 font-family:Arial, Helvetica, sans-serif;
 display: block;
 color: #000;
 padding: 4px 10px;
 margin: 3px 0px;
 text-decoration: none;
 /* border: 1px solid transparent; */
 margin: 0;

}
/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .leftmenulist li a {
 border-width: 0;
 margin: 1px;
}

.leftmenulist ul li a:hover, .leftmenulist ul li a.highlighted:hover, .leftmenulist ul li a:focus {
 color: #FFF;
 background-color: #999;
 margin: 0;
}
.leftmenulist ul li a.highlighted {
 color: #FFF;
 background-color:#003;
 margin: 0;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.leftmenulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.

*:first-child+html .leftmenulist li {
 float: left;
 width: 100%;
}

* html .leftmenulist li {
 float: left;
 height: 38px;
}
* html .leftmenulist a {
 height: 1%;
}
/* End Hacks */


a.topdrop {	
	display: block;
	font-weight: normal;
	color: #333;
	text-decoration:none;
}

/* for the audience drop down menus on the home page
----------------------------------------------------- */ 

#auddrop, #auddrop ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#auddrop a {
	display: block;
	width: 130px; /*13em;*/
	text-align:left;
	color:#333;
	text-decoration: none;
}

#auddrop li {
	float: left;
	width: 130px; /*13em;*/
}

#auddrop li ul {
	position: absolute;
	width: 130px; /*13em;*/
	left: -999em;
}

#auddrop li:hover ul, #auddrop li.sfhover2 ul {
	left: auto;
	display: block;
}

#auddrop li li a {
	display: block;
	background-color:#FFF;
	font-weight: normal;
	color: #006;
	padding: 0.2em 10px;
}

#auddrop li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #666;
	border-width: 0 5px;
}

/*  menus for the topics drop down 2007 [some hacks commented out]
----------------------------------------------------- */

#toplistMenuRoot, #toplistMenuRoot ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#toplistMenuRoot a {
	display: block;
}

#toplistMenuRoot li ul li {
	float: left;
	width:10em;
	}

#toplistMenuRoot li ul {
	position: absolute;
	left: -999em;
	width:10em;
	margin-top:5px;
}

#toplistMenuRoot li:hover ul, #toplistMenuRoot li.sfhover ul {
	left: auto;
	display: block;
}

#toplistMenuRoot li li a {
	display: block;
	background-color:#FFF;
	font-weight: normal;
	color: #006;
	padding: 0.2em 10px;
}

#toplistMenuRoot li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #666;
	border-width: 0 5px;
}

/* All <ul> tags in the menu including the first level */

.topmenulist, .topmenulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size:90%;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */

.topmenulist ul {
 display: none;
 position: absolute;
 top: 1.0em; 
 margin-top: 5px;
 left: -1px;
 width: 160px;
}

/* Second and third etc. level submenus - position across from parent instead */

.topmenulist ul ul {
 top: -1px; margin-top: 0;
 text-align:left;
 background: #CCC;
 border: 1px solid #333;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.topmenulist li {
 float: left;
 text-align:left;
 display: block;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.topmenulist ul li {
 background: #FFF;
 text-align:left;
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.topmenulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.topmenulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.topmenulist a:hover, .topmenulist a.highlighted:hover, .topmenulist a:focus {
 color: #FFF;
 background-color: #999;
}
.topmenulist a.highlighted {
 color: #FFF;
 background-color: #666;
}

/* Only style submenu indicators within submenus. */
.topmenulist a .subind {
 display: none;
}
.topmenulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
/* 

.topmenulist a {
 float: left;
}
.topmenulist ul a {
 float: none;
}
/* \*/

/*
.topmenulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
/*

*:first-child+html .topmenulist ul li {
 float: left;
 width: 100%;
}

* html .topmenulist ul li {
 float: left;
 height: 1%;
}
* html .topmenulist ul a {
 height: 1%;
}
/* End Hacks */

/* for the home page drop down menus 2007 [commented out]
#mainnav {
}
#mainnav ul#topnav {
	margin:0;
	padding:0;
	list-style:none;
}
#mainnav ul#topnav li {
	float:left;
}
#mainnav ul#topnav li a {
	color:#333;
	text-decoration: none;
	display:block;
}
#mainnav ul#topnav li ul {
	left:-999em;
	position:absolute;
	width: 13em;
	z-index:10000;
}
#mainnav ul#topnav li li {
	margin: 0;
	padding: 0;
	width: 100%;
}
#mainnav ul#topnav li li a {
	width: 12em;
	font-weight:normal;
}
#mainnav ul#topnav li:hover ul,
#mainnav ul#topnav li:sfhover ul, {
	left: auto;
}

#mainnav ul#topnav {
	color:#000000;
	margin: 0;
}
*/