/*  MY CSS   ============================================================================= */
/* ---------------------------------------------------------------------------------------------
 GENERAL
----------------------------------------------------------------------------------------------- */
/* colour palette: background: dark blue: 002147 dark red: 80000d 78010D */
/* sidebar background: CFD3D4 D1C5C6 */
/* ----------------------------------------------------------- */
html, body {
	font-family: 'PT Sans', sans serif;
 	padding:0;  margin:0 auto; 	background: #EBE9F0; 	/* width:70%;*/ /* REMOVE THIS LINE TO RESTORE TO 100% WIDTH */
 	text-align:center; /* CENTRE PAGE CONTENT */
 }
.header { padding:1em 0; }
.col { background: #ccc; padding:1em 0; text-align:left;}
.big_head { color:#ffffff; font-size: 2em; padding:10px 10px 10px 10px;  text-align:left;}
.big_head a { text-decoration:none; color:#fff; }
.big_head a:hover { color:#EBE6E6; }
p { font-size:1.3em; }
.inline-image { float:right; padding:5px; }
img { max-width:100%; height:auto; }
p > img { padding-left: 5px; padding-right: 15px; padding-bottom:10px; }
hr { clear:both; }
/* VARIABLE PAGE HEADING */
.page-heading { padding: 10px;	font-size: 2em; padding-bottom:20px; color: #6E0209; }
table {  margin:10px 10px 10px 20px; border-collapse:collapse; cell-spacing:4px; border: 1px solid #bdbdbd; width:90%; }
th { border: 1px solid #bdbdbd; padding:5px; vertical-align:top; font-size: 1.2em; background: #bdbdbd;}
td { border: 1px solid #bdbdbd; padding:5px; vertical-align:top; font-size: 1.1em; }
a { text-decoration:none; color: #0B0B61; }


/* ---------------------------------------------
 SITE SEARCH - use SimpleSearch css classes
------------------------------------------------ */
/* FORM */
.search { float:right; z-index:110; margin;5px; }
/* RESULTS */
.sisea-results { font-size:1em; }
.sisea-result p { font-size:1em; margin-left: 10px;}
.sisea-result h3 { font-size:1.6em; margin-left:10px;}
.sisea-result h3 a { text-decoration:none; font-weight:bold; color: #0B0B61;}
.sisea-result h3 a:hover { color:#EBE6E6; }
.sisea-paging { text-align:right; margin-right:10px; }

/* --------------------------------------------------------------------------
   FIRST SECTION - OXFORD LOGO, TEXT HEADING, HORIZONTAL MENU
---------------------------------------------------------------------------- */
/* CANT RENAME THIS - MUST BE span_1_of_1 WHEN FIRST ROW OF CONTENT */
/* NAVIGATION */
.span_1_of_1 {  height:100px; background:#78010D; width:100%; padding:0; margin:0; text-align:center; }
/* SET WIDTH OF FIRST SECTION TO 80% */
.inner-header {  padding: 0; margin: 0 auto; width:80%;}

/* HORIZONTAL TOP LEVEL MENU */
.mdrop_menu { background:#78010D; padding:0; margin:0; list-style-type:none; height:30px; z-index: 3000; }
.mdrop_menu ul { padding:0; position:absolute; left: -9999px; top: -9999px; z-index: 3000;  }
.mdrop_menu li { float:left; border-right: 1px solid #fff; padding-left:0; z-index: 3000; }
.mdrop_menu li a { padding: 3px 10px 3px 10px; display:block; color:#fff; text-decoration:none; font-size:1.0em;z-index: 3000;  }
ul.mdrop_menu li:first-child > a { padding-left: 0; z-index: 3000; }    /* LINE UP HORIZ MENU WITH HEADING ABOVE */
.mdrop_menu li a:hover { color:#EBE6E6; position:relative; z-index: 3000; }
.mdrop_menu li:last-child {  border-right: 0; z-index: 3000; }

/* HORIZONTAL 2ND LEVEL SUBMENU */

.mdrop_menu ul li { 			border-bottom:1px solid silver; 	z-index: 3000; display:block; visibility:visible; }
.mdrop_menu ul li:last-child { 		border-bottom:0; 			z-index: 3000; }
.mdrop_menu li:hover { 			position:relative; 	color:#6E0209;	z-index: 3000; }
.mdrop_menu li:hover ul { 		left:0px; top:22px; background:#fff; padding:0px; z-index: 3000; }
.mdrop_menu li:hover ul li a { 		padding:5px; display:block; text-align:left; text-indent:10px; width:168px;
						background-color:#fff;  color:#78010D; z-index: 3000; }
.mdrop_menu li:hover ul li a:hover { 	background:#EBE6E6;			z-index: 3000;  }


/* ------------------------------------------------------------------
 CENTRE MAIN SECTION OF PAGE - DOES NOT INCLUDE NAV OR FOOTER
--------------------------------------------------------------------- */
.inner-body {    padding: 0; margin: 0 auto; width: 80%;	background: #fff; }
.inner-body-indent { width:96%; padding:0; margin: 0 auto; background:#fff; }
/* -----------------------------------
 LARGE HEADER IMAGE  - ROTATING
----------------------------------- */
.header-img {	height:auto; max-width:100%;  margin:0 auto; margin-left:2%;  padding:0; }
#rotating-item-wrapper {  position: relative;  display:block; max-width:100%; height:auto;   z-index: 5;}
.rotating-item {  display: none;  position: absolute; top: 0; left: 0; z-index: 5;  }

/* -----------------------------------------
 BREADCRUMBS
------------------------------------------- */
.my-breadcrumbs { z-index: 2000; }
.my-breadcrumbs ul.B_crumbBox { list-style-type:none; height:30px; padding:0; margin: 0; margin-left: 10px; font-size: 0.8em; line-height:100%; }
ul.B_crumbBox li { display:inline; padding-left:10px;  padding-right:10px; margin-left:0; font-size: 0.8em; line-height:100%;}
ul.B_crumbBox li.B_currentCrumb { color: grey; font-size: 0.9em; line-height:100%;}

ul.B_crumbBox li a.B_crumb span { color: grey; text-decoration:none; font-size: 0.8em; line-height:100%; }
ul.B_crumbBox li a.B_lastCrumb { color: grey; text-decoration:none;  font-size: 0.8em;line-height:100%; }
ul.B_crumbBox li a.B_firstCrumb { color: grey; text-decoration:none; font-size: 0.8em; line-height:100%; }
ul.B_crumbBox li a.B_homeCrumb { color: grey; text-decoration:none; font-size: 0.8em; line-height:100%; }
ul.B_crumbBox li a.B_currentCrumb { color: grey; text-decoration:none; font-size: 0.8em;line-height:100%; }


ul.B_crumbBox li.B_lastCrumb:empty  { display:none;  }  /* SUPPRESS EMPTY ITEMS SO THAT PADDING (TOO MUCH SPACING) IS REMOVED FOR NON-HIERARCHICAL ITEMS EG COOKIE STATEMENT */

ul.B_crumbBox li a:hover { color:#EBE6E6; }
ul.B_crumbBox li .B_firstCrumb { padding-left: 10px;  }



/* ----------------------------------------
 MAIN CONTENT
------------------------------------------ */
.span_6_of_8 {  background: #fff; z-index:1000;     }
/* INSET MAIN CONTENT */
.span_6_of_8_content { position:absolute; width:50%; background:rgba(255, 255, 255, 0.8);  margin-left:10px; margin-right:5%; margin-top:-70px; z-index:1000; min-height:65px; }
.span_6_of_8 h1 {   padding: 10px;  font-size: 1.8em; padding-bottom:5px; color: #78010D;  opacity:0.8; }
.span_6_of_8 h2 {   padding: 10px; padding-left:20px;	font-size: 1.8em; padding-bottom:15px; color: #78010D;}
.span_6_of_8 h3 {   padding: 10px; padding-top: 20px; padding-left:20px;	font-size: 1.6em; color: #000; color: #78010D;}
.span_6_of_8 h4 {   padding: 10px; padding-left:20px; 	font-size: 1.4em; color: #000;}
.span_6_of_8 p {  padding: 18px 10px 10px 20px; font-size: 1.2em; line-height:150%; color:#565656; z-index: 2000; }
.span_6_of_8 p a { text-decoration:none; color: #0B0B61; font-weight: bold; }
.span_6_of_8 p a:hover { color:#EBE6E6; }
.span_6_of_8 ul { list-style-type: disc; padding-left:40px; }
.span_6_of_8 ul li { font-size: 1.2em; line-height:150%; color:#565656; }
.span_6_of_8 ul li a { color: #0B0B61; text-decoration:none;  }
.span_6_of_8 ul li a:hover, p a:hover { color:#EBE6E6; }



/* ---------------------------------
 HOME PAGE ONLY - IMAGES
----------------------------------- */
.home-images-container {  margin:0; padding: 0;  background:#fff; width:100%; color: #000; }
.span_3_of_6 {  background:#fff; color:#000; overflow:hidden; padding-top: 8px; }
.span_3_of_6 h3 { margin-left:20px; font-size:1.6em; color: #000; padding-bottom:10px;   }
.span_3_of_6 h3 a { text-decoration:none; color:#000; }
.span_3_of_6 h3 a:hover { text-decoration:none; color:#EBE6E6; }
.span_3_of_6 p { margin-left:20px; font-size: 1em; padding-bottom:5px;}
.span_3_of_6 p a { text-decoration:none; color:#000; }
.span_3_of_6 p a:hover {  color:#EBE6E6; }


/* ---------------------------------------
SIDEBAR
---------------------------------------- */
.span_2_of_8 {  background: #EBE6E6;   margin-top: 70px; margin-bottom:20px; min-width:200px;}
.span_2_of_8 div { padding: 5px 10px 5px 10px; font-size: 1em; border-bottom: 1px solid silver; line-height:120%;}
.span_2_of_8:empty {  background: #ffffff;   margin-top: 70px; margin-bottom:20px; min-width:200px;}
.span_2_of_8 h1 { font-size:1.8em; padding:0 10px 10px 10px; color: #78010D; }
.span_2_of_8 h2 { font-size:1.8em; padding:0 10px 10px 10px;  #78010D; }
.span_2_of_8 h3 {   padding: 10px; font-size: 1.3em; padding-bottom:10px; color: #000;  }
.span_2_of_8 h4 {   padding: 10px; font-size: 1.1em; padding-bottom:10px; color: #000;  }
.span_2_of_8 p {  padding: 5px 10px 5px 10px; font-size: 1em; border-bottom: 1px solid silver; line-height:120%;}
.span_2_of_8 p:last-child { border-bottom:0; }
.span_2_of_8 p a {  text-decoration:none; color: #0B0B61; }
.span_2_of_8 p a:hover {  color:#6E0209; }
.span_2_of_8 ul { list-style-type: none; padding-left:10px; }
.span_2_of_8 ul li { font-size: 1em; border-bottom: 1px solid silver; padding-top:10px; padding-bottom:10px; line-height;120%; }
.span_2_of_8 ul li:last-child { border-bottom:0; }
.span_2_of_8 ul li a { color: #0B0B61; text-decoration:none;  }
.span_2_of_8 ul li a:hover { color:#B8252F; }


/* ---------------------------------------
FULL FOOTER BLOCK
----------------------------------------- */
.full-footer { background: #78010D; }

/* -----------------------------------------------------------------------------
LEFT, CENTRE AND RIGHT FOOTERS BLOCK
---------------------------------------------------------------------------- */
.footer {  margin:0; padding: 0;  background:#78010D; width:100%; color: #fff; min-height:270px; }
.span_1_of_3 {  background:#78010D; color:#fff; }
.span_1_of_3 h1 { margin-left:20px; font-size:1.2em; color: #fff; padding-bottom:1em;   }
.span_1_of_3 h2 { margin-left:20px; font-size:1.2em; color: #fff; padding-bottom:1em;   }
.span_1_of_3 p { margin-left:20px; font-size: 1em; padding-bottom:1em;}
.span_1_of_3 p a { text-decoration:none; color:#fff; }
.span_1_of_3 p a:hover { color:#EBE6E6; }

/* -----------------------------------------------------------------------------
ENDLINE  eg COPYRIGT, COOKIE STATEMENT, PRIVACY POLICYS
---------------------------------------------------------------------------- */
.endline {  margin:0; padding: 0;  background:#78010D; width:100%; color: #fff; min-height:20px; background:#78010D; color:#fff; }
.endline p { margin-left:20px; font-size: 1em; padding-bottom:1em; text-align:left; }
.endline p a { text-decoration:none; color:#fff; }
.endline p a:hover { color:#EBE6E6; }
/*
.span_1_of_1 {  background:#78010D; color:#fff; }
.span_1_of_1 p { margin-left:20px; font-size: 1em; padding-bottom:1em; text-align:left; }
.span_1_of_1 p a { text-decoration:none; color:#fff; }
.span_1_of_1 p a:hover { color:#EBE6E6; }
*/

/*----------------------------------------------------------
 CSS FOR HORIZ NAV TOGGLE MENU ON MOBILE SIZE SCREEN
 ----------------------------------------------------------*/
.toggle-nav{  display: none; }
.nav-mobile style{   display: block; }

@media only screen and (max-width: 940px){
	.big_head { font-size:1.8em; }			/* REDUCE SIZE OF TOP OF PAGE HEADING */
	.span_6_of_8_content { margin-top: 0em; } 	/* LOWER POSITION OF INDIVIDUAL PAGE HEADING */
	.span_6_of_8 h1 { font-size: 1.6em; }		/* REDUCE SIZE OF INDIVIDUAL PAGE HEADING */
	.span_6_of_8 p { margin-top: 1.8em; } 		/* LOWER START POINT OF TEXT */
	.home-images-container { margin-top: 1.8em; }	/* LOWER START POINT OF IMAGES ON HOME PAGE */
	.span_3_of_6 h3 { font-size:1.5em;  }
}

@media only screen and (max-width: 640px){

    .nav{  border-bottom: 1px solid rgba(0,0,0,0.1);  }
    .toggle-nav{ display: block; padding: 0 5px 0 5px; position: absolute; top:96px; left: 0px;line-height: 30px;
    	color:#fff; background:#78010D; text-decoration:none;  z-index:9999;}
    .toggle-nav:after{  content: ' Menu';  }
    .nav-mobile{  display: none; z-index:9999; }
    .style-mobile{ background: #78010D; color: #fff; top:100px; position:absolute; width:50%; text-align:left; z-index:9999;}
    .style-mobile li{  display: block; width: 100%; }
    .nav {  display:block; float:none;  margin: 0em; border-right:0; }
    .nav ul.drop_menu li ul { display:none; }
	.nav ul.drop_menu li:first-child > a { padding-left: 10px; }    /* RESTORE PADDING FOR MOBILE VERSION */
	.nav .drop_menu li { border-right:0; }


	#rotating-item-wrapper { display:none; }
	.big_head { font-size:1.2em; }			/* REDUCE SIZE OF TOP OF PAGE HEADING */
	.span_6_of_8_content { margin-top: 0em; } 	/* LOWER POSITION OF INDIVIDUAL PAGE HEADING */
	.span_6_of_8 h1 { font-size: 1.4em; }		/* REDUCE SIZE OF INDIVIDUAL PAGE HEADING */
	.span_6_of_8 p { margin-top: 2em; } 		/* LOWER START POINT OF TEXT */
	.home-images-container { margin-top: 2em; }	/* LOWER START POINT OF IMAGES ON HOME PAGE */

	.span_3_of_6 h3 { font-size:1.4em;  }


	.my-breadcrumbs ul.B_crumbBox { display:none; } /* HIDE BREADCRUMBS */


}

@media only screen and (min-width: 641px){
    .nav-mobile {  display:block !important;   }
}


.x-panel .x-panel-noborder { display:none; visibility:hidden; }
#ext-comp-1018 { display:none; visibility:hidden; }