/* Setup Page Colours */
/* Set the background colour behind and outside the page content */ 
body {
   background-color: #ddd;
}
/* Set the page border colour, inside background colour and default font colour */
div#pagewrapper {
   border: 1px solid black;
   background-color: #fff;
   color: black;
}

/* set all links to have underline and bluish color */
a,
a:link 
a:active {
	/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit;
	color: #aa0000;
}

a:visited {
  background-color: inherit;
  color: #aa0000;                /* a different color can be used for visited links */
}

/* on hover change color */
li a.hover,
a:hover {
	background-color: #FF9F9F;
	color: #fff;
}

/* Title Colour over header graphic and Header background colours */
div#header h1 { background: #dc2727; } 

div#header h1 a {
  background: #aa0000 url(/uploads/images/3g-mobile-broadband.jpg) no-repeat 0 0px; 
  color: #fff; }

div#header h2,
div#header h2 a {
  color: #fff;}

/* same bg color as in header */
div#footer {
   color: #fff;
   background-color: #aa0000; }

/* needed becouse footer link would be same color as background otherwise */
div#footer p a { color: #fff; }

div.breadcrumbs { border-bottom: 1px dotted #000; }
   
/* colors for external links */
a.external:link { color: #aa0000; }
a.external:visited { color: #aa0000; } /* color for visited external links */
a.external:hover {
	color: #aa0000;
	background-color: #ffd7de;
}

div#content h2 {
	color: #AA0000; /* set borders around header */;
	border-bottom: 1px solid #aa0000;
	border-left: 1.1em solid #aa0000;
}
div#content h3 { color: #aa0000; }
div#content h4 { color: #aa0000; }
div#content h5 { color: #aa0000; }
h6 { color: #aa0000; }

/* END HEADINGS */

/* TEXT */
blockquote {
   border-left: 10px solid #ddd;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #d0d;
}
/* END TEXT */

/* LISTS */
div#main dl {
  border-bottom: 1px solid #c0c0c0;
}
/* END LISTS */

/* NAVIGATION Stylesheet */
/* MENU */

/* menu li block */
/* Next line provides grey rule between menu items */
/* #menu_vert li { border-bottom: 1px solid #c0c0c0; } */

#menu_vert li { 
  border-left,
  border-right: 5px solid #777; }

div#menu_vert a { color: #000; } /* this will be link color for all levels - was #18507C */

/* hover state for all links */
div#menu_vert li a:hover {
	background-color: #FFD7DE !important; 
}
div#menu_vert li a.active:hover {
   background-color: #dc2727 !important;
}

div#menu_vert li a.active {
	background-color: #aa0000;
	color: #fff;                                 /* fff  this will be link color for all levels */
}

div#menu_vert li.haschildren1 a.inactive {
	color: #aa0000;
}

/* section header */
div#menu_vert li.sectionheader { 
  background-color: #777;
  color: #fff;  }

/* separator */
div#menu_vert li.separator { background-color: #fff; }  /* was #777 mid-grey */