/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   width: 100%;
   background-image: url(uploads/images/cms/nav-bar.jpg);
   background-repeat: no-repeat;
  background-position: center;
   height: 62px;
}

/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_vert {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_vert {
	text-align:center;	
	/*overflow :hidden; - ADRIAN*/
	position: relative;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_vert ul {
	float: left;
	height:67px;
	position: relative;
	left: 50%;
}


/* menu list items */
div#menu_vert li {
	float: left; /* makes the list horizontal */
	list-style: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	right: 50%;
}

div#menu_vert li:hover ul { display: block; }  /* ADRIAN*/

/* menu list items - adrian second level UL*/
div#menu_vert li ul {
	/* float: left; makes the list horizontal */
	list-style: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 200px;
	position: absolute;
	/*right: 50%;*/
      /* color: red;*/
       display: none;
      /* background-color: blue;*/
}

/* menu list items - adrian second level UL*/
div#menu_vert li ul a {
	/*float: left;  makes the list horizontal */
	list-style: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	/*margin-left: 100px;*/
	position: relative;
	right: 50%;
        /*color: red;*/
        display:block;
background-color: yellow;
        background-color: rgba(255, 254, 0, 0.9);
        font-size: 1em;
	padding-top: 1em;
         width: 220px;
          text-align: left;
}

/* hover state for links */
div#menu_vert li ul a:hover {
	/*color: #3966CC;*/
color: red;
	/*font-weight: bold;*/
	font-size: 1em;
	padding-top: 1em;
background-color: yellow;
margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

/* the links, that is each list item */
div#menu_vert a {
	margin: 0; /* margin outside each list item box */
	text-decoration: none; /* no underline for links */
	color: #3966CC;
       /* color: #red;*/
	display: block; /* IE has problems with this, fixed above */
	padding-top: 1.6em;
	padding-right: 1.4em;
	padding-bottom: 1.2em;
	padding-left: 1.4em;
}


/* hover state for links */
div#menu_vert li a:hover {
	/*color: #3966CC;*/
/*color: red;*/
	font-weight: bold;
	/*font-size: 1.4em;*/
	/*padding-top: 1.2em;*/
}
div#menu_vert a.activeparent:hover {
	color: #FF0000;
	font-weight: bold;
background-color: red;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_vert li.menuactive a {
	color: #3966CC;
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 1.2em;
}

div#menu_vert h3 {
	margin: 0;
	text-decoration: none;
	color: #000000;
	display: block;
	padding-top: 0.4em;
	padding-right: 0.8em;
	padding-bottom: 0.6em;
	padding-left: 0.8em;
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
}

/* End of 'Navigation: CSSMenu - Horizontal' */

