/* Layout for front end */
body { background-color: #ebebeb; }

p, a p { color:#333;  }
a:hover { text-decoration: none; cursor: pointer; }

/* main background color */
header, .container { background-color: #fff;  }

header {
    /*  when using an image..
    background-repeat: repeat-x;
    background-image: url('../../images/site-sprite.png');
    background-position: 0px -775px;*/
    background-color:#fff;
}

nav { }
nav .container { background-color:transparent; }


#main-content {
    background-repeat: repeat-x;
    background-image: url('site-sprite.png');
    background-position: 0px -1345px;

}
#main-content .container { background-color:#fff; }

/* navigation/menu */
.menu {}
.menu a, .menu a:visited { color:#000; text-decoration:none;  }

.primary-menu {  background-color:#3d3d3d; }
    .primary-menu .menu, .primary-menu .menu a{ background-image: url('site-sprite.png'); background-position: 0px -1160px;  background-repeat: repeat-x; margin:0px; background-image: url('site-sprite.png'); background-position: 0px -169px;  background-repeat: repeat-x;   }
    .primary-menu .menu a:hover { background-image: url('site-sprite.png'); background-position: 0px -80px;  background-repeat: repeat-x; }
    .primary-menu .menu a.active { background-image: url('site-sprite.png'); background-position: 0px -260px;  background-repeat: repeat-x;  }

    /* nav colouring */
    .primary-menu a { color:#050505; }
    .menu a:hover { color:#FD0A21; }
    .menu a.active { color:#FFF; }

    .secondary-menu a { color:#050505; }
    .secondary-menu a:hover { color:#FD0A21; }
    .secondary-menu a.active { color:#B80304; }

    .secondary-menu { background-image: url('site-sprite.png'); background-position: 0px -1253px;  background-repeat: repeat-x; }
    .secondary-menu .menu, .secondary-menu .menu a  { margin:0px; background-image: url('site-sprite.png'); background-position: 0px -499px;  background-repeat: repeat-x;  }
    .secondary-menu a:hover { background-image: url('site-sprite.png'); background-position: 0px -410px;  background-repeat: repeat-x; }
    .secondary-menu a.active { background-image: url('site-sprite.png'); background-position: 0px -590px;  background-repeat: repeat-x; }

    .secondary-menu ul ul { padding-left: 20px; background-color:#2F9DA1; }
    .secondary-menu ul ul li { float:none; }

	
	.small-hidden-menu .xs-opener  { border:2px outset #000; color:#fff; background-color: #3d3d3d; }
	
	
/* search */
    #search input {  border:1px inset #cecece;   }
    #search input.submit { text-indent: 9999px; width:90px; height:24px; border:none; overflow: hidden;
                   background-image: url('site-sprite.png'); background-position: -10px -10px; background-repeat: no-repeat;
                        }
    #search input.submit:hover { background-position: -10px -34px; }



#footer { font-size:0.8em; }
#footer, #footer .container { background-color:#dedede; }
    #footer a { color:#232323; text-decoration:none; text-transform:uppercase;  padding:5px 10px 7px; }
    #footer p { font-size:0.833em; color:#010101; }


#input-page_content .mce-tinymce, textarea, textarea.form-control, select, select.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border:1px solid #5f8692; } 


/* Styling any forms */
form { }
fieldset { }
legend { color:#000; border:none; }


/* style links */
a[href$='.pdf']:before { font-family: 'Font Awesome 5 Pro'; content: "\f1c1"; padding-right: 10px; color:red; }
a[href$='.doc']:before, a[href$='.docx']:before { font-family: 'Font Awesome 5 Pro'; content: "\f1c2"; padding-right: 10px; color:blue; }
a[href$='.xls']:before, a[href$='.xlsx']:before, a[href$='.xlsm']:before { font-family: 'Font Awesome 5 Pro'; content: "\f65b"; padding-right: 10px; color:green; }

a[href$='.pdf'].ignore-icon:before, 
a[href$='.doc'].ignore-icon:before, a[href$='.docx'].ignore-icon:before,
a[href$='.xls'].ignore-icon:before, a[href$='.xlsm'].ignore-icon:before { content: ""; padding-right:0; }