.preload1 {background: url(../images/system/nav/blank_over.gif);}
.preload2 {background: url(../images/system/nav/blank_overa.gif);}

/***** Wrapper style for overall navigation block *****/
.navwrapper{
	background:url("../images/system/nav/navbg.gif") top left repeat-x;
	/*min-width: 1065px;*/      /* Fixes weird rendering on right when page is too narrow */
	min-width: 1067px;
	height: 36px;	/* Fixes navbar due to "float:left" below */
	margin-top: -7px;
	text-align: left;	/* Added to fix Jobs moving navbar */
}
/***** For lists (menu tabs) within the navigation bar *****/
.navwrapper > ul{
	width: 100%;
	margin: auto auto -7px;			/* Fixes margins around navigation bar */
	min-width: 1065px;max-width: 1280px;	/* Changed because "Thermalpedia" changed to "e-Encyclopedia" */
/*	min-width: 1057px;max-width: 1280px; */
	float: left;	/* Added so tabs would align left */
}

/***** Style for the main navigation bar *****/
/* Changed position from relative to absolute */
/*.nav {text-align: left;background:url("../images/system/nav/navbg.gif") top left repeat-x;*/
.nav {text-align: left; padding:0 0 0 0px; margin:0; list-style:none;height:36px; position: absolute;
	  z-index:500;  font-family:arial, verdana, sans-serif; text-align: center; margin-bottom: -7px;}
.nav li {margin: 0;}	/* Fixed Thermalpedia adding a margin to the bottom */

/*=============  Navigation tab (nav_top) styles  =============*/
/* Removed 7px margins */
.nav li.nav_top {display:block; float:left;}

/*----------  Main tab styles  -----------*/
.nav li a.nav_top_link {display:block; float:left; height:36px; line-height:27px;
			color:#fff; text-decoration:none; font-size:12px; font-weight:bold; 
			padding:0 0 0 12px; cursor:pointer;background: url(../images/system/nav/blank.gif);}
.nav li a.nav_top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;
			background:url(../images/system/nav/blank.gif) right top;}
.nav li a.nav_top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; 
			background:url(../images/system/nav/blanka.gif) no-repeat right top;}

/*----------  Hover over links -----------*/
.nav li a.nav_top_link:hover {color:#fff; background: url(../images/system/nav/blank_over.gif) no-repeat;}
.nav li a.nav_top_link:hover span {background:url(../images/system/nav/blank_over.gif) no-repeat right top;}
.nav li a.nav_top_link:hover span.down {background:url(../images/system/nav/blank_overa.gif) no-repeat right top;}

.nav li:hover > a.nav_top_link {color:#fff; background: url(../images/system/nav/blank_over.gif) no-repeat;}
.nav li:hover > a.nav_top_link span {background:url(../images/system/nav/blank_over.gif) no-repeat right top;}
.nav li:hover > a.nav_top_link span.down {background:url(../images/system/nav/blank_overa.gif) no-repeat right top;}
/*=============================================================*/

/* Table settings for menu (for IE browsers) */
.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* Default link styling */
/*========================================================================*/
/* Style the list OR link hover. Depends on which browser is used */
.nav a:hover {visibility:visible; position:relative; z-index:200;}
.nav li:hover {position:relative; z-index:200;}

/*----- Keep the 'next' level invisible by placing it off screen.  -----*/
.nav ul, 
.nav :hover ul ul, 
.nav :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul :hover ul ul 
	{position:absolute; left:-9999px; top:-9999px; width:0; height:0; 
	 margin:0; padding:0; list-style:none;}

/*---------- Set basic styles for first level submenus -----------*/
/*---------     Now includes special journal submenus    ---------*/

/* Changed padding to make menu links fit better */
.nav :hover ul.nav_sub, .nav :hover ul.nav_sub_journals
	{left:0; top:28px; background: #fff; padding:0px; border:1px solid #3a93d2; 
	 width:140px; height:auto; z-index:300; text-align: left; }
/* Changed to make padding = 0 so menu fits better */
.nav :hover ul.nav_sub li, .nav :hover ul.nav_sub_journals li
	 {display:block; height:auto; position:relative; float:left; min-width:140px; 
	  font-weight:normal;border-bottom: 1px solid #bbb; padding: 0px;}


/*------------- Links --------------*/
.nav :hover ul.nav_sub li a, .nav :hover ul.nav_sub_journals li a
	{display:block; font-size:11px; height:auto; min-width:140px; line-height:20px;
	 text-indent:5px; color:#000; text-decoration:none;}
.nav :hover ul.nav_sub li a:hover, .nav :hover ul.nav_sub_journals li a:hover
	{background:#3a93d2; color: #fff;}


/*------------ Set styles for further `fly` submenus -------------*/
.nav :hover ul.nav_sub li a.fly {background:#fff url('../images/nav_black.gif') no-repeat right center;}
.nav :hover ul.nav_sub li a.fly:hover {background:#3a93d2 url('../images/nav_black.gif') no-repeat right center; color:#fff;}
.nav :hover ul li:hover > a.fly {background:#3a93d2 url('../images/nav_black.gif') no-repeat right center; 
	color:#000;}
/*	color:#fff;}    Your text kept "disappearing" because this value was changing the words to white (#FFF) here */


/*-----  ADDED TO MAKE THE LONG JOURNAL TITLES FIT THEIR OWN SUBMENUS  ------*/
.nav :hover ul.nav_sub_journals, .nav :hover ul.nav_sub_journals li
	{width: 235px;}

/*---------- Set styles for second level submenus -----------*/
/* Changed padding to make menu links fit better */
.nav :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul :hover ul,
.nav :hover ul :hover ul :hover ul :hover ul :hover ul
	{left:140px; top:-1px; background: #fff; padding:0px; border:1px solid #3a93d2; 
	 white-space:nowrap; width:140px; z-index:400; height:auto;}
/*========================================================================*/

/* Explicitly state font-family for navigation bar (DSpace was messing with it) */
.nav ul{ font-family: arial; }
