/* CSS Document */

 /* Horizontal menu*/
#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
width:996px;
height:36px;
padding:0px;
margin-bottom:20px;
background:#023647;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
z-index:100;
}

#menuwrapper ul li{ 
	list-style:none!important;
	}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 180px; 
}
/*to  move second level nav to the base of horizontal bar*/
#primary-nav li ul { 
   margin-top:1; 
   _margin-top:1;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav 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 { 
   margin-left: 0;
   float: left; 
}
#primary-nav li li { 
   margin: 0!important;
   float: none; 
   position: relative; 
   padding: 0;
   background:none!important;
   border:0;
}
/* Styling the basic apperance of the menu elements */
#primary-nav li a { 
float:left;
text-decoration:none;
padding:7px 15px; 
margin:0;
color:#eee;
font-size:13px;
text-align:center;
border-right:1px #666 solid;
}
#primary-nav li a:hover {
text-decoration:none;
color: #fff;
background:#000 url(../images/nav-arrow.gif) no-repeat 50% bottom;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
}
#primary-nav li.menuactive a{ 
text-decoration:none;
color: #fff;
background:#000 url(../images/nav-arrow.gif) no-repeat 50% bottom;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
	}
/* Styling the basic apperance of the dropdown menu elements */
#primary-nav li li a { 
	padding:6px 0 9px 22px!important;
	display:block;
	background-color:#333;
	color:#fff;
	text-align:left;
	font-size:11px;
	border-bottom:1px #aaa solid;
}	
#primary-nav li li a:hover { 
	text-decoration: none;
        background-color:#444;
        background-image:none!important;
}
#primary-nav li.menuactive li a {/*tweak to remove bg image from active dropdown menu*/
        background-image:none!important;
        background:#333;
		color:#fff;
}
#primary-nav li.menuactive li a:hover {/*tweak to remove bg image from active dropdown menu*/
        background-color:#444;
		color:#c8e314;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

/* Styling the apperance of menu items on hover */

#primary-nav ul li a:hover, 
#primary-nav ul li a.menuh, 
#primary-nav ul li a.menuparenth, 
#primary-nav ul li a.menuactiveh { 
	text-decoration: none;
											
}

/* 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; 
}
dfn {/*to hide dfn div content*/
	display:none;
}

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