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

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


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

div.xarpages-side-menu1 {
   width: 164; /* 174px */
   padding: 2px;
   border-width: 1px;
   /* Style is formatting really, but there is no width without a style */
   border-style: solid;
   		border-color: white;
}

/* 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-menu1 a, div.xarpages-side-menu1 h2 {
   display: block;
   padding: 2px 0;
   margin: 0px 0px;
   width: 164px; /* 172px Will be overridden in all cases */
   border-width: 1px;
   border-style: solid;
   		border-color: white;
}


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

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

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

/* Level 3: 10px more padding on left than level 2 */
div.xarpages-side-menu1 ul.side-menu3 a, div.xarpages-side-menu1 ul.side-menu3 h2 {
   width: 126px; /* 136px */
   		Jpadding-left: 20px; /* 30px */
   		padding-left: 30px; /* 30px */
   padding-right: 6px;
}

/* Level 4: 8px more padding on left than level 3 */
div.xarpages-side-menu1 ul.side-menu4 a, div.xarpages-side-menu1 ul.side-menu4 h2 {
   width: 116px; /* 126px */
   		Jpadding-left: 20px; /* 40px; */
   		padding-left: 40px; /* 40px; */
   padding-right: 6px;
}



/***************************
 * 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-menu1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 90%;
   border-color: white; /* #00FFFF; */
   border-style: solid;
   background-color: white; /* #00FFFF; */
}

div.xarpages-side-menu1 h2 {
   font-size: 98%;
}
   
div.xarpages-side-menu1 li {
   background-repeat: no-repeat;
    
}

/* Default font style and colours for the menu links */
div.xarpages-side-menu1 a, div.xarpages-side-menu1 h2 {
   text-align: left;
   text-decoration: none;
   font-weight: bold;
   color: #495677; /* #666; */
   border-color: white; /* #00ffff;  */
}

/* A blue tinge to the links after the first level */
div.xarpages-side-menu1 ul.side-menu2 a, div.xarpages-side-menu1 ul.side-menu2 h2 {
   color: #495677; /* #669; */
}
/* Disable bold after the second level */
div.xarpages-side-menu1 ul.side-menu3 a {
   font-weight: normal;
}

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

/* Current page has a highlighted border and bolder text */
div.xarpages-side-menu1 li a.selected {
   border-color: white;  /* #333333; */
   border-style: dotted;
   color: #7F1E02; /* #495677; */ /* #600; */
   /*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-menu1 ul.side-menu1 li {
   Abackground-position: 0px 0.25em;
   Abackground-image: url(../images/bull1.gif);
}
/* Closed, with children */
div.xarpages-side-menu1 ul.side-menu1 li.closed {
   Abackground-position: 0px 0.25em;
   Abackground-image: url(../images/bull1-closed.gif);
}
/* Open - not selected */
div.xarpages-side-menu1 ul.side-menu1 li.open {
   Abackground-position: 0px 0.25em;
   Abackground-image: url(../images/bull1-open.gif);
   	border-color: white;
}

/* Level 2 - no bullets (try some small bullets) */
div.xarpages-side-menu1 ul.side-menu1 ul.side-menu2 li {
   /*background-image: none;*/
   background-position: 4px 0.5em;
   background-image: url(../images/bull3.gif); /* JL square */
}

/* Level 3 - simple square bullets */
div.xarpages-side-menu1 ul.side-menu2 ul.side-menu3 li {
		Abackground-position: 10px 0.5em; /* was 20 */
		background-position: 20px 0.5em; /* was 20 */
   background-image: url(../images/bull4.gif); /* JL round */
}

/* Level 4 - simple round bullets */
div.xarpages-side-menu1 ul.side-menu3 ul.side-menu4 li {
   			background-position: 30px 0.5em;
		   Jbackground-image: none; /* url(../images/bull4.gif); */
		   background-image: url(../images/bull5-hyphen.gif);
}


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

/* Darken the text and border when hovering */
/* Need to include ul.side-menu1 for specificity */
div.xarpages-side-menu1 ul.side-menu1 li a:hover {
   border-color: white;	/* #600; */
   Acolor: #600;
   color: #7F1E02;
   text-decoration: none;
        background-color: #DDD; /*transparent;*/ /* JL */
        Aborder-color: #333333;
        Aborder-style: dotted;
}

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