﻿ul.topnav {
	list-style: none;
	padding: 0;	
	
	/*float: left;*/
	width: 900px;	
	position:relative;
	top:0;
	left:0;
	margin:auto;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative; /*--Declare X and Y axis base--*/
	/*width:90px;*/

}
ul.topnav li a:link, ul.topnav li a:visited, ul.topnav li a:active{
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	border:none;
}
ul.topnav li a:hover{
	/*background: url(../Images/topnav_hover.gif) no-repeat center top;*/
	/*background:#fff;*/
	background: url(../Images/header_nav_bkg-Ov.png) repeat-x top left;
}
ul.topnav li span{ /*--Drop down trigger styles--*/
	/*width: 100px;
	height:40px;*/
	float: left;
}

ul.topnav li span.subhover 
{
    background-position: center bottom; 
    cursor: pointer;
    
} /*--Hover effect for trigger--*/


ul.topnav li ul.subnav {
    list-style-image: none;
    list-style-position:outside;
    list-style-type:none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 88px;
	background: url(../Images/dropdown_menu_bkg.gif) repeat-x top left #bc8f4c;
	margin:0; 
    padding: 10px 15px;
	display: none;
	float: left;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	z-index:2000 !important;
    opacity: .95;
    -moz-opacity: .95;
    filter: alpha(opacity=95);
  

}
ul.topnav li ul.subnav li{
    float:left;
	clear: both;
	width:92%;
}
html ul.topnav li ul.subnav li a {
    padding: 5px 5px; 
    margin: 0px;
	/*line-height:22px;*/
	float: left;
	width: 100%;
	background: url(../Images/dropdown_menu_li.png) repeat-x bottom left;
	color: #242424;
	font-weight:bold;	
	}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../Images/dropdown_menu_li-Ov.png) repeat bottom left; 
	
	color:#000;	
}

html ul.topnav li#home ul.subnav
{
    border: 1px solid #9E6D2C;
    width: 100px;
}

html ul.topnav li#planet ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:120px;
    }

html ul.topnav li#medical ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:140px;
    }

html ul.topnav li#waters ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:150px;
    }
    
html ul.topnav li#cancer ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:150px;
    }

html ul.topnav li#jobs ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:150px;
    }
    
html ul.topnav li#support ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:150px;
    }

html ul.topnav li#about ul.subnav  /*each of top menues has its own id --*/
{
    border:1px solid #9E6D2C;
    width:110px;
    }