/* Core layout for all pages */

#container {
	width: 830px;
	margin: 5px auto;
}

#LogonBlock {
	color: #ffffff;
	text-align: right;
	display: block;
	font-size: 0.85em;
	padding-bottom: 5px;
}

#LogonBlock a {
	color: #ffffff;
	font-weight: bold;
	padding: 0px 2px;
}

#LogonBlock a:hover, #LogonBlock a:active {
	background-color: #ffffff;
	color: #336699;
}

#headerBlock {
	background-color: #FFFFFF;
	height: 60px;
}

/* RAC 03/03/2009: Removed padding and changed width to 10px */
#headerLeft {
	width: 10px;
	height: 10px;
	float: left;
	background-image: url(../../../../images/layout/tlWhite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* RAC 03/03/2009: Added new definition for new block */
#headerContent {
	width: 650px;
	height: 50px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
}

#headerRight {
	float: right;
	background-image: url(../../../../images/layout/trWhite.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 10px 10px 0px 0px;
}

/* Updated by NH 8/2/2010 Ref SEM037849 added style for new menu on QCF page */
#navigationBlock,
#menu2 ul li {
	background-image: url(../../../../images/layout/navBG.jpg);
	height: 30px;
}

#navLeftEdge {
	float:left;
	border-right: 2px inset #FFFFFF;
}

HTML>Body #navLeftEdge {
	border-right: 2px groove #FFFFFF;
}

#navRightEdge {
	float: right;
}

#documentBlock {
	margin-top: 10px;
	display: block;
}

ul#contentPanes {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	float: left;
	width: 100%;
	height: 100%;
}

ul#contentPanes li {
	display: inline;
}

ul#contentPanes li div#contentColumn {
	float: left;
	background-color: #FFFFFF;
	width: 625px;
	display: block;
	background-image: url(../../../../images/layout/tlWhite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: none;
	overflow: hidden;
}

ul#contentPanes li div#contentColumn ul li {
	list-style-type: square;
	float: none;
	display: list-item;
}

ul#contentPanes li div#rightColumn {
	width: 205px;
	float: right;
	display: block;
	font-size: 0.85em;
}

ul#contentPanes li #rightColumn p {
	color: #FFFFFF;
}

ul#contentPanes li #rightColumn ul li {
	color: #FFFFFF;
	line-height: 2em;
}


#footerBlock {
	background-color: #D9D9D9;
	height: 30px;
	clear: both;
	background-image: url(../../../../images/layout/blGrey.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: -10px !important;
}

HTML>Body #footerBlock {
	margin-top: 0px !important;
}

#footerBlock2 {
	height: 30px;
	background-image: url(../../../../images/layout/brGrey.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#footerBlock3 {
	padding: 7px 10px;
	font-size: 0.85em;
}


/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	form			{margin-top:0px; margin-bottom:0px;}
	ul              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	ol				{margin-top:0px; margin-bottom:0px;}
	blockquote		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

	a               {color:#3366FF; text-decoration:none}
	a:hover         {color:#7F9DB9;}
	
	/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
	div             {color:#222222; font-size:small;}
	p               {color:#222222; font-size:small;}
	td              {color:#222222; font-size:small;}
	
	body {
		font-family: Arial, Helvetica, Sans-Serif; 
		font-size: 100%;
		margin:0px; 
		padding:0px; 
		background-color:#336699;
		background-image: url(../../../../images/layout/grid.jpg);
	}


	/* These styles used in the supplied templates */
	#utilitylinks A	{font-size:small; color:#343434; font-weight:normal;}
	#utilitylinks A:hover	{color:#343434;}
	
	#footer		  A {font-size:small; color:#444444; font-weight:normal; text-transform:lowercase;}
	#footer		  A:hover	{color:#999999;}
	
/* Global User Table Styles */
/* These styles define the basic properties for tables in the Immediacy Editor */

	/* Default Table */
	table.ImmTS_Default		{padding:0px; width:100%; border-collapse:collapse;} /* Overall table style */

	table.ImmTS_Default th, 
	table.ImmTS_Default td	{padding:2px; margin:2px;} /* Cell padding and spacing styles */

	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	{border:1px solid black;} /* Table border style */
	     
	table.ImmTS_Default th	{}						/* Apply style to header cells */
	table.ImmTS_Default tr	{vertical-align:top;}	/* Apply style to data cells */
	table.ImmTS_Default td	{}						/* Apply style to data cells */

/* Plugin Styles */
/* These styles are used by plugins through out the site. */

	/* Scroller */
	#divscroller0	{z-index:1;}
	.scrollertitle	{z-index:1; color:#8C897A; /*font-family:Arial,Verdana,Helvetica;*/	font-size:12px; font-weight:bold;}
	.scrollerbody	{z-index:1; color:#8C897A; /*font-family:Arial,Verdana,Helvetica;*/ 	font-size:12px; font-weight:normal;}

	
	

	/* Whats new */
	.WhatsnewTitle	{font-size:9pt; color:#8C897A; font-weight:bold;}
	.WhatsnewTitle:hover	{color:#8c89ff;}
	.WhatsnewBody	{font-size:8pt; color:#8C897A; font-weight:normal; float:left;}

	/* SiteMap */
	DIV.sitmp0				{font-size:110%; background-color:#f3f3ff; padding: 2px !important; margin-top: 20px !important; margin-bottom: 10px !important;}
	DIV.sitmp1				{font-size:90%; padding: 0px !important;}
	DIV.sitmp2				{font-size:90%; padding: 0px !important;}
	A.sitmpA0				{color:#000070; font-weight:bold;}
	A.sitmpA0:hover			{color:#8C897A;}
	A.sitmpA1				{color:#000070; font-weight:normal;}
	A.sitmpA1:hover			{color:#8C897A;}
	A.sitmpA2				{color:#000070; font-weight:normal;}
	A.sitmpA2:hover			{color:#8C897A;}

	/* Page Counter Styles */
	#PageCounter	{text-align:right; clear:both; width:10em;}
	.PageCounter	{text-align:left; font-size:x-small; color:#000070;}
	HR.PageCounter	{color:#000070; height:1px;}
	.PageCounterTxtBox {width:40px;}



	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.
	/* Updated by NH 8/2/2010 Ref SEM037849 added style for new menu on QCF page
	Basically copied the #menu styles for #menu2 */

		/* style for the containing div for the menu */
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#menu,
		div#menu2
		{
			/*font-family: Arial, Helvetica, sans-serif;*/
			font-size: 0.85em;
			font-weight: bold;
			z-index:99;
			height: 30px;
			width: 819px;
			float: left;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#menu ul,
		div#menu2 ul
		{
			list-style: none !important;
			margin:0px;
			padding:0px;
			height: 30px;
		}
		
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#menu ul li a,
		div#menu2 ul li a {
			display:block;
			text-decoration:none;
			border-right: 2px inset #FFFFFF;
			color: #000000;
			padding: 8px 15px;
		}
		
		HTML>Body div#menu ul li a {
			display:block;
			height:14px;
			/*padding: 8px 10px;*/
			padding: 8px 4px;
			border-right: 2px groove #FFFFFF;
		}

		HTML>Body div#menu2 ul li a {
			display:block;
			height:14px;
			width:149px;
			padding: 8px 1px;
			border-right: 2px groove #FFFFFF;
		}
		
		div#menu ul li a:hover, div#menu ul li a:active,
		div#menu2 ul li a:hover, div#menu2 ul li a:active {
			background-color: #FFFFFF;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#menu ul li {position:relative; float:left !important; margin:0px;}
		div#menu2 ul li	{position:relative; float:left !important; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#menu ul ul,div#menu2 ul ul {
			position:absolute;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#menu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#menu ul ul, 
		div#menu ul li:hover ul ul,
		div#menu ul ul li:hover ul ul,			
		div#menu ul ul ul li:hover ul ul,
		div#menu2 ul ul, 
		div#menu2 ul li:hover ul ul,
		div#menu2 ul ul li:hover ul ul,			
		div#menu2 ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#menu ul li:hover ul,
		div#menu ul ul li:hover ul,
		div#menu ul ul ul li:hover ul,
		div#menu ul ul ul ul li:hover ul,
		div#menu2 ul li:hover ul,
		div#menu2 ul ul li:hover ul,
		div#menu2 ul ul ul li:hover ul,
		div#menu2 ul ul ul ul li:hover ul
		{
			display:block;
		}
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
	/*div#menu ul.L0		{width:630px;}*/ /* defines the total width of the top menu */

	
	/* defines position of drop down leaves */
	/*div#menu ul.L0 ul	{top:30px; left:0px;}*/ /* position of first leaf */
	

	/* defines width of menu items */
	/*div#menu ul.L0 li	{width:105px;}*/ /* level 0 items */
	
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	/*div#menu ul.L0 li a	{width:92px; height:19px; font-size:103%; font-weight:bold; padding-top:7px; padding-left:5px; padding-right:10px;}*/
	
	
	/* end top menu bar*/

	/* All Level Styles*/
	/*#menu			{border-top:1px solid #FFFFFF;  url(../../../images/MenuGra.jpg) repeat;}	
	#menu a, #menu2 a			{color:#2D407C; border-right:1px solid #FFFFFF;  url(../../../images/MenuGra.jpg}
	#menu a:hover, #menu2 a:hover	{color: #000000; background:#ffffff;}*/

	
	div#menu ul.L0 ul.L1,
	div#menu2 ul.L0 ul.L1 {top: 30px; left: 0px; width: 100px;}
	
	#menu ul.L0 ul.L1 a {
		font-weight: normal;
		display: block;
		padding: 5px 20px 5px 20px;
		width: 100px;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}

	
	#menu2 ul.L0 ul.L1 a {
		font-weight: normal;
		display: block;
		padding: 5px 20px 5px 20px;
		width: 150px;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}
	
	
	
	
	
	
	

	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			margin: 0px 5px;
			/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
			font-size: 1em;
			width: 175px;
			border-width: 1px 0px;
			border-style: solid;
		}
					
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			float: left;
			width: 100%;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			display: inline;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu ul li a {
			display: block;
			text-decoration: none;
		}
		


		/* Level 0 Styles */
		#sidemenu a.L0hc {padding-left: 15px;} /* defines level 0 bullet for children */
		#sidemenu a.L0nc {padding-left: 15px;} /* defines level 0 bullet for no children */
		#sidemenu a.L0hcsel {padding-left: 15px;} /* defines level 0 bullet for children if selected page */
		#sidemenu a.L0ncsel {padding-left: 15px;} /* defines level 0 bullet for no children if selected page*/
		#sidemenu a.L0hcsel:hover {} /* in this case effectively suppresses the hover effect for selected pages */
		#sidemenu a.L0ncsel:hover {} /* in this case effectively suppresses the hover effect for selected pages */
		#sidemenu a.L0hc:hover {} /* defines the level 0 hover effect */
		#sidemenu a.L0nc:hover {} /* defines the level 0 hover bullet for children */

		/* Level 1 Styles */
		#sidemenu a.L1hc {margin-left: 15px; padding-left: 15px;}
		#sidemenu a.L1nc {margin-left: 15px; padding-left: 15px;}
		#sidemenu a.L1hcsel {margin-left: 15px; padding-left: 15px;}
		#sidemenu a.L1ncsel {margin-left: 15px; padding-left: 15px;}
		#sidemenu a.L1hcsel:hover {}
		#sidemenu a.L1ncsel:hover {}
		#sidemenu a.L1hc:hover {}
		#sidemenu a.L1nc:hover {}

		/* Level 2 Styles */
		#sidemenu a.L2hc {margin-left: 30px; padding-left: 15px;}
		#sidemenu a.L2nc {margin-left: 30px; padding-left: 15px;}
		#sidemenu a.L2hcsel {margin-left: 30px; padding-left: 15px;}
		#sidemenu a.L2ncsel {margin-left: 30px; padding-left: 15px;}
		#sidemenu a.L2hcsel:hover {}
		#sidemenu a.L2ncsel:hover {}
		#sidemenu a.L2hc:hover {}
		#sidemenu a.L2nc:hover {}

		


	/* Global Interactive Materials Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#pubsmenu {
			margin: 0px 5px;
			/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
			font-size: 1em;
		}
					
		/* default ul tag style for this menu - you probably won't need to change this */
		div#pubsmenu ul 
		{
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			float: left;
			width: 100%;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#pubsmenu ul li		
		{
			display: inline;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#pubsmenu ul li a {
			display: block;
			text-decoration: none;
		}
		



/*Events Calendar */
.eventsborder {background-color:#222299; color:#ffffff; /*font-family:Arial,Verdana,Helvetica;*/ font-size:110%; font-weight:bold;}
.eventsboxbg {background-color:#e7e7e7; font-size:100%; color:#222299;}
.eventsbullet {background-image:url(../../../../images/documenticon.gif);}
/* eWorld UI Calendar Control */
.calCtrl {font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlDayHeader {background-color: #DCDCDC; color: Black;font-size:60%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlMonthHeader {background-color: #0f9fef; color: Black;font-size:85%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlWeekDay {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlOffMonth {background-color: #778898; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlGoToToday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlTodayDay {background-color: #0f9fef; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlWeekend {background-color: #D3D3D3; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlSelectedDate {background-color: #FFFF00; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlClearDate {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}
.calCtrlHoliday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; /*font-family:Verdana,tahoma,arial,sans-serif;*/}






	
	
#searchBox {
 float: right;
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 0.8em;
 height: 21px;
 z-index: 100;
 padding-top: 4px;
}
 
#searchBox input {
 font-size: 0.95em;
 padding: 0px;
 margin-right: 5px;
 margin-top: 0px;
 z-index: 2;
 height: 16px !important;
}
 
#searchBox label {
 display: none;
}
 
#searchBox a img {
 vertical-align: absmiddle;
 width: 17px;
 height: 14px;
 background-image: url(../../../../images/layout/GoButton_a.gif);
 background-repeat: no-repeat;
}

HTML>Body #searchBox a img {
 vertical-align: middle;
}
 
#searchBox a:hover img, #searchBox a:active img {
 background-image: url(../../../../images/layout/GoButton_b.gif);
 background-repeat: no-repeat;
}
 
 
 
table#searchBox {
 /*font-family: Arial, Helvetica, sans-serif;*/
 height: 21px;
 padding: 4px 15px;
 z-index: 2;
 width: auto;
}
 
table#searchBox tr td {
 font-size: 1em;
 text-align: right;
}
 

/* FAQ Styles */
.faqQuestion {
	font-weight: bold;
}

.faqSearchBox {
	background-color: #dddddd;
	border: 1px solid #cdcdcd;
	margin: 0px auto;
}


/* Class for turning links into buttons, i.e. for pubs agreement */
a.linkButton {
	background-color: #dddddd;
	border: 2px outset;
	padding: 2px 5px;
	color: #000000;
	font-size: 0.85em;
	font-weight: bold;
}

a.linkButton:hover, a.linkButton:active {
	background-color: #cccccc;
	color: #000000;
}

a.linkButton:active {
	border-style: inset;
}



/****************************************************
 * Core Article Index Definition
 ****************************************************/
 
 
.ArticleEntry {
	 float: left;
	 margin-bottom: 0px;
	 display: block;
	 min-height: 100px;
	 width: 585px;
	 font-size: 1em;
	 padding: 5px !important;
}

.ArticleEntry img {
	 border: 1px solid #EEEEEE;
	 padding: 5px;
	 margin-right: 10px;
	 width: 75px;
	 height: 75px;
	 background-color: #ffffff;
}

.ArticleEntry .ArticleSource {
	 font-size: 0.7em;
	 text-align: right;
	 color: #cc6633;
	 margin: 5px 10px 0px 0px;
	 padding: 2px !important;
	 background-color: #f7f7f7;
}

.ArticleEntry .ArticleBody {
	padding: 5px 0px !important;
	color: #444444;
	font-size: 0.85em;
}

.ArticleEntry .ArticleTitle a {
	 font-weight: bold;
	 display: block;
	 padding: 3px 0px !important;
	 border-width: 1px 0px;
	 border-style: solid;
	 border-color: #EEEEEE;
}



/****************************************************
 * Core Event Index Definition
 ****************************************************/

.EventEntry {
	float: left;
	margin-bottom: 0px;
	display: block;
	min-height: 60px;
	width: 585px;
}

.EventEntry .EventTitle a {
	font-weight: bold;
	display: block;
	padding: 3px 0px !important;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #EEEEEE;
}

.EventEntry .EventBody {
	padding: 5px 0px !important;
	color: #444444;
	font-size: 0.85em;
	margin-left: 75px;
}

.EventDate {
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	right: 0px;
	font-weight: bold;
	color: #444444;
	padding: 10px 5px;
	border: 1px solid #EEEEEE;
	text-align: center;
	overflow: hidden;
	margin-right: 5px;
	line-height: 1.5em;
	background-color: #ffffff;
}



/****************************************************
 * Core News Feed Definition
 ****************************************************/
 
 
.NewsFeedEntry {
	 float: left;
	 margin-bottom: 0px;
	 display: block;
	 min-height: 100px;
	 width: 585px;
	 font-size: 1em;
	 /*padding: 5px !important;*/
}

.NewsFeedEntry .NewsFeedSource {
	 font-size: 0.7em;
	 color: #cc6633;
	 padding: 5px 0px !important;
}

.NewsFeedEntry .NewsFeedBody {
	/*padding: 5px 0px !important;*/
	color: #444444;
	font-size: 1em;
	padding: 0px !important;
}

.NewsFeedEntry .NewsFeedTitle {
	padding: 0px !important;
}

.NewsFeedEntry .NewsFeedTitle a {
	 font-weight: bold;
	 display: block;
	 padding: 3px 0px !important;
	 border-width: 1px 0px;
	 border-style: solid;
	 border-color: #EEEEEE;
}