/* March 2006 */


/* NAVIGATION */

a {text-decoration:none; cursor:hand;}


/* Generic Horizontal Pipe Nav *****************************/
/* This can be used globally and restyled as needed within the cascade. */
/* Tested in - Win/IE5 Win/IE5.5 Win/IE6 Win/NN4 Win/NN6 Win/NN7 Win/Moz Mac/Safari Mac/IE5 Mac/Moz */

.navHorizPipe {
	font: 11px arial, verdana, geneva, arial, sans-serif;
	line-height:13px;
	margin: 0;
	padding: 0;
	/*float: left;*/
}
.navHorizPipe li {
	display: inline; /* make the list horizontal */
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	border-left: 1px solid #ccc;
}
.navHorizPipe li a {
	padding: 0 6px;
	margin: 0;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	/*background-color: #4F83BB;*/
}
/* hide from Mac IE5\*/
.navHorizPipe li a {display: block;}
/*End Mac IE 5 hide*/

.navHorizPipe li:first-child {border-left:0;} /* hide first pipe (Mozilla, Netscape, Safari, Mac/IE5) */

/* Win/IE browsers only - hide from Mac IE5\*/
* html .navHorizPipe { height: 1%; } 
* html .navHorizPipe li {margin: 0 1px 0 -1px;} /* LI's are shifted to the left using a negative margin value to hide the first pipe.*/
/*End Mac IE 5 hide*/

.navHorizPipe li a:hover {color:#000; text-decoration:none; background-color:#eee;}



/* Utility Nav ***********************/

#navUtility {
	float:left;
	padding:5px 0;
	font-size:12px;
}
#navUtility * {
	color: #fff;
	border-color:#fff;
	border-bottom:none;
}
#navUtility a:hover,
#navUtility a.selected:hover {color:#fff; background-color:#db9428;}
#navUtility a.selected {color:#fff; font-weight:bold;}



/* Section Nav ***********************/

#navSection {
	float:left;
	clear:left;
	padding: 0;
	width: 760px;
	height: 26px;
	background: #002d64 url("../images/template/en/tBlank.gif") top left no-repeat;	
}
#navSection * {
	font-size:13px;
	color: #90ace3;
	border-color:#3664ba;
	border-bottom:none;
}
#navSection ul {display:inline; float:left; margin: 6px 0 0 15px;}
#navSection ul a:hover {background:none; color:#fff;}
#navSection a.selected {color:#fff; font-weight:bold;}








/* Breadcrumb Nav ***********************/

#navBreadcrumb {
	float:left;
	/*clear:left;*/
	width: 760px;
	height: 24px;
	font-size:11px;
	background: #d5d5d5 url("../images/template/bgBreadcrumb.gif") bottom left repeat-x;	
	border-top: 1px solid #eee;
	border-bottom: 1px solid #999;
	overflow: hidden; /* ensure the div stretches to contain its floats */
}
#breadcrumb {float:left; padding: 5px 0 0 10px;}
#breadcrumb,
#breadcrumb a {
	color: #333;
	border-bottom:none;
	font-weight:normal;
}
#breadcrumb a:hover {color:#000; background-color:#eee;}




/* Global Search Field ****************************/

#GeoSearchForm {
	margin: 2px 0 0 0;
	padding:0;
	float:right;
}

#GeoSearchForm * {vertical-align: middle; margin: 0 1px;}

#GeoSearchForm input#searchField {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	background-color:#ccc;
	width:80px;
	margin:0;
	padding: 1px 5px;
}
#GeoSearchForm input#searchField.fieldFocus {
	background-color:#fff;
	color:#000;
}


#GeoSearchForm select {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	background-color:#ccc;
	/*border: 1px solid #666;*/
}
#GeoSearchForm option {
	padding: 0 5px;
}
#GeoSearchForm button#searchButton {
	width:17px; 
	height:17px; 
	margin: 0 15px 0 0;
  	border:none;
	text-indent: -5000px; /* hide the text */
	background: transparent url("../images/template/bttnSearch.gif") top left no-repeat;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	}



/* LEFT SIDE navGlobal - level 1  ********************************/

#navGlobal {
	margin: 0;	/*removes indent IE and Opera*/
    padding: 0;	/*removes indent Mozilla and NN7*/
	font-size:11px;
}
#navGlobal li {
    list-style: none;	/*turns off display of bullet*/
}
#navGlobal li a {
	display: block;
	width:130px;  /* for ie5 - 130px width includes padding */
	w\idth: 126px;  /* ie6 and others - 130px width minus padding */
	border:none;
	color:#002d64;
	text-decoration:none;	
	font-weight:normal;
	margin: 0;
	padding: 2px;
	background: url(../images/template/dotted-grey.gif) repeat-x bottom; /* hack for IE */
}
#navGlobal li a:hover {color:#000; background-color:#eee; text-decoration:none;}
#navGlobal li a.selected {font-weight:bold;}



/* LEFT SIDE navGlobal - level 2  ********************************/

#navGlobal li ul  {
	/*margin: 0;	removes indent IE and Opera*/
    /*padding: 0;	removes indent Mozilla and NN7*/
	font-size: 10px;
	/*margin-left: 10px;*/
	margin-top:0;
	margin-bottom: 8px;
	margin-left: -5px;
	padding-left:1em; margin:0 0 12px 0; /* standardize list indents for IE and Mozilla */
 	}
#navGlobal li ul li  {
	list-style: square url(../images/template/bullet.gif) outside;
 	}
#navGlobal li ul li a {	
	display: block;
	width:125px; /* 130px minus margin indent above */
	color: #666;
}
/*#navGlobal li ul li a:hover {background-color:#e2e9f7;}*/
#navGlobal li ul li a.selected,
#navGlobal li ul li a:hover.selected {font-weight:bold; border-top:none; color:#000; font-size:11px;}




/* FOOTER *********************/


#navFooter {
	width: 760px;
	background: #002d64 url("../images/template/en/tBlank.gif") top left no-repeat;	
	padding: 5px 10px;
	height: 12px; 
	clear:both;
}

#navFooter * {
	font-size:11px;
	color: #fff;
	border-color:#3664ba;
	border-bottom:none;
}
#navFooter ul {margin: 6px 0 0 15px; float: right;}
#navFooter a:hover {background-color:#3664ba; color:#fff;}
#navFooter li {border: none;}
