#headBanner {
	/*THIS IS THE HEAD BANNER STYLE*/
	width: 100%;
	height: 100px;
	display: block;
	background: #000000;
	
	text-align: center;
}

#mainNavigationBar {
	/*overall LAF for the main navigation bar (links and additional info)*/
	width: 100%;
	height: 30px;
	float: left;

	background-color: #8B8B8B;
	background-image: url(../../common/images/topnav_bgnd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#mainNavigation {
	width: 455px;
	height: 30px;
	
	float: left;
	margin: 0px;
	padding: 0px;
	
	padding-left: 80px;
	text-align: left;
	background-image: url(../../common/images/but_topnavOFF.jpg);
	background-repeat: repeat-x;
}

#mainNavigationInformation{
	/*additional information displayed next to the main links*/
	height: 30px;
	width: 235px;

	float: left;
	margin: 0px;
	padding: 0px;

	background-image: url(../../common/images/topnav_rightbgnd.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	
	text-indent: 80px;
	font-size: 11px;	
	color: #ffffff;
	line-height: 30px;
}

/*this is the parent UL for the main nav LI links*/
#mainNavigationTabs {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;	
}

/*specify horizontal*/
#mainNavigationTabs li {
	display: inline;
}

/*alternate LI when highlighted*/
#mainNavigationTabs .highlighted {
	float: left;
	display: block;
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #fa9634
}

/*alternate LI when highlighted, hover state*/
#mainNavigationTabs .highlighted a:hover {
	background-color: #fa9634
}

/*standard LI link*/
#mainNavigationTabs li a {
	float: left;
	display: block;
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

/*standard LI link, hover state*/
#mainNavigationTabs li a:hover {
	background-color: #979797
}




/******************
SUB NAVIGATION Styles
******************/

.secondaryNav {
	width: 200px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

.secondaryNavTop {
	width: 200px;	
	height: 12px;
	
	margin: 0px;
	padding: 0px;
	
	background-image: url(../../common/images/prodnav_bgnd.gif);
	background-repeat: no-repeat;
	background-position: top;
}


.secondaryNavBase {
	width: 200px;	
	height: 12px;
	
	margin: 0px;
	padding: 0px;
	
	background-image: url(../../common/images/prodnav_bgnd.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.secondaryNavMain {
	width: 200px;	

	margin: 0px;
	padding: 0px;

	background-color: #fec698;
}

.secondaryNavTitle {
	padding-left: 15px;
}

/*this is the parent UL for the main nav LI links*/
#secondaryNavLinks {
	width: 176px;
	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
	padding-right: 12px;
	padding-left: 12px;
}

#secondaryNavLinks li {
	margin: 0px;
	padding: 0px;
	
	font-size: 11px;
	color: #000000;

	text-decoration: none;
	text-indent: 5px;	
}


/*standard LI link*/
#secondaryNavLinks li a {
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: left;
	color: #000000;
	
}

/*standard LI link, hover state*/
#secondaryNavLinks li a:hover {
	color: #ffffff;

	background-image: url(../../common/images/prodnavBgnd_ON.jpg);
	background-repeat: repeat-x;	
}


/*alternate LI when highlighted*/
#secondaryNavLinks .highlighted {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #ffffff;
	
	background-image: url(../../common/images/prodnavBgnd_ON.jpg);
	background-repeat: repeat-x;	
	background-color: #fa9634
}