/*=================================
	MAIN NAV
===================================*/

#menu_vert {margin:20px 0 22px 0;  *margin:-3px 0 0 0;}

#primary-nav {float:left; width:100%; line-height:normal; text-transform:uppercase; list-style:none;margin-left:8px;}

#primary-nav ul.topLevel {margin:0; padding:10px 10px 0; list-style:none;}
  
#primary-nav li.topLevel {
	float:left;
	background:url("../images/nav_left.gif") no-repeat left top;
	backgroundrepeat:repeat;
	background-color:transparent;
	margin:0;
	padding:0 0 0 /*7*/7px;
	margin:2px 2px 0 0;
	*margin:1px 2px 0 0;
	height:51px;
	text-transform:capitalize;
        font-size: 10px;
}

#primary-nav li.topLevel li {text-transform:none; list-style:none; margin:-2px 0 0 -6px; _margin:-3px 0 0 -3px;}
	#primary-nav li.topLevel li li {text-transform:none; list-style:none; margin:0;}
  
#primary-nav a.topLevel {float:left; display:block;
	background:url("../images/nav_right.png") no-repeat right top;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:17px 8px 20px 0px;
	_padding:17px 7px 20px 0px;
}
  
	#primary-nav li.topLevel a.topLevel:hover {color:#fff; text-decoration:underline;}

	#primary-nav #current {padding:0 0 0 10px; margin:2px 0 0 0; background-image: url("../images/nav_left-on.gif");}
	#primary-nav li.topLevel#current a.topLevel {
		padding:17px 12px 20px 0px;
		_padding:17px 12px 20px 0px; background-image:url("../images/nav_right-on.gif");
		border: 0;
		height: 15px;
	}

	#primary-nav li.doubleLine {
/*width:49px;*/
}
	#primary-nav li.doubleLine a {
/*padding:11px 8px 8px 0px;*/
}
		#primary-nav li.doubleLine li a {padding:4px 8px 4px 4px;}
		#primary-nav li.doubleLine li a:hover {padding:8px 8px 4px 4px;}
		#primary-nav li.doubleLine#current a {padding:11px 12px 4px 0px; _padding:11px 12px 0px 0px;}

	#primary-nav li.tripleLineA {/*width:84px;*/}
	#primary-nav li.tripleLineB {/*width:73px;*/}
		#primary-nav li.tripleLineA a, #primary-nav li.tripleLineB a {
/*padding:4px 8px 4px 0px; _padding:4px 8px 6px 0px;*/ height: 40px;
}
		#primary-nav li.tripleLineA li a, #primary-nav li.tripleLineB li a {padding:4px 8px 4px 10px; height: 1.2em;}
		#primary-nav li.tripleLineA#current li a {/*padding:4px 8px 4px 0px; _padding:4px 8px 4px 0px;*/ background:none;}

		#primary-nav li.tripleLineA#current a.topLevel, 
		#primary-nav li.tripleLineB#current a.topLevel {/*padding:6px 12px 5px 0px; _padding:4px 12px 5px 0px;*/ height: 40px;}

	
	#primary-nav a.topLevel {float:none;} /* Commented Backslash Hack hides rule from IE5-Mac \*/




/*======== MAIN STYLES FOR NAV ================*/

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {width: 200px;}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul, , #primary-nav ul ul, , #primary-nav ul ul ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}

#primary-nav ul { position: absolute; top: auto; display: none;}

#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a, #primary-nav li.topLevel#current li a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px;
   text-decoration: none; 
   /*color: #fff;*/
   color:#153042;
   text-transform:capitalize;
background-image:none;
}
#primary-nav li a{
  text-transform:uppercase;
}
#primary-nav li ul li a{
  text-transform:capitalize;
}

#primary-nav li li a {height:1%;}

#primary-nav li li a { 
   border: 1px solid #153042;
}	

#primary-nav li li ul { 
  border-top: 1px solid #153042;
}	

#primary-nav li li li a { 
   margin:-1px 0 0 0;
}	

#primary-nav li#current li li a {border-top:0px;}

#primary-nav li li, #primary-nav li.menuparent li { 
   background-color:#DDE9F1; 
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
/*   background-color: #C7C7C7; */
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav  ul li.menuparent:hover, #primary-nav  ul li.menuparenth:hover,  
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(../images/icon_nav-arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat;
color:#fff; 
}


#primary-nav  ul li.menuparent {
   background-image: url(../images/icon_nav-arrow_dark.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}

/* Styling the apperance of menu items on hover */
#primary-nav li li:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { background-color:#3F7794;}

#primary-nav li li a:hover, 
#primary-nav li li.menuh,
#primary-nav li li.menuparent:hover a,
#primary-nav li#current li:hover a, 
#primary-nav li li.menuparenth:hover a {color:#fff;} 

	#primary-nav li li:hover li a, 
	#primary-nav li li.menuh,
	#primary-nav li li.menuparent:hover li a,
	#primary-nav li#current li:hover li a, 
	#primary-nav li li.menuparenth:hover li a {color:#153042;}

		#primary-nav li li li a:hover,
		#primary-nav li li.menuh li a:hover,
		#primary-nav li li.menuparent:hover li a:hover,
		#primary-nav li#current li:hover li a:hover, 
		#primary-nav li li.menuparenth:hover li a:hover {color:#fff;}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}