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

#menu_vert { margin-left: 1px; margin-right: 1px;}


/*RPS colours green  7cb224 and brown 643604  blue 91d4f2 terracotta ce6b12  grey 7b7c7e */

/* 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: #7cb224;   border-bottom: 1px solid #643604;   width: 100%;}

#rps    #menuwrapper { background-color: #7cb224;   border-bottom: 1px solid #643604;   width: 100%;}	 
#zambia #menuwrapper { background-color: #ce6b12;   border-bottom: 1px solid #643604;   width: 100%;}
#malawi #menuwrapper { background-color: #91d4f2;   border-bottom: 1px solid #643604;   width: 100%;}	 
	 
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li  {    width: 11%; }
#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;    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: -1px;   float: left; }
#primary-nav li li {    margin-left: 0px;   margin-top: -1px;   float: none;    position: relative; }

/* DEFAULT Styling the basic apperance of the menu elements */
#primary-nav a {    display: block;    margin: 0 auto;    padding: 5px 1px;   text-decoration: none;    color: #ffffff;}
#primary-nav li a {    border-right: 1px solid #C0C0C0;   border-left: 1px solid #C0C0C0; text-align: center;}
#primary-nav li li a {    border: 1px solid #C0C0C0; text-align: left; padding: 5px 10px;}	
#primary-nav li, #primary-nav li.menuparent {    background-color: #ececec; }
/* 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 li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh 
{ background-color: #E7AB0B; }

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

/* green  7cb224 and brown 643604  blue 91d4f2 terracotta ce6b12  grey 7b7c7e fonts white ffffff*/

/*Need to set defaults so 404 page (with no extra field) looks like rps*/

#primary-nav a {  color: #ffffff;}
#primary-nav li a {    border-right: 1px solid #7cb224;   border-left: 1px solid #7cb224;}
#primary-nav li li a {    border: 1px solid #7cb224;}	
#primary-nav li, #primary-nav li.menuparent {    background-color: #7cb224; }
#primary-nav li.menuactive {    background-color: #ce6b12; }
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh 
{ background-color: #ce6b12; }

#rps #primary-nav a {  color: #ffffff;}
#rps #primary-nav li a {    border-right: 1px solid #7cb224;   border-left: 1px solid #7cb224;}
#rps #primary-nav li li a {    border: 1px solid #7cb224;}	
#rps #primary-nav li, #rps #primary-nav li.menuparent {    background-color: #7cb224; }
#rps #primary-nav li.menuactive {    background-color: #ce6b12; }
#rps #primary-nav li:hover, #rps #primary-nav li.menuh, #rps #primary-nav li.menuparenth, #rps #primary-nav li.menuactiveh 
{ background-color: #ce6b12; }

#zambia #primary-nav a {  color: #ffffff;}
#zambia #primary-nav li a {    border-right: 1px solid #ce6b12;   border-left: 1px solid #ce6b12;}
#zambia #primary-nav li li a {    border: 1px solid #ce6b12;}	
#zambia #primary-nav li, #zambia #primary-nav li.menuparent {    background-color: #ce6b12; }
#zambia #primary-nav li.menuactive {    background-color: #C7C7C7; }
#zambia #primary-nav li:hover, #zambia #primary-nav li.menuh, #zambia #primary-nav li.menuparenth, #zambia #primary-nav li.menuactiveh 
{ background-color: #7b7c7e; }

#malawi #primary-nav a { color: #ffffff;}
#malawi #primary-nav li a {    border-right: 1px solid #C0C0C0;   border-left: 1px solid #C0C0C0;}
#malawi #primary-nav li li a {    border: 1px solid #C0C0C0;}	
#malawi #primary-nav li, #malawi #primary-nav li.menuparent {    background-color: #91d4f2; }
#malawi #primary-nav li.menuactive {    background-color: #C7C7C7; }
#malawi #primary-nav li:hover, #malawi #primary-nav li.menuh, #malawi #primary-nav li.menuparenth, #malawi #primary-nav li.menuactiveh 
{ background-color: #7b7c7e; }


/* The magic - set to work for up to a 4 level menu, but can be increased unlimited */


#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul  {    display: none; }



#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; }

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

/*overwrite the default of bold for <a> and set fix the font size*/
#primary-nav a {font-weight: normal; font-size: 12px;}

/*===============================================================================*/


/* End of 'RPS Menu' */

