﻿.links  { display:none;border-left: none;border-bottom: none;border-right: none;border-top: none;margin:0px;padding-bottom:10px;padding-top:20px;padding-left:0px;padding-right:0px;z-index:1000; }
.links * { z-index:1000; }
.links a:hover { text-decoration:underline; }

#nav_wrapper {margin: 0px 0px 0px 150px;width:820px;position:relative;top:-20px;z-index:1000;}
#top_nav {display:block; position:relative; height:36px;z-index:1000;top:0px;}
#menu-container { display:block; position:absolute; width:855px; margin:0px auto 0px; font-size:11px; }
#drop_down_menu { display:block; position:relative; clear:both; margin:0px; padding:0px; text-align:left; list-style-type:none; width:835px; float:none; left:0px; top:0px;z-index:1000; }
#drop_down_menu li { font-size:11px; font-weight:bold; float:left; }
#drop_down_menu .links a { margin-bottom:3px; }
#drop_down_menu li.first {padding-left:0px;position:absolute;left:7px;}
#drop_down_menu li.last {padding-right:0;}
#drop_down_menu li * { list-style-type:none; }
#drop_down_menu li a { color:#595959;text-decoration:none; }
#drop_down_menu li a:hover { text-decoration:underline; }
#drop_down_menu .col1 { background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }
#drop_down_menu .col2 { background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }
#drop_down_menu .col3 { background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }

.menu {	font-family: Verdana; font-size:11px; }
.second { position:absolute; left:131px; }
.third { position:absolute; left:301px; }
.fourth { position:absolute; left:413px; }
.fifth { position:absolute; left:-59px;background-color:transparent !important;margin-left:589px; }
html>body .fifth .links { min-height:200px !important; }
#drop_down_menu .last { position:absolute; left:370px;margin-left:276px; }
.second .col1_heading { width:150px !important; }
.first .links { width:832px;margin-left:0px;height:235px; }
.first div.dialog { width:805px;top:-2px; }
.second .links { width:143px;margin-left:-8px;height:75px; }
.second div.dialog { width:143px;margin-left:26px; }
.third .links { width:165px;margin:0px;padding-bottom:10px;padding-top:10px; }
.third div.dialog { width:153px; }
.fourth .links { width:775px;margin-left:0px;height:220px; }
.fourth div.dialog { width:775px;margin-left:-350px; }
.fifth .links { width:680px;margin-left:0px;height:220px; }
.fifth div.dialog { width:680px;margin-left:-372px; }
.last .links { width:154px;margin-left:-10px;height:55px; }
.last div.dialog { width: 200px;margin-left:-8px; }
.last .links li { width: 200px; }
.first .links .col1 a, .first .links .col2 a, .first .links .col3 a, .first .links .col4 a { width:152px !important; }
.fourth .links .col1 a, .fourth .links .col2 a, .fourth .links .col3 a, .fourth .links .col4 a { width:200px !important; }
/*.fourth .links .col1 ul, .fourth .links .col2 ul { height:200px !important;}*/
.fourth .links .col4 ul { height:70px !important; }
.fifth .links .col1 a { white-space:normal !important; }
.fifth .links .col1 a, .fifth .links .col2 a, .fifth .links .col3 a, .fifth .links .col4 a { width:200px !important; }
.last .links .col1 a, .last .links .col2 a, .last .links .col3 a, .last .links .col4 a { width:200px !important; }
.col1 {	padding-right:10px;margin-left:10px;background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }
.col2 {	padding-right:10px;margin-left:10px;background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }
.col3 {	padding-right:10px;margin-left:10px;background-image:url(images/top-nav-divider.gif);background-repeat:no-repeat;background-position:right top; }
.col4 {	padding-right:10px;margin-left:10px; }
.col1 ul li { line-height:17px;width:170px; }
.col2 ul li { line-height:17px;width:170px; }
.col3 ul li { line-height:17px;width:170px; }
.col4 ul li { line-height:17px;width:170px; }
.col1 ul { padding-bottom:20px;width:170px;background-color:transparent;margin-left:10px;padding-left:0px; }
.col2 ul { padding-bottom:20px;width:170px;background-color:transparent;margin-left:10px;padding-left:0px; }
.col3 ul { padding-bottom:20px;width:170px;background-color:transparent;margin-left:10px;padding-left:0px; }
.col4 ul { padding-bottom:20px;width:170px;background-color:transparent;margin-left:10px;padding-left:0px; }
.col1 ul li a { font-weight:normal;white-space:nowrap; }
.col2 ul li a { font-weight:normal;white-space:nowrap; }
.col3 ul li a { font-weight:normal;white-space:nowrap; }
.col4 ul li a { font-weight:normal;white-space:nowrap; }

ul#drop_down_menu {
	list-style: none;
	}
	ul#drop_down_menu li {
		display: inline;
	}
	ul#drop_down_menu li a {
		display: block;
		height: 36px;
		text-decoration: none !important;
		}
	ul#drop_down_menu li a b {
		text-decoration: none !important;
		position:relative;
		top: 30px;
		color: #ffffff;
		font-size:4pt;
		display:none;
	}
		ul#drop_down_menu li.first ul.links *, 
		ul#drop_down_menu li.second ul.links *, 
		ul#drop_down_menu li.third ul.links *, 
		ul#drop_down_menu li.fourth ul.links *, 
		ul#drop_down_menu li.fifth ul.links *, 
		ul#drop_down_menu li.last ul.links * {
			height: auto;
		}
		ul#drop_down_menu li.first ul.links a:hover, 
		ul#drop_down_menu li.second ul.links a:hover, 
		ul#drop_down_menu li.third ul.links a:hover, 
		ul#drop_down_menu li.fourth ul.links a:hover, 
		ul#drop_down_menu li.fifth ul.links a:hover, 
		ul#drop_down_menu li.last ul.links a:hover {
			text-decoration:underline !important;
		}
		ul#drop_down_menu li.first a {
			background: url(images/explore-tabs.gif) no-repeat bottom center;
			width:123px;
			}
		ul#drop_down_menu li.second a {
			background: url(images/find-tabs.gif) no-repeat bottom center;
			width:169px;
			
		}
		ul#drop_down_menu li.third a {
			background: url(images/virtual-tabs.gif) no-repeat bottom center;
			width:111px;
			}
		ul#drop_down_menu li.fourth a {
			background: url(images/research-tabs.gif) no-repeat bottom center;
			width:116px;
			}
		ul#drop_down_menu li.fifth a {
			background: url(images/learn-tabs.gif) no-repeat bottom center;
			width:114px;
			}
		ul#drop_down_menu li.first a.selected,
		ul#drop_down_menu li.second a.selected,
		ul#drop_down_menu li.third a.selected,
		ul#drop_down_menu li.fourth a.selected,
		ul#drop_down_menu li.fifth a.selected,
		ul#drop_down_menu li.last a.selected {
			background-position: top center;
		}
		ul#drop_down_menu li.last a {
			background: url(images/contactus-tabs.gif) no-repeat bottom center;
			width:87px;
			}
			ul#drop_down_menu li.first a:hover, 
			ul#drop_down_menu li.second a:hover, 
			ul#drop_down_menu li.third a:hover, 
			ul#drop_down_menu li.fourth a:hover, 
			ul#drop_down_menu li.fifth a:hover, 
			ul#drop_down_menu li.last a:hover {
				background-position: center center;
				
			}
		ul.links {
			background-color: transparent !important;
		}
		ul.links * {
			background: transparent !important;
		}
.links_hover {
	background-position:center center !important;
}
		
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:885px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:26px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/drop-down-full-white.png) no-repeat top right;
 _background-image:url(images/drop-down-full-white.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 26px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:26px; /* top slice width */
 margin-left:-26px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 display:none;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:26px; /* bottom corner width */
 margin-left:-26px;
 background-position:bottom left;
 /*float:left;*/  /* added */
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 /*overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

#bottom_png2 {
	width:805px;
}
#bottom_png5
{
	width:775px;
}
.last .shadow_cover {
	height:5px;
	width:84px;
	background-image:url(images/contact-roll-slice.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:35px;
}
.fifth .shadow_cover {
	height:6px;
	width:114px;
	background-image:url(images/learn-roll-slice.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.fourth .shadow_cover {
	height:6px;
	width:116px;
	background-image:url(images/research-roll-slice.gif);
	background-repeat:no-repeat;
	background-position:-1px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:2px;
	top:34px;
}
.third .shadow_cover {
	height:4px;
	width:158px;
	background-color:#ffffff;
	position:absolute;
	display:none;
	z-index:3001;
	left:1px;
	border-left:2px solid #e1e1e1;
	border-right:2px solid #e1e1e1;
}
.second .shadow_cover {
	height:11px;
	width:170px;
	background-image:url(images/find-roll-slice.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.first .shadow_cover {
	height:6px;
	width:123px;
	background-image:url(images/explore-roll-slice.gif);
	background-repeat:no-repeat;
	background-position:-1px top;
	position:absolute;
	display:none;
	z-index:3001;
	left:0px;
	top:34px;
}
.divider { width:1px; height:16px; background-color:#e3e3e3 !important;position:absolute;top:10px;z-index:2001; }
.divider .last { background-color:#e3e3e3 !important; }
#firstDivider { left:130px; }
#secondDivider { left:300px; }
#thirdDivider { left: 412px; }
#fourthDivider { left:-60px; }
#fifthDivider { left:368px!important; }
#fourthDivider, #fifthDivider { background-color:#e3e3e3 !important; }

ul#drop_down_menu li[class="menu last"] { width:88px;}
ul#drop_down_menu li[class="menu fifth"] { width:114px;}
ul#drop_down_menu li[class="menu fourth"] { width:116px;}
ul#drop_down_menu li[class="menu third"] { width:111px;}
ul#drop_down_menu li[class="menu second"] { width:169px;}
ul#drop_down_menu li[class="menu first"] { width:123px;}

.fourth .col2+.col3+.col4+.col1+.col2 {
	margin-left:-210px;
	margin-top:15px;
}
.first .col2+.col3+.col4+.col1 {
	position:absolute;
	left:0px;
	top:150px;
}
.first .col2+.col3+.col4+.col1+.col2 {
	position:absolute;
	left:200px;
	top:150px;
}
