/*---Optical Society of America: Exploring the Science of Light---*/

/*---------------dropdown navigator---------------*/
#topnavigatorbase
	{
	margin: 0px 22px 0px 0px;
	padding: 31px 0px 0px 0px;
	*padding: 29px 0px 0px 0px; /*IE fix for placement*/
	}

.topnavigator
	{
	width: 508px;
	margin: 0px;
	padding: 0px;
	float: right;
	}

.topnavigator ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

.topnavigator ul li
	{
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	}

.topnavigator ul li.opticstimeline
	{
	background: url("/includes/index/navigators/top/images/opticstimelineoff.jpg") no-repeat;
	width: 151px;
	float: left;
	position: relative;
	}

.topnavigator ul li.futurescientists
	{
	background: url("/includes/index/navigators/top/images/futurescientistsoff.jpg") no-repeat;
	width: 160px;
	float: left;
	position: relative;
	}

.topnavigator ul li.teachersparents
	{
	background: url("/includes/index/navigators/top/images/teachersparentsoff.jpg") no-repeat;
	width: 197px;
	float: left;
	position: relative;
	}

.topnavigator ul li a, .topnavigator ul li a:visited
	{
	height: 32px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-decoration: none;
	background-color: transparent;
	}
	
.topnavigator ul li.opticstimeline:hover, .topnavigator ul li.opticstimeline a:hover, .topnavigator ul li.opticstimeline:hover a
	{
	background: url("/includes/index/navigators/top/images/opticstimelineon.jpg") no-repeat;
	width: 151px;
	float: left;
	position: relative;
	}

.topnavigator ul li.futurescientists:hover, .topnavigator ul li.futurescientists a:hover, .topnavigator ul li.futurescientists:hover a
	{
	background: url("/includes/index/navigators/top/images/futurescientistson.jpg") no-repeat;
	width: 160px;
	float: left;
	position: relative;
	}

.topnavigator ul li.teachersparents:hover, .topnavigator ul li.teachersparents a:hover, .topnavigator ul li.teachersparents:hover a
	{
	background: url("/includes/index/navigators/top/images/teachersparentson.jpg") no-repeat;
	width: 197px;
	float: left;
	position: relative;
	}

.topnavigator ul li ul
	{
	display: none;
	}

.topnavigator table
	{
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	}


/*---------------non-IE---------------*/
.topnavigator ul li.opticstimeline:hover ul
	{
	display: block;
	position: absolute;
	width: 145px;
	top: 27px;
	left: 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	background: #840d0d;
	}

.topnavigator ul li.futurescientists:hover ul
	{
	display: block;
	position: absolute;
	width: 156px;
	top: 27px;
	left: 2px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	background: #0d850d;
	}

.topnavigator ul li.teachersparents:hover ul
	{
	display: block;
	position: absolute;
	width: 191px;
	top: 27px;
	left: 2px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	background: #bc4b00;
	}

.topnavigator ul li.opticstimeline:hover ul li a
	{
	display: block;
	height: auto;
	width: 120px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #840d0d;
	font-weight: bold;
	color: #ffffff;
	}

.topnavigator ul li.futurescientists:hover ul li a
	{
	display: block;
	height: auto;
	width: 131px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #0d850d;
	font-weight: bold;
	color: #ffffff;
	}

.topnavigator ul li.teachersparents:hover ul li a
	{
	display: block;
	height: auto;
	width: 166px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #bc4b00;
	font-weight: bold;
	color: #ffffff;
	}

.topnavigator ul li:hover ul li a:hover
	{
	color: #cccccc;
	text-decoration: none;
	}


/*---------------fixes for IE 5.5/6---------------*/
.topnavigator ul li.opticstimeline a:hover ul
	{
	display: block;
	position: absolute;
	width: 145px;
	top: 31px;
	t\op: 30px;
	left: 4px;
	marg\in: 1px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	background: #840d0d;
	}

.topnavigator ul li.futurescientists a:hover ul
	{
	display: block;
	position: absolute;
	width: 156px;
	top: 31px;
	t\op: 30px;
	left: 2px;
	marg\in: 1px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	background: #0d850d;
	}

.topnavigator ul li.teachersparents a:hover ul
	{
	display: block;
	position: absolute;
	width: 191px;
	top: 31px;
	t\op: 30px;
	left: 2px;
	marg\in: 1px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	background: #bc4b00;
	}

.topnavigator ul li.opticstimeline a:hover ul li a
	{
	display: block;
	height: auto;
	width: 120px;
	w\idth: 120px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #840d0d;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}

.topnavigator ul li.futurescientists a:hover ul li a
	{
	display: block;
	height: auto;
	width: 131px;
	w\idth: 131px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #0d850d;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}

.topnavigator ul li.teachersparents a:hover ul li a
	{
	display: block;
	height: auto;
	width: 166px;
	w\idth: 166px;
	line-height: 15px;
	margin: 0px;
	padding: 3px 6px 5px 6px;
	background: #bc4b00;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	}

.topnavigator ul li a:hover ul li a:hover
	{
	color: #cccccc;
	text-decoration: none;
	}