/* CSS NAVIGATION STYLES */


/* Top Nav with text size
-----------------------------------------------------------------*/
#TopNavWrapper #TopNav {
    width: 380px;
	margin: 6px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left; /* Contain floated list items */
}

#TopNavWrapper #TopNav li {
  	margin: 0;
  	padding: 0px;
  	float: left;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	color: #365B3A;
}
#TopNavWrapper #TopNav .textSize_txt {
	border-right: none;
	padding: 0px 10px 0px 0px;
	display: inherit;
}
#TopNavWrapper #TopNav .noBorder {
	border-right: none;
}
#TopNavWrapper #TopNav a {
  	text-decoration: none;
  	color: #365B3A;
}
#TopNavWrapper #TopNav a:hover {
	text-decoration: underline;
}
.Pipe {
    color: #365B3A;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
}

/* Main Nav */

/* CSS NAVIGATION STYLES */


/* ---------------------------------------------------- BASIC STYLING OF THE MENU */

#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 37px;
	position: relative;
	z-index: 200;
	background: url(/en/images/menu.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 965px;
}
#nav li.top {
	display: block;
	float: left;
}


/* ---------------------------------------------------- STYLE NAVIGATION BOX AREAS */

#nav li a {
	display: block;
	float: left;
	height: 37px;
	text-decoration: none;
	letter-spacing: 0;
	padding: 0;
	cursor: pointer;
}


/* ---------------------------------------------------- MOVE MENU TEXT OFF PAGE */

#nav li a b {
	margin-left: -9999px; 
	font-weight: normal;
}


/* ---------------------------------------------------- PLACE IMAGES INTO THE NAV MENU */

#nav li a.navTab1, #nav li a.navTab1On {
	left: 0;
	width: 111px;
	background: url(/en/images/menu.jpg) 0px 0 no-repeat;
	position: relative;
	z-index: 9;
}
#nav li a.navTab2, #nav li a.navTab2On {
	left: 0;
	width: 143px;
	background: url(/en/images/menu.jpg) -111px 0 no-repeat;
	position: relative;
	z-index: 8;
}
#nav li a.navTab3, #nav li a.navTab3On {
	left: 0px;
	width: 101px;
	background: url(/en/images/menu.jpg) -254px 0 no-repeat;
	position: relative;
	z-index: 7;
}
#nav li a.navTab4, #nav li a.navTab4On {
	left: 0px;
	width: 144px;
	background: url(/en/images/menu.jpg) -355px 0 no-repeat;
	position: relative;
	z-index: 6;
}
#nav li a.navTab5, #nav li a.navTab5On {
	left: 0px;
	width: 89px;
	background: url(/en/images/menu.jpg) -499px 0 no-repeat;
	position: relative;
	z-index: 5;	
}
#nav li a.navTab6, #nav li a.navTab6On {
	left: 0px;
	width: 133px;
	background: url(/en/images/menu.jpg) -588px 0 no-repeat;
	position: relative;
	z-index: 4;	
}
#nav li a.navTab7, #nav li a.navTab7On {
	left: 0px;
	width: 59px;
	background: url(/en/images/menu.jpg) -721px 0 no-repeat;
	position: relative;
	z-index: 3;
}
#nav li a.navTab8, #nav li a.navTab8On {
	left: 0px;
	width: 76px;
	background: url(/en/images/menu.jpg) -780px 0 no-repeat;
	position: relative;
	z-index: 2;	
}
#nav li a.navTab9, #nav li a.navTab9On {
	left: 0px;
	width: 109px;
	background: url(/en/images/menu.jpg) -856px 0 no-repeat;
	position: relative;
	z-index: 1;	
}


/* ---------------------------------------------------- MOVE THE IMAGE POSITION ON ROLLOVER */

#nav li:hover a.navTab1, #nav a.navTab1:hover, a.navTab1On
{background-position: 0px -37px !important;}

#nav li:hover a.navTab2, #nav li a.navTab2:hover, a.navTab2On
{background-position: -111px -37px !important;}

#nav li:hover a.navTab3, #nav li a.navTab3:hover, a.navTab3On
{background-position: -254px -37px !important;}

#nav li:hover a.navTab4, #nav li a.navTab4:hover, a.navTab4On
{background-position: -355px -37px !important;}

#nav li:hover a.navTab5, #nav li a.navTab5:hover, a.navTab5On
{background-position: -499px -37px !important;}

#nav li:hover a.navTab6, #nav li a.navTab6:hover, a.navTab6On
{background-position: -588px -37px !important;}

#nav li:hover a.navTab7, #nav li a.navTab7:hover, a.navTab7On
{background-position: -721px -37px !important;}

#nav li:hover a.navTab8, #nav li a.navTab8:hover, a.navTab8On
{background-position: -780px -37px !important;}

#nav li:hover a.navTab9, #nav li a.navTab9:hover, a.navTab9On
{background-position: -856px -37px !important;}


/* ---------------------------------------------------- POSITION OF SECOND LEVEL */

/* including positioning off the page and removing the list style */
#nav li:hover {
	position: relative; 
	z-index: 200;
}
#nav a:hover {
	position: relative; 
	white-space: normal; 
	z-index: 200;
}

/*

	Dropdown Styles
	
*/

#nav table 
{
	border-collapse: collapse;
	margin: 0px; 
	padding: 0px;
	position: relative;
	clear: both;
	margin-top: -18px;
	margin-left: 0px;
}
	
#nav ul
{
	padding: 0; 
	margin: 0; 
	list-style-type: none !important;
}

#nav ul li 
{
	float: left; 
	position: relative;
	padding: 0px;
	margin: 0px;
}

#nav ul li ul li a, #nav ul li ul li a:visited 
{
	display: block;  
	text-decoration: none; 
	padding: 0px; 
	color: #FFFFFF;
}

#nav ul li ul 
{
	visibility: hidden; 
	position: absolute; 
	top: 37px; 
	left: 0px; 
	list-style-image: none; 
	list-style-type: none; 
	display: block;
	background-color: #cfd6c5; 
	padding: 0px;
	margin: 0px;
}

#nav ul li:hover ul, #nav ul li a:hover ul 
{
	visibility: visible; 
}

/*style of 2nd level list*/
#nav ul li ul li
{
	float: left;
	font-size: 12px;
	width: 200px; /* width of the widest button group */
	overflow: hidden;
	background-image: none !important;
}

/* Submenu Link */	
#nav ul li ul li a, #nav ul li ul li a:visited, #nav ul li ul li a:active
{
	color:#365b3a;
	background: #246c7e url(/images/subnav_background.gif) no-repeat 8px 9px !important;
	padding: 3px 3px 3px 13px;
	width: 185px !important;
	border-bottom: solid 1px #bfc4b7;	
	background-color: #cfd6c5 !important;
	font-size: 12px;
	height: auto !important;
}

#nav ul li ul li a:hover
{
	background-color: #e4e7df !important;
	text-decoration: none !important;
}

#nav ul li ul li.last a, #nav ul li ul li.last a:hover
{
	border-bottom: 0px;
}

/* End of Main Nav */


/* Footer Nav
------------------------------------------------------------------*/
a.footerNav:link, a.footerNav:visited, a.footerNav:hover, a.footerNav:active {
  	margin: 0px 0px 0px 0px;
  	padding: 0px 7px 0px 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	text-align: center;
	line-height: 1;
	color: #365B3A;
}
a.footerNav:hover {
    text-decoration: underline;
}
.pipeTwo {
    color: #365B3A;
    font-size: 11px;
}
/* Actions
-----------------------------------------------------------------------*/
a.actionNav:link, a.actionNav:visited, a.actionNav:active {
    color: #365B3A;
    text-decoration: none;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
}
a.actionNav:hover {
    text-decoration: underline;
}
/*BreadCrumbs Styles
*********************************************************************************************/
a.SubNav:link, a.SubNav:visited, a.SubNav:active {
    color: #666666;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    line-height: 0px;
}
a.SubNav:hover {
    text-decoration: underline;
}
.forwardSlash {
    color: #666666;
    padding: 0px 3px 0px 3px;
}
