/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../images/main_nav_bg.gif) bottom;}
.preload2 {background: url(../images/main_nav_bg.gif) bottom;}

#menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:952px; 
	height:32px; 
	background:#252525 url(../images/main_nav_bg.gif) top repeat-x; 
	position:relative; 
	z-index:500; 
	font:12px/32px Helvetica, Arial, sans-serif;
	}
	
#menu li.uptop {
	display:block; 
	float:left; 
	height:32px;
	text-align:center;
	width:157px;
	}  /*  text-align:center;   */
	
#menu li#offices a.top_link {
	cursor:default;
	}
	
#menu li a.top_link {
	float:left;
	display:block;
	width:157px;
	height:32px; 
	line-height:32px; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	cursor:pointer; 
}

* html #menu li a.top_link { width:154px;} 

#menu li a.top_link span, 
#menu li a.top_link span.down {
	float:left; 
	display:block; 
	height:32px; 
	background: url(../images/main_nav_bg.gif) top no-repeat;
	width:157px;
	}
	
* html #menu li a.top_link span.down { width:154px;}

#menu li:hover a.top_link,
#menu li:hover a.top_link span,
#menu li:hover a.top_link span.down {
	background:url(../images/main_nav_bg.gif) bottom repeat-x;
	
	}

/* Default list styling */

#menu li:hover {
	position:relative; 
	z-index:200;
	}

#menu li:hover ul.sub {
	left:1px; top:32px; 
	/*background: #bbd37e;*/ 
	padding:0px;
	/*border:1px solid #5c731e;*/ 
	white-space: normal; 
	width:157px; 
	height:auto; 
	z-index:300;
}

#menu li:hover ul.sub li {
	display:block;
	position:relative; 
	float:left; 
	font-weight:normal;
	margin:0;  
	padding:0;
	/*width:100%;  height:32px; DD UL Width (Essentially Overwritten in USER VARIABLES below)border-top:1px solid #666; */ 
	border:0; /*Zero's out any further borders, except for the one defined below. TEST IN IE !!! */
	border-top:1px solid #1c1c1c;  /*DD Horizontal Border Width, solid, #color*/  /*darker color*/
	border-bottom:1px solid #434343;  /*DD Horizontal Border Width, solid, #color*/  /*lighter color*/
	border-left:1px solid #434343;  
	border-right:1px solid #434343;  
	background-color:#2d2d2d;
}

#menu li:hover ul.sub li a {
	display:block; 
	font-size:11px; 
	/*height:32px;   
	width:157px;   */ 
	line-height:18px; 
	color:#fff; 
	text-decoration:none; 
	/*border:1px solid #bbd37e;*/
	padding:4px 10px; 
}

#menu li ul.sub li a.fly {
	background:#2d2d2d url(../images/right-arrow.gif) 130px 10px no-repeat;
}


#menu li ul.sub li a.flyDown {
	background:#2d2d2d url(../images/down-arrow.gif) 130px 10px no-repeat;
}


#menu li:hover ul.sub li a:hover  {
	background:#004d93; 
	color:#fff; 
	border-color:#000;
	}
	
#menu li:hover ul.sub li a.fly:hover {
	background:#004d93 url(../images/right-arrow.gif) 130px 10px no-repeat; 
	color:#fff;
	}
	
	
#menu li:hover ul.sub li a.flyDown:hover {
	background:#004d93 url(../images/down-arrow.gif) 130px 10px no-repeat; 
	color:#fff;
	}
	
#menu .sub li:hover .subDown {
	left:-6px; 
	top:23px; 
	background: #03F; 
	padding:3px; 
	border:1px solid #5c731e; 
	white-space:normal; 
	/*width:90px; */
	z-index:400; 
	height:auto;
	}	

#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul {
	left:150px; 
	top:2px; 
	background: #03F; 
	padding:3px; 
	border:1px solid #5c731e; 
	white-space:normal; 
	/*width:90px;*/ 
	z-index:400; 
	height:auto;
	}	

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	}

#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly {
	background: #004d93 url(../images/right-arrow.gif) 130px 10px no-repeat; 
	color:#fff; 
	border-color:#fff;
	} 


#menu li:hover li:hover a.flyDown,
#menu li:hover li:hover li:hover a.flyDown,
#menu li:hover li:hover li:hover li:hover a.flyDown,
#menu li:hover li:hover li:hover li:hover li:hover a.flyDown {
	background: #004d93 url(../images/down-arrow.gif) 130px 10px no-repeat; 
	color:#fff; 
	border-color:#fff;
	}
	

#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly {
	background: #2d2d2d url(../images/right-arrow.gif) 130px 10px no-repeat; 
	color:#fff; 
	} 

#menu li { /* This element is taken from the 2008 Affinity style sheet. TL only, please. */
	border-right:1px solid #1f1f1f;  /* B1*/
	border-left:1px solid #525252;  /* B2 */
	/*margin-bottom:-4px;*/
}

/*body ul#menu li#sed a,*/ body ul#menu li#sed  { 
border-left:0px;
}

body ul#menu li#sed, body ul#menu li#sed li   { 
width:156px; 
}
* html body ul#menu li#sed, body ul#menu li#sed li   { width:157px;}

body ul#menu li#offices, body ul#menu li#offices li { 
width:156px; 
}
* html body ul#menu li#offices, body ul#menu li#offices li { width:157px;}

body ul#menu li#earth, body ul#menu li#earth li  { 
width:156px; 
}
* html body ul#menu li#earth, body ul#menu li#earth li  { width:157px;}

body ul#menu li#astro, body ul#menu li#astro li  { 
width:156px; 
}
* html body ul#menu li#astro, body ul#menu li#astro li  { width:157px;}

body ul#menu li#helio, body ul#menu li#helio li  { 
width:157px; 
}
* html body ul#menu li#helio, body ul#menu li#helio li  { width:157px;}

body ul#menu li#solarsys, body ul#menu li#solarsys li  { 
width:157px; 
}
* html body ul#menu li#solarsys, body ul#menu li#solarsys li  { width:157px;}


/*body ul#menu li#solarsys a,*/ body ul#menu li#solarsys { 
border-right:0;
}
	
.nasa ul#menu li#sed a.top_link, .nasa ul#menu li#one a.top_link {
	background: url(../images/nasa_bgnav.png) repeat-x;	
}

	
.earth ul#menu li#earth a.top_link, .earth ul#menu li#one a.top_link {
	background: url(../images/nasa_earthbgnav.png) repeat-x;	
}

/*	
body #menu li#sed a { border-left:0px; width:136px;}
body #menu li#offices a { width:125px;}
body #menu li#earth a {	width:156px; }
body #menu li#astro a { width:156x; }
body #menu li#helio a { width:156px; }
body #menu li#solarsys a { border-right:0; width:156px;}
*/












