#topnav{
	position:relative;
	z-index:200;
	background:#003366;
	height:auto;
}
#nav,
#nav ul			{ list-style: none; margin: 0; padding: 0; }
#nav			{ background: #20456a url(../images/nav.png) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; /* 14px / 16px */ font-weight: bold; height: 2.286em; /* 32px / 14px */ line-height: 1.5em; /* 21px / 14px */ width: auto; }
#nav li			{ background: #16314b url(../images/li.png) right top no-repeat; float: left; height: 2.286em; /* 32px / 14px */ margin: 0; padding: 0; position: relative; }
#nav a			{ background: url(../images/a.gif) left top no-repeat; color: #c7d0d9; display: block; padding: 0.286em 30px 0.5em; /* 4px 30px 7px */ text-decoration: none; }

#nav li:hover		{ background: #16314b url(../images/lih.png); }

#nav a:hover,
#nav a:focus		{ color: #fff }

#nav ul			{ background: #20456a; left: 0; font-size: 1.0em; /* 12px / 14px */ line-height: 1.8em; /* 18px / 12px */ position: absolute; top: 2.3em; /* 32px / 12px */ width: 220px; }
#nav ul li		{ background: none; float: none; height: auto; width: 220px; }
#nav ul a		{ background: none; padding: 0.083em 30px 0.25em; /* 1px 30px 3px */ width: 160px; }
#nav ul ul		{ font-size: 1em; }

#nav ul a:hover,
#nav ul a:focus		{ background: #16314b; }
#nav ul .hover>a	{ background: #16314b; }

#nav ul ul		{ left: 180px; top: 0.5em; /* 6px / 12px */ }

#nav ul,
#nav :hover ul ul,
#nav .hover ul ul	{ margin-left: -9999px; }

#nav li:hover>ul,
#nav li.hover>ul,
#nav a:focus+ul,
#nav ul ul,
#nav .hover a:focus	{ margin-left: 0; }
#nav ul a:focus		{ margin-left: 9999px; }