

/* ======== common ======== */

#topnav ul,
#footernavhome ul,
#footernavinside ul,
#footernavcommon ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
}

#topnav a,
#footernavhome a,
#footernavinside a,
#footernavcommon a,
#topnav span,
#footernavhome span,
#footernavinside span,
#footernavcommon span {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

/* ======== nav ======== */

#topnav {
	position: absolute;
	right: 50px;
	top: 51px;
	height: 18px;
	z-index: 3;
}

#topnav ul {
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#topnav ul li {
	display: block;
	float: left;
	height: 18px;
	background-color: #ffffff;	/* give background substance so IE recognizes it and can hover over it */
}

#topnav ul li a,
#topnav ul li span {
	display: block;
	text-decoration: none;
	color: #339e35;
	font-weight: bold;
	font-size: 11px;

	padding-left: 10px;
	padding-right: 10px;

	padding-bottom: 7px;
	*padding-bottom: 4px;
	_padding-bottom: 4px;
}

#topnav ul li a:hover {
}

#topnav ul li:hover,
#topnav ul li.over {
	border-bottom: 3px solid #0084c9;
}

#topnav ul li:hover a,
#topnav ul li.over a,
#topnav ul li.selected a,
#topnav ul li:hover span,
#topnav ul li.over span,
#topnav ul li.selected span {
	color: #00546b;
}

#topnav ul li:hover ul,
#topnav ul li.over ul {
	left: auto;
	*margin-top: 3px;
	_margin-top: 3px;
}

/* first-level dropdown nav */

#topnav ul li ul {
	position: absolute;
	left: -9999px;
	width: 1px;
	min-width: 200px;
	z-index: 3;
	border: 1px solid #dddddd;
}

#topnav ul li ul li a,
#topnav ul li ul li span {
	color: #333333;
	font-size: 10px;

	background-image: url("../images/buttons/arrow.gif");
	background-repeat: no-repeat;
	background-position: 6px 9px;

	padding-left: 16px;
}

#topnav ul li ul li {
	clear: left;
	float: left;
	text-align: left;
	width: 200px;
	display: block;
	padding: 0px;
	background-color: #ffffff;
}

#topnav ul li:hover ul li,
#topnav ul li.over ul li {
	height: auto;
	border-bottom: 0px;
}

#topnav ul li:hover ul li a,
#topnav ul li.over ul li a,
#topnav ul li:hover ul li span,
#topnav ul li.over ul li span {
	border: 0px;
	height: auto;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}

#topnav ul li:hover ul li a:hover,
#topnav ul li.over ul li a:hover {
	color: #00546b;
	background-color: #dddddd;
}

/* second-level dropdown nav */

#topnav ul li ul li ul {
	position: relative;
	width: 1px;
	min-width: 200px;
	border: 0px;
}

#topnav ul li:hover ul li ul li,
#topnav ul li.over ul li ul li {
	background-color: #eeeeee;
}

#topnav ul li:hover ul li ul li a,
#topnav ul li.over ul li ul li a,
#topnav ul li:hover ul li ul li span,
#topnav ul li.over ul li ul li span {
	color: #333333;
	font-size: 10px;

	background-image: url("../images/inside_list_image.gif");
	background-repeat: no-repeat;
	background-position: 16px 10px;

	padding: 3px 0px 3px 24px;
}

/* ======== footernav home & inside ======== */

#footernavhome,
#footernavinside {
	clear: both;
	float: left;
	margin-top: 12px;
	padding-left: 20px;
}

#footernavhome ul,
#footernavinside ul {
	display: inline;
	text-align: right;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#footernavhome ul li,
#footernavinside ul li {
	border-left: 1px solid #333333;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

#footernavhome ul li.first-item,
#footernavinside ul li.first-item {
	border-left: 0px;
	padding-left: 0px;
}

#footernavhome ul li a,
#footernavinside ul li a {
	display: block;
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
	font-size: 10px;
}

#footernavhome ul li a:hover,
#footernavinside ul li a:hover {
	text-decoration: none;
}

#footernavhome ul li,
#footernavinside ul li {
	float: left;
}

/* ======== footernav common ======== */

#footernavcommon {
	margin-top: 12px;
	padding-right: 20px;
	float: right;
	width: auto;
}

#footernavcommon ul {
	display: inline;
	text-align: right;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#footernavcommon ul li {
	border-right: 1px solid #333333;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

#footernavcommon ul li.first-item {
	padding-left: 0px;
}

#footernavcommon ul li.last-item {
	margin-right: 9px;
}

#footernavcommon ul li a {
	display: block;
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
	font-size: 10px;
}

#footernavcommon ul li a:hover {
	text-decoration: none;
}

#footernavcommon ul li {
	float: left;
}

/* ======== hierarchy nav ======== */

#hierarchy_nav div.nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* level 0 deep */

#hierarchy_nav div.nav ul li {
	background-image: url("../images/hierarchy_first_bg.gif");
	background-repeat: repeat-x;
	background-position: left top;

	clear: both;
}

#hierarchy_nav div.nav ul li div.item {
	min-height: 28px;
	/*_height: 1px;*/
	height: auto;
}

#hierarchy_nav div.nav ul li div.item span,
#hierarchy_nav div.nav ul li div.item a {
	display: block;

	background-repeat: no-repeat;
	background-position: 10px 12px;

	padding: 6px 7px 7px 24px;

	font-size: 12px;
}

#hierarchy_nav div.nav ul li div.item span {
	background-image: url("../images/buttons/arrow_dbl_normal.gif");
}

#hierarchy_nav div.nav ul li div.selected {
	background-color: #14546b;
}

#hierarchy_nav div.nav ul li div.selected span {
	background-image: url("../images/buttons/arrow_dbl_selected.gif");

	color: #ffffff;
	font-weight: bold;
}

#hierarchy_nav div.nav ul li div.item a {
	background-color: transparent;
	background-image: url("../images/buttons/arrow_dbl_normal.gif");

	color: #333333;
	font-weight: normal;

	text-decoration: none;
}

#hierarchy_nav div.nav ul li div.item a:hover {
	color: #339e35;
}

/* level 1 deep */

#hierarchy_nav div.nav ul li ul li {
	background-image: none;
	width: 200px;
	border-bottom: 1px solid #dddddd;
}

#hierarchy_nav div.nav ul li ul li div.item {
	min-height: 28px;
	/*_height: 1px;*/
	height: auto;
}

#hierarchy_nav div.nav ul li ul li div.item span,
#hierarchy_nav div.nav ul li ul li div.item a {
	padding: 6px 0px 7px 32px;

	background-position: 18px 12px;
}

#hierarchy_nav div.nav ul li ul li div.selected {
	background-color: #14546b;
}

#hierarchy_nav div.nav ul li ul li.first-item {
	border-top: 1px solid #dddddd;
}

/* level 2 deep */

#hierarchy_nav div.nav ul li ul li ul li {
	border-bottom: 0px;
	background-color: #eeeeee;
	width: 200px;
}

#hierarchy_nav div.nav ul li ul li ul li div.item {
	min-height: 22px;
	/*_height: 1px;*/
	height: auto;
}

#hierarchy_nav div.nav ul li ul li ul li div.item span,
#hierarchy_nav div.nav ul li ul li ul li div.item a {
	font-size: 10px;

	padding: 4px 5px 5px 32px;
	
	background-image: url("../images/inside_list_image.gif");
	background-position: 23px 11px;
}

#hierarchy_nav div.nav ul li ul li ul li div.selected {
	background-color: #14546b;
}

/* level 1 toggle specific stuff */
/* plus/minus styles */

#hierarchy_nav div.nav ul li ul li div.item_toggle div.button_toggle {
	display: block;

	width: 9px;
	height: 9px;

	margin-top: 10px;
	margin-right: 5px;

	background-repeat: no-repeat;
	background-position: left top;
	background-image: url("../images/buttons/minus.gif");

	cursor: pointer;
}

#hierarchy_nav div.nav ul li ul li div.item_toggle div.button_toggle_shut {
	background-image: url("../images/buttons/plus.gif");
}

#hierarchy_nav div.nav ul li ul li div.item_toggle span,
#hierarchy_nav div.nav ul li ul li div.item_toggle a {
	clear: left;
	float: left;
}

#hierarchy_nav div.nav ul li ul li div.item_toggle div.button_toggle {
	float: right;
}

/* ======== summary nav ======== */

#pagenav div.summary ul li {
	padding-top: 6px;
	padding-bottom: 9px;

	border-bottom: 1px solid #dddddd;
}

#pagenav div.summary ul li a {
	margin-left: 5px;
	zoom: 1;

	text-decoration: underline;
}

#pagenav div.summary ul li a:hover {
	text-decoration: none;
}

/* ======== links nav ======== */

#pagenav div.linksnav a {
	font-size: 10px;
	color: #333333;
}

#pagenav div.linksnav ul {
	margin-bottom: 0px;
	margin-left: 0px;
}

#pagenav div.linksnav ul li {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 6px;
	border-top: 1px solid #eeeeee;

	margin-bottom: 0px;
	margin-left: 0px;

	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	_list-style-image: none;
	*list-style-image: none;
}

#pagenav div.linksnav ul li a {
	margin-left: 0px;
	zoom: 1;

	text-decoration: underline;
}

#pagenav div.linksnav ul li a:hover {
	text-decoration: none;
}

/* ======== breadcrumbs nav ======== */

#breadcrumbs_nav {
	clear: both;
	padding-left: 20px;
	padding-top: 16px;
}

#breadcrumbs_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#breadcrumbs_nav ul li {
	padding-right: 6px;
	padding-left: 9px;
	display: inline;

	background-image: url("../images/breadcrumb_divider.gif");
	background-repeat: no-repeat;
	background-position: left 5px;
}

#breadcrumbs_nav ul li.first-item {
	background-image: none;
	padding-left: 0px;
}

#breadcrumbs_nav ul li,
#breadcrumbs_nav ul li a,
#breadcrumbs_nav ul li span {
	font-size: 10px;
	color: #333333;
}

#breadcrumbs_nav ul li a {
	text-decoration: underline;
}

#breadcrumbs_nav ul li a:hover {
	text-decoration: none;
}