/* Start of CMSMS style sheet 'menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#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 {
	/* Fix for Opera 8 */ 
   /*   overflow:hidden; 
   background-color:#ECECEC; removed 
   border-bottom:1px solid #C0C0C0; removed*/
   width:100%;
}
/* Set the minimum flexible 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 {
	list-style:none;
	margin:0px;
}
#primary-nav {
	display:table;
}
#primary-nav ul {
	margin:0;
	border-top:none;
	position:absolute;
	top:auto;
	display:none;
	z-index:1000;
}
#primary-nav ul ul {
	margin-top:1px;
	left:100%;
	top:0px;
}
#primary-nav li {
	float:left;
}
#primary-nav li li {
	margin:0;
	background:#CCC;
	float:none;
	position:relative;
	text-align:left;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a, #primary-nav a:link, #primary-nav a:active, #primary-nav a:visited {
	padding:10px 31px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	line-height:15px;
}
#primary-nav li li a, #primary-nav li li a:link, #primary-nav li li a:active, #primary-nav li li a:visited {
	padding:7px 10px;
	background:#40903b;
	font-size:12px;
	color:#FFF;
	text-transform:none;
	width:auto;
}
#primary-nav li li a:hover {
	background:#61b85c;
	color:#FFF;
}
#primary-nav li, #primary-nav li.menuparent {
/*background-color:#ececec; removec*/
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li a.menuactive, #primary-nav li.menuactive {
	background:#61b85c;
	color:#FFF;
	font-weight:bold;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	/* arrow for menuparents */
   background-position:center right;
	background-repeat:no-repeat;
}
/* Styling the apperance of menu items on hover */

#primary-nav li a:hover, #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background:#61b85c;
	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;
	background-color:#FFF;
}
/* IE Hacks */
#primary-nav li li {
	float:left;
	clear:both;
}
#primary-nav li li a {
	height:1%;
}
/********************
Footer Links
*********************/

/* hack for Internet Explorer */
* html div#footerNav {
	/* hide ie/mac \*/
   height:1%;/* end hide */
}
/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#footerNav {
	float:left;
}
/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#footerNav ul {
	margin:0;
	padding:0;
}
/* menu list items */
div#footerNav li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #6e4e80;
	float:left; /* makes the list horizontal */
	list-style:none; /* hides the list bullet */
	font-size:12px;
	color:#FFF;
	line-height:12px;
}
/* the links, that is each list item */
div#footerNav a:link, div#footerNav a:active, div#footerNav a:visited {
	color:#6e4e80;
	text-decoration:none; /* no underline for links */
	display:block; /* IE has problems with this, fixed above */
}
/* hover state for links */
div#footerNav li a:hover {
	color:#000;
}
div#footerNav a.activeparent:hover {
	color:#000;
}
/* active parent, that is the first-level parent of a child page that is the current page */
div#footerNav li.activeparent a, div#footerNav li a.menuactive span {
	color:#000;
}

/* Footer */
/* End of 'menu' */