/*************************************************************************************************************************
										System Stylesheet for the Conference Site
*************************************************************************************************************************/

/******************************************** 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:#000000; 
		font-family:Arial,Verdana,Helvetica,Sans-Serif; 
		font-size:10pt;
	}
	
	P               
	{
		color:#000000; 
		font-family:Arial,Verdana,Helvetica,Sans-Serif; 
		font-size:10pt;
	}
	
	TD              
	{
		color:#000000; 
		font-family:Arial,Verdana,Helvetica,Sans-Serif; 
		font-size:10pt;
	}
	
	.greenBar
	{
		padding:0px;
		margin:0px;	
	}
	
	BODY			
	{
		font-family:Arial,Verdana,Helvetica, Sans-Serif; 
		margin:0px;
		 padding:0px; 
		 background-color:#ffffff;
	}
	
/*************************************************************************************************************************/

/*********************************************** 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;
	} 

	table.ImmTS_Default th, 
	table.ImmTS_Default td	
	{
		padding:2px; 
		margin:2px;
	} 
	
	table.ImmTS_Default, 
	table.ImmTS_Default th, 
	table.ImmTS_Default td	
	{
		border:1px solid black;
	} 
	     
	table.ImmTS_Default th	
	{
		
	}
	
	table.ImmTS_Default tr	
	{
		vertical-align:top;
	}
	
	table.ImmTS_Default td	
	{
		
	}
	
	/* Conference with borders Scheme Table*/
	table.ImmTS_paleGreen		
	{
		padding:0px; 
		width:100%; 
		border-collapse:collapse;
	} 

	table.ImmTS_paleGreen th, 
	table.ImmTS_paleGreen td	
	{
		padding:2px; 
		margin:2px;
	} 

	table.ImmTS_paleGreen, 
	table.ImmTS_paleGreen th, 
	table.ImmTS_paleGreen td	
	{
		border:solid 1px #cfd667
	}
	     
	table.ImmTS_paleGreen th	
	{
		
	}
	
	table.ImmTS_paleGreen tr	
	{
		vertical-align:top;
	}
	
	table.ImmTS_paleGreen td	
	{
		
	}
/*************************************************************************************************************************/


/*************************************************** 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;
	}
	
	.search         
	{
		color:#eeeeee;	
		font-size:small; 
		font-weight:bold;
	}

	/* 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;
	}

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

/***************************** 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 
		{
			width:130px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:83%;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	
		{
					font-weight:bold; 
					height:1.75em; 
					padding-left:0.6em; 
					padding-top:0.5em; 
					margin-bottom:0.01px; 
					margin-top:0.01px;
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			float:left; 
			width:100%; 
			margin:0px;
		}
		
		/* 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 a 
		{
			display:block;
			text-decoration:none;
			/*padding-top:0.43em;*/
			
			text-align:center;
			/*height:25px;*/
			margin-bottom: 6px;
		}
		
		#sidemenu ul li a.L0sel				
		{
			margin-bottom: 6px;
		}
		
		#sidemenu ul li a.L1sel				
		{
			margin-bottom: 6px;
		}
		
		#sidemenu ul li a.L1
		{
			width: 115px;
			margin-left:auto;
			margin-right:auto;
			text-indent:-5px;	
		}
		
		#sidemenu ul li a.L1sel
		{
			width: 115px;
			margin-left:auto;
			margin-right:auto;
			text-indent:-5px;	
		}
		
		
/**************************************************************************************************************************/
	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

		/* 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#topdropmenu 
		{
			font-family:Arial,Verdana,Helvetica,Sans-Serif;
			font-size:100%;
			z-index:999;
			width:100%;
			
			
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#topdropmenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
			
		}
		
		/* 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#topdropmenu a 
		{
			display:block;
			margin:0px;
			text-decoration:none;
		}

		/* 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#topdropmenu ul li	
		{
			position:relative; 
			float:left; 
			margin:0px; 
		}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu 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#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
			
		}
		
		div#topdropmenu ul ul.L1 li:hover
		{
				color:#000000;
		}
	
	/* 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#topdropmenu ul.L0		
	{
		width:766px; 
		margin-left: auto; 
		margin-right: auto; 
	} 
	
	/* defines the total width of the top menu */

	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul
	{
		top:46px;
	} 
	
	div#topdropmenu ul.L1 ul
	{
		top:-1px; 
		left:100%;
	} 
	
	
	div#topdropmenu ul.L2 ul
	{
		top:-1px; 
		left:100%;
	}
	
	/* defines width of menu items */
	div#topdropmenu ul.L0 li	
	{
		width:auto;
		clear:right;
	}
	
	#topdropmenu ul.L0 li a	
	{
		height:25px; 
		font-size:90%; 
	} 
	
	#topdropmenu ul.L0 li a.L0hc	
	{
		width:175px; 
		font-size:90%; 
		padding-top:5px;
		padding-left:3px; 
		padding-right:1px;
		text-align:center
	}
	
	#topdropmenu ul.L0 li a.L0hcsel	
	{
		width:175px; 
		font-size:90%; 
		padding-top:5px;
		padding-left:3px; 
		padding-right:1px;
		text-align:center
	}
	
	#topdropmenu ul.L0 li a.L0nc	
	{
		width:83px; 
		font-size:90%; 
		padding-top:5px;
		padding-left:0px; 
		padding-right:0px;
		text-align:left;
		text-indent:0px;
	}    
	
	#topdropmenu ul.L0 li a.L1nc
	{
		color:#000;
		margin-top:-200px;	
	}
	
	div#topdropmenu ul.L1 li	
	{
		width:140px;
	} 
	
	div#topdropmenu ul.L2 li	
	{
		width:170px;
	} 
	
	/*************************************************************content table**************************************************************/
	
	#content
	{
		padding:0px;
	}
	
	#content td.one
	{
		vertical-align:top;
		float:left;
		width:100%;
	}
	
	#content td.two
	{
		width:191px;
		height:130px;
		
	}
	
	#content td.three
	{
		text-align:left;
		vertical-align:top;
	}
	
	#content td.four
	{
	    vertical-align:top;
		width:191px;
		
	}
	
	#content img.noBorder
	{
		border-collapse:collapse;
		float:right;
		vertical-align:top;
	}
	
	/***************************************************************************************************************************************/