/*****************
STYLES FOR TOP NAVIGATION
******************/

#topNavWrapper {
	margin: 0px;
	padding: 0px;
	
	height: 38px;
	background-image: url(../images/top_nav_bg.gif);
}

#topNav {
	margin:0px;
	padding:0px;	

	width: 805px;
	height: 100%;
		
	margin-left: auto;
	margin-right: auto;	
}

/********
TOP NAV UL settings
*********/

.topNavigationList {
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	float: left;

	padding-left: 15px;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 12px;
	line-height: 19px;
	
	list-style-type: none;
	display: inline;
}

/*******
TOP NAV LI settings
*******/

.topNavigationList li {
	width: 150px;
	display: block;

	float: left;
	clear: both;
	color: #B5B1A6;

	padding-left: 20px;
	background-image: url(../images/arrowright_orange.gif); 
	background-repeat: no-repeat; 
	background-position: 5px center;	
}

.topNavigationList li a {
	display: block;

	color: #b5b1a6;
	text-decoration: none;
}

.topNavigationList li a:visited {
	display: block;

	color: #b5b1a6;
	text-decoration: none;
}

.topNavigationList li a:hover {
	display: block;

	color: #fff;
	text-decoration: none;
}

/******
SPECIAL LI settings
*******/
.topNavigationList li.topNavigationListHighlighted {
	display: block;

	color: #f59121;
	text-decoration: none;
}


/*******
BREADCRUMB SETTINGS
********/

#contentBreadcrumbsLeft {
	margin: 0px;
	padding: 0px;

	width: 7px;
	height: 33px;
	
	background-image: url(../images/breadcrumbs_left_bg.gif);
	float: left;
}

#contentBreadcrumbsRight {
	margin: 0px;
	padding: 0px;
	
	width: 7px;	
	height: 33px;
	
	background-image: url(../images/breadcrumbs_right_bg.gif);
	float: left;
}

#contentBreadcrumbs {
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 20px;
	
	width: 791px;
	height: 33px;
	
	background-image: url(../images/breadcrumbs_bg.gif);
	float: left;
}

.breadcrumbsHome {
	margin: 0px;
	padding: 0px;

	padding-top: 1px;
	width: 20px;
	height: 28px;
	vertical-align: middle;
	
	float: left;
}

.breadcrumbsDivider {
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	
	width: 20px;
	height: 28px;
	vertical-align: middle;
	background-image: url(../images/breadcrumb_divider.gif);
	
	float: left;
}

.breadcrumbsText {
	margin: 0px;
	padding: 0px;

	height: 31px;
	float: left;
	
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 31px;
	color: #000;
	vertical-align: middle;
}

.breadcrumbsText a {
	color: #000;
	text-decoration: none;
}
.breadcrumbsText a:hover {
	color: #000;
	text-decoration: underline;
}