/* Default browser text size is 16px, so reduce it to 10px making 1em = 10px (easier to calculate em sizes). Therefore 1.5em = 15px, etc */
body {
	background:#8F95A4; color:black; margin:0px 0px 0px 0px;
	font-size:62.5%; font-family:Arial, Helvetica, sans-serif;;
} 
#mainwrapper {
	padding:0px 0px 0px 0px; margin:0px 0px 0px 12px; width:98.0%;
}
#maincontent {
	font-size:1.2em; float:left; width:64%; margin:0px 1.9% 0px 0px; overflow:hidden;
}
#sidecontent {
	font-size:1.2em; float:left; width:33%; overflow:hidden;
}
#header_a {
	height:99px; background:#8F95A4 url(secure/images/css1/owl_banner1a.jpg) no-repeat;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}
#header_b {
	height:99px; background:#8F95A4 url(secure/images/css1/owl_banner1b.jpg) repeat-x;
	padding:0px 0px 0px 0px; margin:0px 0px 0px 361px;
}
#menu {
	font-size:1.1em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	overflow:hidden; position:absolute; left:193px; top:79px;
	word-break:break-all; height:17px;
}
#menu a {
	text-decoration:none; color:#3F4E67; overflow:visible;
	padding:0px 1px 0px 0px; margin:0px 0px 0px -1px;
}
#menu a:hover {
	color:#6666ff; background:#DEE7FE
}
#menu .menu_divider {
	background:url(secure/images/css1/menu_divider1.gif) no-repeat; position:relative; width:8px; height:18px; left:1px; top:1px; display:inline;
	font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#D1DFFF; line-height:17px;
	padding:0px 3px 0px 4px; margin:0px 0px 0px 0px;
}

/*Breadcrumb navigation*/
#navbar_a {
	width:98%; background:#3F4E67;
	padding:5px 5px 5px 5px; margin:8px 0px 8px 0px;
}
#navbar_b {
	font-size:1.1em; background:#D1DFFF;
	padding:1px 5px 1px 5px; margin:0px 0px 0px 0px;
}

/* Headings are an anomaly and default to 12px in Mozilla */
h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.2em}  /* displayed at 15px */
h4 {font-size:1.2em}  /* displayed at 12px */
th,td,table {font-size:1em;}  /* IE5.5 needs TABLE font-size stated */
input,select {font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}
textarea {font-size:1em; font-family:Arial, Helvetica, sans-serif;}
form {display:inline;}
a {color:#000099; font-weight:bold; text-decoration:none}
a:hover {color:#6666ff; text-decoration:underline;}
div p {text-align:justify;}

#footer_a {
	clear:both; width:98%; background:#3F4E67;
	padding:5px 5px 5px 5px; margin:0px 0px 5px 0px;
}
#footer_b {
	background:#D1DFFF; color:black;
	padding:2px 5px 2px 5px; margin:0px 0px 0px 0px;
	text-align:center;
}
/* DIVs for main content panels */
.box_main1a { /* outer div for border effect*/
	background: #3F4E67 url(secure/images/css1/gradient1.png) repeat-x 0px 5px;
	padding:5px 5px 5px 5px; margin: 0px 0px 16px 0px;
}
.box_main1b { /* inner div for header/content */
	background:#ffffff url(secure/images/css1/gradient2.gif) repeat-x 0px 0px;
	padding:5px 5px 5px 5px; margin:0px 0px 0px 0px;
}
.box_main1a h3 { /* heading */
	background:#A8B7D9 url(secure/images/css1/gradient3.gif) repeat-y 0px 0px; height:54px; color:black; 
	border-bottom:1px solid #51617C; margin:-3px -5px 12px -5px; padding:10px 5px 4px 9px;
}
.box_main_icon {
	float:left; padding-right:10px; margin-top:-8px
}
/* DIVs for side content panels */
.box_side1a {
	background:#3F4E67 url(secure/images/css1/gradient4.png) repeat-x 0px 5px;
	padding:5px 5px 5px 5px; margin:0px 0px 16px 0px;
}
.box_side1b {
	background:#ffffff url(secure/images/css1/gradient5.gif) repeat-x 0px 0px;
	padding:5px 6px 8px 6px; margin:0px 0px 0px 0px;
}
.box_side1a h3 {
	background:#A8B7D9 url(secure/images/css1/gradient6.gif) repeat-y 0px 0px; color:black; border-bottom:1px solid #51617C;
	height:17px; margin:-3px -6px 8px -6px; padding:3px 5px 3px 9px;
}

/* JS MENU */
#menuLayer {
	position:absolute; left:0px; top:0px; z-index:1; visibility:hidden; overflow:visible;
}
#menu_childContainer {
	filter:alpha(Opacity=90);
	_width:10em;
	min-width:8em;
	max-width:15em;
	border-left:2px solid #3F4E67; border-right:2px solid #3F4E67;
	border-bottom:3px solid #3F4E67; _border-bottom:2px solid #3F4E67;
	background: #D6E2FE;
	color: #3F4E67;
	font-size:1.1em;
}
#menu_childContainer ul {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#menu_childContainer li { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#menu_childContainer li a {
	display:block;
	padding:3px 0.5em 3px 0.5em;
	background-color:#D6E2FE;
	color:#3F4E67;
	text-decoration:none;
	width:100%;
	border-bottom:1px solid #A8B7D9;
}
html>body #menu_childContainer li a {
	width:auto;
}
#menu_childContainer li a:hover {
	background-color:#ECF2FF;
	color:#6666ff;
}
/* END JS MENU */

.datatable {
	width:100%; border:0px solid black; margin:0px 0px 0px 0px;
}
.datatable TH {
	background:#C4D6FF; border-bottom:1px solid black; border-left:1px dotted #6F89B5;
	text-align:left; padding:2px 3px 3px 5px; vertical-align:top;
}
.datatable TD {
	border-bottom:1px solid #A8B7D9; border-left:1px dotted #C4D6FF;
	vertical-align:top; padding:1px 3px 3px 5px;
}
.datatable .firstcol {border-left:0px; color:#6F89B5;}
.datatable TH .firstcol {border-left:0px;}

.small {font-size:0.8em;}

.sidecontentList1 LI {
	margin-left:-1.3em;
	text-align:justify;
}

@media all{
	#header_print_only {display:none;}
}
@media print{
	body {background:none;} 
	#header_print_only {display:list-item; list-style-position:inside; list-style-type:none; list-style-image:url(secure/images/css1/owl_banner_for_print.jpg); font-size:1.0em; color:black;}
	#header_print_only:before {content:"Printed from owl.co.uk"; vertical-align:top}
	#header_a {display:none; height:1px;}
	#header_b {display:none; height:1px;}
	#menu {display:none;}
	#maincontent {font-size:1.2em; float:none; width:100%; overflow:visible;}
	#sidecontent {font-size:1.2em; float:none; width:100%; overflow:visible;}
	#navbar_a {width:100%; background:none; padding:0px 0px 0px 0px; margin: 1em 0em 1em 0em; clear:both;}
	#navbar_b {width:100%; background:none; padding:10px 10px 10px 10px; margin: 0px 0px 0px 0px;}
	#box_main1a,#box_main2a {background:none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
	#box_main1b,#box_main2b {background:none; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
	#box_main1a h3,#box_main2a h3 {background:none; margin:0px 0px 0px 0px;}
	#box_side1a,#box_side2a {background:none;}
	#box_side1b,#box_side2b {background:none;}
	#box_side1a h3,#box_side2a h3 {background:none; margin:0px 0px 0px -15px;}
	#footer_a {width:100%; background:none; padding: 0px 0px 0px 0px; margin:20px 0px 0px 0px;}
	#footer_b {background:none; padding: 20px 20px 20px 20px; font-style:italic;}
}





/* Start of CSS that needs removing or tidying up */
.commsTable {
	background-color: #ddddff;
}
.commsTable TD {
	background-color: #ddddf0;
	border: 1px outset #ffffff;
	padding: 2px 6px 1px 6px;
}
.subtitle {
	color: #000099;
	font-size: 1em;
	font-style: oblique;
	font-weight: bold;
	line-height: 125%;
}
.button1 {
	background-color: #F4F4F0;
	border: 1px solid Black;
	text-decoration: none;
	color: Black;
	padding: 1px 3px 1px 3px;
	line-height: 150%;
}
.ddLayer {
	border: 1px solid #000000;
	background: #eeeeee;
	position:absolute;
	left:0px;
	top:0px;
	z-index:250;
	overflow: visible;
	visibility: hidden;
}
.ddForm {
	display:inline;
}
.ddOuterTable {
}
.ddIframe {
	position:absolute;
	left:0px; top:0px;
	display:none;
	z-index:248; 
	visibility: visible;
	filter:'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
}

/* Error msgs in a box */
.errorMsgBox {
	position: relative;
	border: 1px solid black;
	background-color: #FF7766;
	color: Black;
	font-size: 1em;
	padding: 10px;
	margin: 15px;
	display: block;
	}

/* OVERLIB STYLES
	style 1 = tooltip
	style 2 = instructions
	style 3 = important
 */
.OLtext1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.OLcap1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
.OLfg1 {
	background-color:#ffff66;
}
.OLbg1 {
	background-color:#000000;
}

.OLtext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
.OLcap2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffff99;
	font-weight: bold;
}
.OLfg2 {
	background-color:#333399;
}
.OLbg2 {
	background-color:#000000;
}

.OLtext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.OLcap3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
}
.OLfg3 {
	background-color:#ff6666;
}
.OLbg3 {
	background-color:#000000;
}
/* End of CSS that needs removing or tidying up */