/* ************************************************************************* 
                       file: ITIRDColours.css                                

    abbreviations: txt (text), bkg (background), bor (border) & button 

    MAIN COLOURS: 
        navbar: navgrey, #666 
        hover: hover-lightblue, #b8c7f4
        standardt text: txt-nearlyblack, #333
        standard links: yellowochre, #e19f41 (background on hover, colour Cornsilk, #fff8dc )

#fcf4ea

        borders: grey, #ccc
        footer: footer-lightgrey, #f1f1f1

************************************************************************* */


body {background-color:white;}

a:active, a:hover{	
	background-color: #efcb99 !important;
    background-color: Cornsilk !important; 	     	 
    color:#e19f41; 
	}   
	
.RD-dropdown-content {background-color:#eee; color:#333; }
.dropdown-content {background-color: #eee; color: #333;}
.dropdown-content a {color: #666;}
.dropdown-content a:hover {background-color: #b8c7f4;}
.dropdown:hover .dropdown-content {background-color: #b8c7f4;}
.dropdown:hover  {background-color: #b8c7f4; color: #333;}
.dropbtn { background-color: #666; color: white;}


/*  **************************************************************************
******************************************************************************

        IMPORTANT: must change red in .imgslideshow back to grey #666
		DONE						
******************************************************************************
**************************************************************************  */

.imgslideshow { 
	border-top: 5px; 
    border-top-color: red; 
	border-top: solid red 15px;
	border-top-color: #666; 
	border-top: solid #666 15px;
	}

.RD-button:hover {color:#000 !important; background-color:#b8c7f4 !important;}

.RD-button2:hover {color:#fff !important; background-color:#b8c7f4 !important;}

.RD-transparent, .RD-hover-none:hover {background-color:transparent !important;}




/* ********** BLACK, WHITE & GREYS ********** */

/* ***** white, background: #fff, text: #333 ***** */ 
.txt-white, .hover-text-white:hover {color:#fff !important; color: white  !important;}
.bkg-white, .hover-white:hover {color:#333 !important; background-color:#fff !important;}
.bor-white {border:1px solid #fff !important;}
.bor-top-white {border-top:1px solid #fff !important;} .bor-bottom-white {border-bottom:1px solid #fff !important;}
.borLT-white {border-left:1px solid #fff !important;} .borRT-white {border-right:1px solid #fff !important;}
.button-white:hover{color:#333 !important; background-color:#fff !important;}

/* ***** lightgrey, background:#f1f1f1, text:#000 ***** */
.txt-lightgrey, .hover-text-lightgrey:hover {color:#f1f1f1 !important;}
.bkg-lightgrey, .hover-lightgrey:hover {color:#000 !important; background-color:#f1f1f1 !important;}
.footer-lightgrey {background-color:#f1f1f1 !important} /* footer */
.bor-lightgrey {border:1px solid #f1f1f1 !important;}
.bor-top-lightgrey {border-top:1px solid #f1f1f1 !important;} .bor-bottom-lightgrey {border-bottom:1px solid #f1f1f1 !important;}
.borLT-lightgrey {border-left:1px solid #f1f1f1 !important;} .borRT-lightgrey {border-right:1px solid #f1f1f1 !important;}
.button-lightgrey:hover{color:#000 !important; background-color:#f1f1f1 !important;}

/* ***** grey, background:#ccc, text:#000 ***** */
.txt-grey, .hover-text-grey:hover {color:#ccc !important;}
.bkg-grey, .hover-grey:hover {color:#000 !important; background-color:#ccc !important;}
.bor-grey {border:1px solid #ccc !important;}
.bor-top-grey {border-top:1px solid #ccc !important;} .bor-bottom-grey {border-bottom:1px solid #ccc !important;}
.borLT-grey {border-left:1px solid #ccc !important;} .borRT-grey {border-right:1px solid #ccc !important;}
.button-grey:hover{color:#000 !important; background-color:#ccc !important;}

/* ***** midgrey, background:#666, text:#fff ***** */
.txt-midgrey, .hover-text-midgrey:hover {color:#666 !important;}
.navgrey, .navbar-grey {background-color:#666 !important} /* nav bar */
.navgrey, navgrey:hover{color:#fff!important;background-color:#666!important}
 
.bkg-midgrey, .hover-midgrey:hover {color:#fff !important; background-color:#666 !important;}
.bor-midgrey {border:1px solid #666 !important;}
.bor-top-midgrey {border-top:1px solid #666 !important;} .bor-bottom-midgrey {border-bottom:1px solid #666 !important;}
.borLT-midgrey {border-left:1px solid #666 !important;} .borRT-midgrey {border-right:1px solid #666 !important;}
.button-midgrey:hover{color:#fff !important; background-color:#666 !important;}

/* ***** darkgrey, background:#555, text:#fff ***** */
.txt-darkgrey, .hover-text-darkgrey:hover {color:#555 !important;}
.navdarkgrey, .navbar-darkgrey {background-color:#555 !important} /* nav bar */
.bkg-darkgrey, .hover-darkgrey:hover {color:#fff !important; background-color:#555 !important;}
.bor-darkgrey {border:1px solid #555 !important;}
.bor-top-darkgrey {border-top:1px solid #555 !important;} .bor-bottom-darkgrey {border-bottom:1px solid #555 !important;}
.borLT-darkgrey {border-left:1px solid #555 !important;} .borRT-darkgrey {border-right:1px solid #555 !important;}
.button-darkgrey:hover{color:#fff !important; background-color:#555 !important;}

/* ***** nearlyblack, background:#333, text:#fff ***** */
.txt-nearlyblack, .hover-text-nearlyblack:hover {color:#333 !important;}
.bkg-nearlyblack, .hover-nearlyblack:hover {color:#fff!important; background-color:#333 !important;}
.bor-nearlyblack {border:1px solid #333 !important;}
.bor-top-nearlyblack {border-top:1px solid #333 !important;} .bor-bottom-nearlyblack {border-bottom:1px solid #333 !important;}
.borLT-nearlyblack {border-left:1px solid #333 !important;} .borRT-nearlyblack {border-right:1px solid #333 !important;}
.button-nearlyblack:hover{color:#fff !important; background-color:#333 !important;}

/* ***** black, background:#000, text:#fff ***** */
.txt-black, .hover-text-black:hover {color:#000 !important;}
.bkg-black, .hover-black:hover {color:#fff!important; background-color:#000 !important;}
.bor-black {border:1px solid #000 !important;}
.bor-top-black {border-top:1px solid #000 !important;} .bor-bottom-black {border-bottom:1px solid #000 !important;}
.borLT-black {border-left:1px solid #000 !important;} .borRT-black {border-right:1px solid #000 !important;}
.button-black:hover{color:#fff !important; background-color:#000 !important;}



/* ********** BLUES ********** */

/* ***** royalblue, background:#4169E1, text:#fff ***** */
.txt-royalblue, .hover-text-royalblue:hover {color:#4169E1 !important;}
.bkg-royalblue, .hover-royalblue:hover {color:#fff!important; background-color:#4169E1 !important;}
.bor-royalblue {border:1px solid #4169E1 !important;}
.bor-top-royalblue {border-top:1px solid #4169E1 !important;} .bor-bottom-royalblue {border-bottom:1px solid #4169E1 !important;}
.borLT-royalblue {border-left:1px solid #4169E1 !important;} .borRT-royalblue {border-right:1px solid #4169E1 !important;}
.button-royalblue:hover{color:#fff !important; background-color:#4169E1 !important;}

/* ***** blue, background:#0000ff, text:#fff ***** */
.txt-blue, .hover-text-blue:hover {color:#0000ff !important;}
.bkg-blue, .hover-blue:hover {color:#fff!important; background-color:#0000ff !important;}
.bor-blue {border:1px solid #0000ff !important;}
.bor-top-blue {border-top:1px solid #0000ff !important;} .bor-bottom-blue {border-bottom:1px solid #0000ff !important;}
.borLT-blue {border-left:1px solid #0000ff !important;} .borRT-blue {border-right:1px solid #0000ff !important;}
.button-blue:hover{color:#fff !important; background-color:#0000ff !important;}

/* ***** brightblue, background:#285cfa, text:#fff ***** */
.txt-brightblue, .hover-text-brightblue:hover {color:#285cfa !important;}
.bkg-brightblue, .hover-brightblue:hover {color:#fff!important; background-color:#285cfa !important;}
.bor-brightblue {border:1px solid #285cfa !important;}
.bor-top-brightblue {border-top:1px solid #285cfa !important;} .bor-bottom-brightblue {border-bottom:1px solid #285cfa !important;}
.borLT-brightblue {border-left:1px solid #285cfa !important;} .borRT-brightblue {border-right:1px solid #285cfa !important;}
.button-brightblue:hover{color:#fff !important; background-color:#285cfa !important;}

/* ***** lightblue, background:#b8c7f4, text:#000 ***** */
.txt-lightblue, .hover-text-lightblue:hover {color:#b8c7f4 !important;}
.bkg-lightblue, .hover-lightblue:hover {color:#000!important; background-color:#b8c7f4 !important;}
.hover-lightblue_white:hover {color:#fff!important; background-color:#b8c7f4 !important;}
.bor-lightblue {border:1px solid #b8c7f4 !important;}
.bor-top-lightblue {border-top:1px solid #b8c7f4 !important;} .bor-bottom-lightblue {border-bottom:1px solid #b8c7f4 !important;}
.borLT-lightblue {border-left:1px solid #b8c7f4 !important;} .borRT-lightblue {border-right:1px solid #b8c7f4 !important;}
.button-lightblue:hover{color:#fff !important; background-color:#b8c7f4 !important;}


/* ********** OCHRES ********** */

/* ***** yellowochre, background:#e19f41, text:#000 ***** */
.txt-yellowochre, .hover-text-yellowochre:hover {color:#e19f41 !important;}
.bkg-yellowochre {background-color:#e19f41 !important;}
.hover-yellowochre:hover {color:#e19f41 !important; background-color:Cornsilk !important;}
.bor-yellowochre {border:1px solid #e19f41 !important;}
.bor-top-yellowochre {border-top:1px solid #e19f41 !important;} .bor-bottom-yellowochre {border-bottom:1px solid #e19f41 !important;}
.borLT-yellowochre {border-left:1px solid #e19f41 !important;} .borRT-yellowochre {border-right:1px solid #e19f41 !important;}
.button-yellowochre:hover{color:#000 !important; background-color:#e19f41 !important;}

/* ***** ochre, background:#cc9933, text:#000 ***** */
.txt-ochre, .hover-text-ochre:hover {color:#cc9933 !important;}
.bkg-ochre {color:#000 !important; background-color:#cc9933 !important;}
.hover-ochre:hover {color:#cc9933 !important; background-color:Cornsilk !important;}
.bor-ochre {border:1px solid #cc9933 !important;}
.bor-top-ochre {border-top:1px solid #cc9933 !important;} .bor-bottom-ochre {border-bottom:1px solid #cc9933 !important;}
.borLT-ochre {border-left:1px solid #cc9933 !important;} .borRT-ochre {border-right:1px solid #cc9933 !important;}
.button-ochre:hover{color:#000 !important; background-color:#cc9933 !important;}



/* ********** RED & GREEN ********** */

/* ***** red, background:#de2b39, text:#000 ***** */
.txt-red, .hover-text-red:hover {color:#de2b39 !important;}
.bkg-red, .hover-red:hover {color:#000 !important; background-color:#de2b39 !important;}
.bor-red {border:1px solid #de2b39 !important;}
.bor-top-red {border-top:1px solid #de2b39 !important;} .bor-bottom-red {border-bottom:1px solid #de2b39 !important;}
.borLT-red {border-left:1px solid #de2b39 !important;} .borRT-red {border-right:1px solid #de2b39 !important;}
.button-red:hover{color:#000 !important; background-color:#de2b39 !important;}

/* ***** green, background:#58de2b, text:#000 ***** */
.txt-green, .hover-text-green:hover {color:#58de2b !important;}
.bkg-green, .hover-green:hover {color:#000 !important; background-color:#58de2b !important;}
.bor-green {border:1px solid #58de2b !important;}
.bor-top-green {border-top:1px solid #58de2b !important;} .bor-bottom-green {border-bottom:1px solid #58de2b !important;}
.borLT-green {border-left:1px solid #58de2b !important;} .borRT-green {border-right:1px solid #58de2b !important;}
.button-green:hover{color:#000 !important; background-color:#58de2b !important;}