#nav, #nav ul { /* all lists */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	/*line-height: 1;*/
	
}
/* FF */
html>body #nav { /* all list items */
	margin: 4 0 0 0;
}

#nav a {
	display: block;
	width: auto;
	padding: 0 14px 0 14px;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size : 8pt;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
#nav a:hover {
	font-family: Arial;
	font-size : 8pt;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 28px;
}

#nav div.topmenu_off a{
	color: 003970;
	background-color : #ffd735;
	height : 28px;
	padding-top : 2px;
	padding-left : 10px;
	padding-right : 10px;
	text-align : center;
	display : block;
	line-height: 28px;
	
	border-right: 1px solid #ffffff;
}
#nav div.topmenu_off a:hover{
	color: #ffffff;
	background-color : #003970;
	padding-left : 10px;
	padding-right : 10px;
	height : 28px;
	padding-top : 2px;
	text-align : center;
	display : block;
	line-height: 28px;
	border-right: 1px solid #ffffff;
}
#nav div.topmenu_on a, #nav div.topmenu_on a:hover{
	color: #ffffff;
	background-color : #003970;
	padding-left : 10px;
	padding-right : 10px;
	height : 28px;
	padding-top : 2px;
	text-align : center;
	display : block;
	border-right: 1px solid #ffffff;
}

#nav li { /* all list items */
	float: left;
	width: 10px; /* width needed or else Opera goes nuts */
		padding-left : 10px;
	padding-right : 10px;
	background-color: #ffd735; 
	padding: 0 0 0 0;
}
/* FF */
html>body #nav li { /* all list items */
	width: auto;
}

#nav li ul { /* second-level lists */
	width: 160px;
	margin-left: -1px;
	background-color: #ffd735;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	border-top: 1px solid #ffd735;
	border-right: 1px solid #ffd735;
	border-bottom: 0px solid #ffd735;
	border-left: 1px solid #ffd735;
}

#nav li ul li { /* second-level lists */
	width: 100%;
	background-color: #ffd735; 
	border: 0px solid #FF0000;
}


#nav li ul a{ /* second-level lists */
	
	display: block;
	height: 20px;	
	width: 100%;
	line-height: 20px;
	text-indent: 16px;
	
	padding: 0 0 0 0;
	margin: 0 0 0 0;

	font-family: Arial;
	font-size : 8pt;
	font-weight: normal;
	color: #000000;
		
	background-color: #ffd735; 
	border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;
}

#nav li ul a:hover
{ 
	display: block;
	height: 20px;	
	width: 100%;
	line-height: 20px;
	text-indent: 16px;
	
	font-family: Arial;
	font-size : 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;

	background-color: #ffd735; 
}
	
#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 175px;
}
/* FF */
html>body #nav li ul ul {
	margin: -22px 0 0 177px;	
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}


div.clear {
	clear:both;
}