#topnav {
height:64px;
background:#FFF;
margin:0 20px;
}

#topnav li.first a 
{
    border-left: none;
}

#topnav ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
}
#topnav ul li {
	float: left;
	margin: 0;
	padding: 21px 0;
	/*border-right: 1px solid #555; --Divider for each parent level links--*/
}
#topnav ul li a {
	padding: 0px 16px;
	display: inline;
	color:#606060;
	text-decoration: none;
	border-left: 1px solid #D0DEE8;
}
#topnav ul li:hover
{ 
    background: #F0F4FF repeat-x; 
}

.activetab
{
    background: #F0F4FF repeat-x; 
}

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

#topnav ul li div {
	float: left;
	padding: 0;
	position: absolute;
	left: 0;
	top: 43px; /*64 below*/
	display: none; /*--Hide by default--*/
	width: 984px;
	background: #F0F4FF;
	color: #fff;
	/*--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
}

/*
#topnav ul li:hover div 
{ 
    display: inline;
}*/

/*--Show subnav on hover--*/
#topnav ul li div a
{ 
    display: inline;
    border-left: none;
    font-size: 12px;
    padding: 0px 8px;
}

/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

#topnav ul li div a:hover
{
    text-decoration: underline;
}



#bottomnav {
height:20px;
background:#FFF;
margin:0;
}

#bottomnav ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;  /* Remove broswer defaults of bullet points next to each list item */
	position: absolute; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12px;
}
#bottomnav ul li 
{
    background: none repeat scroll 0 0 #F0F4FF;
    color: #FFFFFF;
    display: inline;
	float: left;
	margin: 0;
	padding: 0;
	left: 0;
	position: absolute;
	width: 984px;
	/*border-right: 1px solid #555; --Divider for each parent level links--*/
}
#bottomnav ul li a {
	padding: 0px 8px;	
	color:#606060;
	text-decoration: none;
	/*border-left: 1px solid #D0DEE8;*/
}

#nav, .nav, #nav .nav li { margin:0px; padding:0px;}
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:0px 10px 0px 10px; position:relative; background: none repeat scroll 0 0 #F0F4FF;}
#nav li ul.first {left:0px; top:100%;}

li, li a {color:#000; text-decoration:none;}
#nav .nav li { width:100%; text-indent:10px; line-height:30px; margin-right:10px; border-top:none; border-bottom:1px #4D80A3 solid;
border-left:1px #4D80A3 solid; border-right:none; background:#fff;}
#nav li a {display:block; width:inherit; height:inherit;}

ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { color:#000; background:#fff; }
li:hover > .nav { display:block; position:absolute; width:250px; top:0px; left:50%; z-index:1000; }
li:hover { position:relative; z-index:2000; }