/* Auto-generated for "Other" version "0" */

/* Reset some of the defaults that the theme adds. */
div.xarpages-side-menu-ara li, div.xarpages-side-menu-ara ul {
   margin: 0;
   padding: 0;
   text-indent: 0;
}
div.xarpages-side-menu-ara ul, div.xarpages-side-menu-ara li {
    line-height: 120%;
}
div.xarpages-side-menu-ara ul {
    list-style-position: default;
}


/***************************
 * Layout styles
 */

div.xarpages-side-menu-ara {
   width: 192; /* 174px */
   padding: 0px;
   border-width: 0px;
   /* Style is formatting really, but there is no width without a style */
   border-style: solid;
}

/* All anchors are 174px wide external, with a 1px border, and pixel of
 vertical (and collapsable) margin.
 Internal padding and width varies with the level, but always adds up to 172px
 */
div.xarpages-side-menu-ara a, div.xarpages-side-menu-ara h2 {
   display: block;
   padding: 2px 0;
   margin: 0px 0px;
   width: 192px; /* 172px Will be overridden in all cases */
   border-width: 1px;
   border-style: solid;
}


/* Remove default styles for lists */
div.xarpages-side-menu-ara ul {
   list-style-type: none;
}

/* separate the top level */
div.xarpages-side-menu-ara ul.side-menu1>li {
   margin-top: 0em;
}

/* Level 1 anchors: 20px to LHS */
div.xarpages-side-menu-ara ul.side-menu1 a, div.xarpages-side-menu-ara ul.side-menu1 h2 {
   width: 186px; /* 148px */
   padding-left:  0px;
   padding-right: 4px;
}

/* Level 2: same indent as level 1, more padding to RHS */
div.xarpages-side-menu-ara ul.side-menu2 a, div.xarpages-side-menu-ara ul.side-menu2 h2 {
   width: 176px; /* 132px */
   padding-left:  10px;
   padding-right: 4px;
}

/* Level 3: 10px more padding on left than level 2 */
div.xarpages-side-menu-ara ul.side-menu3 a, div.xarpages-side-menu-ara ul.side-menu3 h2 {
   width: 166px; /* 136px */
   padding-left:  20px;
   padding-right: 4px;
}

/* Level 4: 8px more padding on left than level 3 */
div.xarpages-side-menu-ara ul.side-menu4 a, div.xarpages-side-menu-ara ul.side-menu4 h2 {
   width: 156px; /* 126px */
   padding-left:  30px;
   padding-right: 4px;
}



/***************************
 * Static formatting styles
 * This do not affect the sizes
 * or positions of any of the
 * elements.
 * The positioning will, howver,
 * affect the placing of the
 * background image bullets.
 * Ideally this section should be
 * in a different file so the colours
 * can be overridden without affecting
 * other styles.
 */

div.xarpages-side-menu-ara {
   font-size: 100%;
   line-height: 2;
   border-color: #00FFFF;
   border-style: solid;
   background-color: transparent;
}

div.xarpages-side-menu-ara h2 {
   font-size: 98%;
}

div.xarpages-side-menu-ara li {
   background-repeat: no-repeat;
   /*  */
   /* dg ... prevented the background bullet images from displaying  */
}

/* Default font style and colours for the menu links */
div.xarpages-side-menu-ara a, div.xarpages-side-menu-ara h2 {
   text-align: left;
   text-decoration: none;
   font-weight: bold;
   border-color: #00ffff;
   color:#2D8F54;
   font-size: 105%;
}

/* A blue tinge to the links after the first level */
div.xarpages-side-menu-ara ul.side-menu2 a, div.xarpages-side-menu-ara ul.side-menu2 h2 {
   color: #666;
   font-size: 100%;
}
/* Disable bold after the second level */
div.xarpages-side-menu-ara ul.side-menu3 a {
   font-weight: normal;
}

/* Menu background colours - lighter blue for deeper levels */
div.xarpages-side-menu-ara ul.side-menu1 li {
   background-color: #00FFFF;
   background-color: transparent;
}
div.xarpages-side-menu-ara ul.side-menu1 li a {
    border-color: #00FFFF;
    border-color: #F6F6EE;
}
div.xarpages-side-menu-ara ul.side-menu2 li {
   background-color: #AAFFFF;
   background-color: transparent;
}
div.xarpages-side-menu-ara ul.side-menu2 li a {
    border-color: #AAFFFF;
    border-color: green;
    border-color: #F6F6EE;
}
div.xarpages-side-menu-ara ul.side-menu3 li {
   background-color: #CCFFFF;
   background-color: transparent;
}
div.xarpages-side-menu-ara ul.side-menu3 li a {
   border-color: #CCFFFF;
    border-color: #F6F6EE;
}
/* Selected menu item: background colour white - font and border set on the anchor */
div.xarpages-side-menu-ara ul.side-menu1 li.selected,
div.xarpages-side-menu-ara ul.side-menu2 li.selected,
div.xarpages-side-menu-ara ul.side-menu3 li.selected,
div.xarpages-side-menu-ara ul.side-menu4 li.selected {
   background-color: #ffffff;
}

/* Current page has a highlighted border and bolder text */
div.xarpages-side-menu-ara li a.selected {
   border-color: #333333;
   border-style: dotted;
   /* color: #000; */
   /*font-style: italic;*/
   font-weight: bold;
}

/* Bullets for level 1:
 [] = no children; blue = not selected; red = selected
 >  = closed, has children; blue
 v  = open, has children; blue = not selected; red = selected
*/

/* Default bullet - assuming no children. */
div.xarpages-side-menu-ara ul.side-menu1 li {
   background-position: 0px 0.25em;
   /* ara background-image: url(../xarimages/ara/bull1.gif); */
}
/* Closed, with children */
div.xarpages-side-menu-ara ul.side-menu1 li.closed {
   background-position: 0px 0.25em;
   /* ara background-image: url(../xarimages/ara/bull1-closed.gif); */
}
/* Open - not selected */
div.xarpages-side-menu-ara ul.side-menu1 li.open {
   background-position: 0px 0.25em;
   /* ara background-image: url(../xarimages/ara/bull1-open.gif); */
}

/* Level 2 - no bullets (try some small bullets) */
div.xarpages-side-menu-ara ul.side-menu1 ul.side-menu2 li {
   /*background-image: none;*/
   background-position: 1px 0.5em;
   background-image: url(../xarimages/ara/bull4.gif);
}

/* Level 3 - simple square bullets */
div.xarpages-side-menu-ara ul.side-menu2 ul.side-menu3 li {
   background-position: 10px 0.5em;
   background-image: url(../xarimages/ara/bull3.gif);
}

/* Level 4 - simple round bullets */
div.xarpages-side-menu-ara ul.side-menu3 ul.side-menu4 li {
   background-position: 20px 0.5em;
   background-image: url(../xarimages/ara/bull4.gif);
}


/***************************
 * Dynamic formatting styles
 */

/* Darken the text and border when hovering */
/* Need to include ul.side-menu1 for specificity */
div.xarpages-side-menu-ara ul.side-menu1 li a:hover {
   /* border-color: #600; */
   /* color: #600; */
   text-decoration: none;
   /*
   background-color: #eee;    // removes the bullet
   background-color: transparent;
   */

   /* dg added below */
   border-color: #333333;
   border-style: dotted;
   font-weight: bold;
   display: block;
   text-decoration: underline;
}

/* MSIE MAC may need all anchors floated to the left - we will treat that as dead browser for now */