/* Start of CMSMS style sheet 'ib - cssmenu - horizontal - classtest' */
/* Horizontal menu for the CMS CSS Menu Module */
/* Original code by: Alexander Endresen */
/* Current code by: Alex Koffler */

#menu-horz{
	display: block;
	height: 26px;
	margin-top: 2px;
	border-bottom:1px solid black;
}

/* The wrapper clears the floating elements of the menu */
.clearb { clear: both; }

/* Set the width of the menu elements at second and third level. Leaving first level flexible. */
.primary-nav li li { width: 175px; }   /* second level level / used to be 150px; until bolding now 175*/
.primary-nav li li li { width: 250px; } /*  Third level */
.articles .primary-nav li li {  width: 300px; } /* tweek: articles second level has to be wider for the time being*/
.articles .primary-nav li li {  width: 300px; } /* tweek: articles second level has to be wider for the time being*/

/* This area sets the background graphic on ONLY the top level of the nav bar. It uses one repositioned png sprite 
   which is positioned differently on the first menu item, the last menu item and the middle menu items.*/
li.menuheader{ background: #fff url('uploads/img/nav.png') repeat-x left 22px !important; }
.menufirst  li.menuheader{ background: #fff url('uploads/img/nav.png') no-repeat 22px -7px !important; }
.menulast  li.menuheader{ 
	background: #fff url('uploads/img/nav.png') no-repeat -17px -7px !important;
	padding-right: 10px;
	width:100px;
}

/* 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: block; 
   /*left: 0;*/
   /*margin-top: 26px;*/
}
.primary-nav ul ul { 
   margin-top: 0;
   margin-left: -1px;
   left: 100%;
   top: 0px;
}

/*.primary-nav li ul { margin-top: -1px;}	*/ /*use this for a better drop down effect maybe*/
.primary-nav li { 
   float: left; 
}

.primary-nav li li { 
   margin: 0;
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
.primary-nav a:link,
.primary-nav a:visited{color:#0c328d;} /* nav bar doesn't change color when links are visted*/
.primary-nav a:hover{color:#42537e;} /* a little bit of a lighter shade of blue */
/*.primary-nav a:active {color:#2075aD;} */
.primary-nav a:active {
	color:#FF8400;
	outline: none;
	/*color:#4695B6;*/
} /* selected link */
.primary-nav a:focus{
    /*-moz-outline-style: none;*/
	color:#FF8400;
}


.primary-nav a.menuactive,
.primary-nav .menuactive a.menuheader{
	font-weight:bold;
}

/* Move the first time 'home' to the left so it looks better*/
.menufirst  li.menuheader a{padding-left:20px;}

.primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   font-size: 13px;
}

.primary-nav li li a { 
   border: 1px solid #C0C0C0; 			 /* border is light gray most of the time */
   border-top: 1px solid transparent; 	 /* this makes it so there arn't any double borders between menu items */
}

/* On mouseover - text becomes darker */
.primary-nav li li a:hover{ color: #192839; }
/*border: 1px solid #000;     /*border 'darkens' on mouse hover*/             

.primary-nav li.menuheader a.menuheader{padding: 3px 10px;}

/* make sure the first 'second level' menu has a transparent top*/
.primary-nav li ul li:first-child a{ border-top: 1px transparent; }
.primary-nav li ul li:first-child a:hover{border-top: 1px transparent;}
/* make sure the first 'third level' menu item has a transparent top*/
.primary-nav li ul li:first-child li:first-child a{ border-top: 1px transparent; }
.primary-nav li ul li:first-child li:first-child a:hover{border-top: 1px transparent;}

/* Fix other first children of third level menus by setting a top border, becuase it is not adjenct to the top of the menu */
.primary-nav li ul li ul li:first-child a { border-top: 1px solid #C0C0C0; }    
.primary-nav li ul li ul li:first-child a:hover { border-top: 1px solid #C0C0C0;}   

.primary-nav li { 
	background-color: #fff;
	min-width: 85px;
}

/* Styling the apperance of menu parent items */
.primary-nav li.menuparent {
	background-image: url('uploads/img/arrow_gray.png');
	background-position: 98% 50%;
	background-repeat: no-repeat;   
	background-color: #fff;
	min-width: 85px;
}

/* Styling the apperance of menu parent items on hover */
/* On mouseover - Text color = Darker | bg color = gray | Arrow = Darker*/
.primary-nav li.menuh, 
.primary-nav li.menuparenth, 
.primary-nav li.menuactiveh ,
.primary-nav li.menuparent:hover
.primary-nav li.menuparent:hover {
	background-image: url('uploads/img/arrow_black.png');
	background-color:#f5f5f5;
	color: #192839; 
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

/* On mouseover - Text color = Darker | bg color = gray */
.primary-nav li li:hover{ background-color:#f5f5f5; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
.primary-nav ul li.menuparenth, 
.primary-nav ul li.menuparenth:hover, 
.primary-nav ul li.menuparenth { 
	background-image: url('uploads/img/arrow_gray.png')!important;
	background-position: top right;
	background-repeat: no-repeat;
}
.primary-nav ul li.menuparenth:hover{
	background-image: url('uploads/img/arrow_gray.png')!important;
	background-position: top right;
	background-repeat: no-repeat;
	background-color:#f5f5f5;
	color: #192839; 
}

/* The magic - slight of hand to move the menus off screen when they are not being hovered over */
.primary-nav ul, 
.primary-nav li:hover ul, 
.primary-nav li:hover ul ul, 
.primary-nav li:hover ul ul ul,
.primary-nav li.menuparent ul, 
.primary-nav li.menuparent ul ul,
.primary-nav li.menuparent ul ul ul { 
   /*display: none; */  /* This isn't read by screen-readers, also it does not function properly in IE7*/
   margin-left: -999em; /* This was left: -999em; however using left makes it harder to set back to the correct position when showing the menu*/
}

/* The magic pt.2 - bring back the menu's by displaying the ULs block of LIs and moving them to the correct location*/
.primary-nav li:hover ul, 
.primary-nav ul li:hover ul, 
.primary-nav ul ul li:hover ul, 
.primary-nav ul ul ul li:hover ul, 
.primary-nav li.menuparenth ul, 
.primary-nav ul li.menuparenth ul, 
.primary-nav ul ul li.menuparenth ul 
.primary-nav ul ul ul li.menuparenth ul{ 
   display: block; 
   margin-left:0;  /*This brings the menu back into the correct possition*/
   /*left:0;*/
}

/* IE Hacks */
.primary-nav li li { 
   float: left; 
   clear: both; 
}
.primary-nav li li a { height: 1%;  /*Fixes the space between the lis*/ }

/* Fix for Opera 8 */
.menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   /*background-color: #27558E;*/
   background-color: #fff;
   position: relative; 
   z-index: 1;
   margin-top:4px;
}
/* End of 'ib - cssmenu - horizontal - classtest' */