body {
    color: #000;
		   /* background-color : #006699;   original background colour & widescreen bars*/
   /* background-color:		#99ccff;   this colour may be a good choice  */  
		 background-color: #6699cc; 
}

/* ---------- Block colors ----------- */

#container, #header {

   /* background-color : #006699;   original background colour of body of site*/
    background-color :		#6699cc;
    color : black;
}


#sidepanel div.box {
    border : white 2px solid;
}


.toggle1 {
    background-color : #EDF4D1;
    color : black;
}

.toggle2 {
    background-color : white;
    color : black;
}


.bgcolor1 {
    background-color : #ececff;
    color : black;
}

.bgcolor2 {
  /*  background-color : #EDF4D1;  */
    background-color : #ececff;
    color : black;
}

.bgcolor3 {
   /* background-color : #ffffff;  */
    background-color : #ececff;
    color : black;
}


q {
    background-color : #d6d7ca;
    color : black;
}


a:link, a:visited {
    text-decoration : none;
    background-color : inherit;
  /*  This colour sets the colour for all links, menu and body. it is set to the red colour from the cross cc3333. trying navy 003366 006699*/
		color: #003366;
}

a:hover, a:active {
    text-decoration : underline;
    background-color : inherit;
  /*  color: #000;  leave the color the same, do not change it*/
}


h1, h2, h3 {
		padding: 3px;
    background-color : inherit;
/*    use Navy Blue colour 003366. Now tried switching to red from cross, cc3333*/
		color: #cc3333;

}

/*    these headings are similar to h1,h2,h3 but they are black not coloured*/
h4, h5, h6 {
		padding: 3px;
    background-color : inherit;
		color: black;

}

h1 a {
    text-decoration : none;
}

h1 a:hover {
    background-color : inherit;
   /* color : #000000;  */
}


th {
    color: #A03E19;
		background-color : #ececff;
}


.box {
    background-color : #ffffff;
    color : black;
}


.box-title {
  /* background-color is a pale blue-grey, but its not a web color  */
	  background-color : #ececff;
    color : black;
}


/* -------- Form color ---------- */



input, textarea {
    color: #000;
    background: #ffffff;
    border: #000 solid 1px;
}

input:focus, textarea:focus {
    background-color : #EDEFDB;
    color : black;
}

input:[type="submit"] {
    color: #000;
    background: #ffffff;
    border: 1px #000 outset;
    cursor : default;
    cursor : pointer;
}

input.submit {
    color: white;
    background: #006699;
    border: 1px #000 outset;
    cursor : default;
    cursor : pointer;
}

/* ----------- Module ----------- */
#top-menu {
    background-color : #ececff;
    color : black;
}

#top-menu a:hover{
    background-color : #ffffff;
    color : black;
}

div.blog div.box {
    border : 2px white solid;
}

div.blog div.read-more {
    border-top : 1px solid white;
    margin-top : 5px;
}

div.category-links {
    padding : 4px;
    background-color : #EDF4D1;
    color : black;
}

/*--------------- Control Panel ---------------*/

div.frame {
    background-color: #CBCEAC;
    color : black;
    border-color : #90996E;
}

div.backgrd {
    border-color: #ffffff;
}

ul.tabmenu {
   line-height : 0px;
   margin-top : 10px;
   margin-bottom : 12px;
}

ul.tabmenu li {
    border-color: #90996E;
    border-bottom : none;
}

ul.tabmenu li.inactive {
    background-color : #DEDFBA;
    color : #49493D;
}

ul.tabmenu li.active {
    background-color : #CBCEAC;
    color : #49493D;
}

ul.tabmenu li.active a:visited {
    text-decoration: none;
    background-color : inherit;
    color: #49493D;
}

ul.tabmenu li.inactive a:link {
    text-decoration: none;
    background-color : inherit;
    color: #49493D;
}

ul.tabmenu li.inactive a:visited {
    text-decoration: none;
    background-color : inherit;
    color: #49493D;
}

ul.tabmenu li.inactive a:hover {
    text-decoration: none;
    color: black;
    background-color : inherit;
}

ul.tabmenu li.inactive:hover {
    background-color : #CBCEAC;
    color: black;
}

/*--------------- End Control Panel ---------------*/

div.menu-link {
    border-top : #006699 2px solid;
    margin : 0;
    padding : 0;
    font-size : .9em;
}

div.menu-link a {
    font-weight : bold;
    text-decoration : none;
}

div.menu-link a:hover {
    text-decoration : underline;
}

div.menu-link:hover {
    background-color : #ffffff;
    color : black;
}

div.link-level-1 {
    padding : 5px;
    background-color : #ececff;
    color : black;
}

div.link-level-2 {
    padding : 5px;
    padding-left : 2em;
  /*  background-color : #ccccff; */ 
	  background-color : #dbdbef;
    color : black;
}

div.link-level-3 {
    padding : 5px;
    padding-left : 4em;
    /* background-color : #F1F4CC;  */
		  background-color : #dbdbef;
    color : black;
}

div.link-level-1:hover,
div.link-level-2:hover,
div.link-level-3:hover {
    background-color : inherit;
    color : black;
}

/* menu active link background */
div.current-link {
    background-color : #ffffff;
    color : black;
}

div.category-menu-bar {
    background-color : #ececff;
    color : black;
}

div.panel-title {
    background-color : #ececff;
    color : black;
    padding : 4px;
    margin-bottom : 10px;
}

ul#navlist li a {
    background-color : #ffffff;
    color : black;
}

div.category-info {
   margin-bottom : 10px;                  
}

div.breadcrumb span.current-bc {
   font-size : 1.1em;
   font-weight : bold;
}

/*---- Notes ---- */

.note-not-read {
   font-weight : bold;
}