/****************************************************************
contains utility, main, subnav, breadcrumbs and footer navigation
*****************************************************************/


/***********
utilityNav
************/

#utilityNav {
	height: 20px;
	position: relative;
	float: right;
}

#utilityNav ul {
	margin:0;
	list-style-type: none;
	width: 500px;	
	height: 34px;
	float: right;
	margin-right: 20px;
}
* html #utilityNav ul {
	margin-right: 10px;
}

#utilityNav li {
	margin:0;
	padding:5px 10px 5px 10px;	
	float: right;
	position: relative;
	background-image: url(../images/pipe.gif);
	background-position:0 60%;
	background-repeat:no-repeat;
}

#utilityNav a {
	color: #494849;
	text-decoration: none;	
	font-weight: normal;
}
#utilityNav a:hover {
	color: #494849;
	text-decoration: underline;	
	font-weight: normal;
}

/***************
Main Navigation
***************/
#navContainer {
	width: 964px;
	height: 34px;
	position: relative;
	background:  #e4e2e4 url("../images/navGradient.gif") repeat-x bottom;
	z-index: 190;
}

#mainNav {
	position: relative;
	width: 964px;
	height: 23px;
	line-height: normal;
	list-style: none;	
	z-index: 198;
}
	
#mainNav ul {
	z-index: 199;
	margin:0;
	padding:0;
	list-style:none;
}

#mainNav li {
	z-index: 200;
	position: relative;
	float:left;	
	background: #e2e2e2 url("../images/rightEdge.gif") no-repeat right top;
	margin: 0;
	padding:0;
}


#mainNav a {
	position: relative;
	z-index: 201;
	display: block;
	background: url("../images/leftEdge.gif") no-repeat left top;
	color: #010000;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
}

#mainNav li.active {
	background: url("../images/rightEdge_over.gif") no-repeat right top;
}
#mainNav li.active a {
	background: url("../images/leftEdge_over.gif") no-repeat;
	color: #ffffff;
}


#mainNav li:hover,
#mainNav li.sfhover
{
	background: url("../images/rightEdge_over.gif") no-repeat right top;
}

#mainNav li:hover a, 
#mainNav li:hover a:visited,
#mainNav li.sfhover a, 
#mainNav li.sfhover a:visited
{
	background: url("../images/leftEdge_over.gif") no-repeat;
	color: #ffffff;
}	

#mainNav li ul {
	z-index: 202;
	position: absolute;
	left: -999em;
	height: auto;
	width: 155px;
}

#mainNav li li {
	z-index: 203;
	float: left;
	padding: 0px;
	border-top: none;
	background-image: none;
}
* html #mainNav li li {
	padding-right: 0;	
}

#mainNav li ul a {
	width: 155px;
	padding-right: 0;
	color: #010000 !important;
	background-image: none !important;
	border-left: 1px solid #3c4882;
	border-right: 1px solid #3c4882;
	border-bottom: 1px solid #3c4882;
	z-index: 204;
}

#mainNav li ul li.active a {
	color: #ffffff !important;
	
}

#mainNav li ul li.subActive ul li.active a {
	color: #ffffff !important;
}

/* starts */

#mainNav li ul li.subActive ul li.subActive a,
#mainNav li ul li.subActive ul li a,
#mainNav li ul li.active ul li.subActive a,
#mainNav li ul li.active ul li a
 {
	z-index: 204;
	color: #000000 !important;
	background-image: none !important;	
	background-color: #d6d7d9 !important;
}

#mainNav li ul li:hover a,
#mainNav li ul li.sfhover a,
#mainNav li ul li.active a:hover,
#mainNav li ul li.active ul li a:hover
{
	color: #ffffff !important;
	background-color:#7985c6 !important;
	background-image: none !important;
}

#mainNav li ul li.active ul li.subActive a:hover,
#mainNav li ul li.subActive ul li.active a,
#mainNav li ul li.active,
#mainNav li ul li.active a:hover
{
	color: #ffffff !important;
	background-color:#29359e !important;
	background-image: none !important;
}



/* ends */

#mainNav li ul li.subActive ul li.subActive a:hover,
#mainNav li ul li.subActive ul li a:hover{
	z-index: 204;
	color: #ffffff !important;
	background-image: none;	
	background-color: #7985c6 !important;
}




#mainNav li ul li:hover ul li a,
#mainNav li ul li.sfhover ul li a {
	color: #010000 !important;
}

#mainNav li ul li:hover ul li:hover a,
#mainNav li ul li.sfhover ul li.sfhover a {
	color: #fff !important;
}

#mainNav li ul ul {
	z-index: 103;
	margin: 0 0 0 171px;
	top: -1px;
}

#mainNav li:hover ul ul, 
#mainNav li:hover ul ul ul, 
#mainNav li.sfhover ul ul, 
#mainNav li.sfhover ul ul ul {
	left: -999em;
}

#mainNav li:hover ul, 
#mainNav li li:hover ul, 
#mainNav li li li:hover ul, 
#mainNav li.sfhover ul, 
#mainNav li li.sfhover ul, 
#mainNav li li li.sfhover ul {
	left: auto;
}

/***********
sub navigation
************/
#subnav {	
	position: relative;
	width: 190px;
	height: 100%;
	line-height: normal;
	margin:0;
	padding:0;
	list-style-type:none;
	padding-bottom: 15px;
}

#subnav li {
	position: relative;
	margin-left: 5px;
	padding: 5px 0 5px 15px;	
	list-style-type:none;
	background: url("../images/bulletSubnav.gif") no-repeat left top;
	
	border-bottom: 1px solid #2e3672;
}
#subnav ul {
	position: relative;
	margin: 0;
	padding: 0;
}

#subnav li li {
	padding:3px 0 3px 10px;	
	list-style-type: none;
	background: url("../images/bulletSubnav2.gif") no-repeat left center;
	border-bottom: none;
}

#subnav li ul {
	display:none;
}

#subnav li.active ul {
	display:block;
}



#subnav li.active ul li a{
	color:#494849 !important;
}

#subnav li.parent.active a
{
	color:#e41e26 !important;
}

#subnav li.parent.active ul li a
{
	color:#494849 !important;
}

#subnav li.parent.active.subActive a
{
	color:#494849 !important;
}

#subnav li.parent.active.subActive ul li.active a
{
	color:#e41e26 !important;
}

#subnav a {
	position: relative;
	color: #494849;
	text-decoration: none;	
	font-weight: normal;
}
#subnav a:hover {
	color: #494849;
	text-decoration: underline;	
	font-weight: normal;
}



#subnav li.active {
}
#subnav li.active a {
	color: #e41e26;
}

/***********
breadcrumbs
************/

#breadcrumbs {
	position: relative;
	float: left;
	width: 100%;
	color:red;
}

#breadcrumbs ul {
	padding: 0;
	margin:0;
	list-style-type: none;
	width: 100%;	
	float: left;
}

#breadcrumbs li {
	margin:0;
	padding: 0 5px 0 15px;	
	float: left;
	position: relative;
	background-image: url(../images/bulletBreadcrumb.gif);
	background-position:0 65%;
	background-repeat:no-repeat;
}

#breadcrumbs li.firstItem {
	padding-left: 0;	
}

#breadcrumbs a {
	color: #494849;
	text-decoration: none;	
	font-weight: normal;
}
#breadcrumbs a:hover {
	color: #494849;
	text-decoration: underline;	
	font-weight: normal;
}


#breadcrumbs li.active {
}
#breadcrumbs li.active a {
	color: #e41e26;
}

#footBg
{
background-image: url(../images/BGContentShadowBottom.png);
background-repeat:no-repeat;
}


/***********
footer
************/

#footer {
	position: relative;
	height: 35px;
	width: 100%;
	font-size: 0.8em;
	
}

#footer ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	height: 34px;
	float: right;
	margin-top: 0;

}

#footer li {
	margin:0;
	padding: 0;
	padding:5px 10px 5px 10px;	
	float: right;
	position: relative;
	background-image: url(../images/pipe.gif);
	background-position:0 55%;
	background-repeat:no-repeat;
}

#footer a {
	color: #494849;
	text-decoration: none;	
	font-weight: normal;
}
#footer a:hover {
	color: #494849;
	text-decoration: underline;	
	font-weight: normal;
}