/* CSS Document */



		
	/*	Text styles for columns 2 and 3 of home pages  -------------------------	*/
	#LayerColm3 p	{color:#777777}
	#LayerColm2 p 	{color:#777777}
	#Layer2CR p		{color:#777777}
	.greenbodytext	{color:#009933}
		




		/* layer for full-page pop-up slides and quotations in SOA meets Semantic Web (SmSW)/SemanticWeb and in SmSW/SOA  */
		
		/* layers for slides within SOA_SemanticWeb.html   LL series is for small sides in left-hand column; L series is for larger pop-ups */ 
		
		#L_Slide_1 {
			position:absolute;
			left:100px;
			top:250px;		/* below log, above top of level\-2 nav 	*/
			width:616px;	/* takes it just below the right side of the right-most box in the logo */
			height:600px;	/* block out bottom of page in grey */
			z-index:20;
			background-color:#DDDDDD;	/* ilght gregy */
			text-align:right;
			padding:20px;
			visibility:hidden;
			}
		
		#L_Slide_2 {
			position:absolute;
			left:100px;
			top:250px;		
			width:616px;
			height:600px;
			z-index:20;
			background-color:#DDDDDD;	
			text-align:right;
			padding:20px;
			visibility:hidden;
			}
		
		#L_Slide_3 {
			position:absolute;
			left:100px;
			top:250px;		
			width:616px;
			height:600px;
			z-index:20;
			background-color:#DDDDDD;	
			text-align:right;
			padding:20px;
			visibility:hidden;
			}
		#L_Slide_4 {
			position:absolute;
			left:100px;
			top:250px;		
			width:616px;
			height:600px;
			z-index:20;
			background-color:#DDDDDD;	
			text-align:right;
			padding:20px;
			visibility:hidden;
			}
			
		/* These four are in the left column below the 2nd/[and third?] level nav  */	
			
		#LL_Slide_1 {position:absolute;
			left:48px;
			top:450px;	/* 5 inches */
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}	
		#LL_Slide_2 {position:absolute;
			left:48px;
			top:450px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
		#LL_Slide_3 {position:absolute;
			left:48px;
			top:450px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
		#LL_Slide_3L {position:absolute;
			left:48px;
			top:650px;	/* 200 px below LL_Slide_3 */
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
		#LL_Slide_4 {position:absolute;
			left:48px;
			top:450px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
			
			/* layers for slides within SOA_SOA.html   LLT series is for small sides in left-hand column; LT is for larger pop-ups */ 
			/* unused; shift to LL and L series above;  SOA_SOA and SOA_SemanticWeb are in different files  */ 
	
			
		#LLT_Slide_1 {position:absolute;
			left:48px;
			top:432px;	/* 1/2 inch higher than LL_Slide_1 for SOA_SOA slides w/o 3rd level nav in left column */
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}	
		#LLT_Slide_2 {position:absolute;
			left:48px;
			top:432px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
		#LLT_Slide_3 {position:absolute;
			left:48px;
			top:432px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
		#LLT_Slide_4 {position:absolute;
			left:48px;
			top:432px;
			width:300px;
			height:288px;
			z-index:12;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			}
			
		/*	Basic page layout: 4 quadrants			 ----------------	*/
		
		#UL {position:absolute;
			left:48px;
			top:12px;
			width:300px;
			height:132px;
			z-index:2;
			background-color: #FFFFFF;
			}
		#LL {position:absolute;
			left:48px;
			top:336px;
			width:300px;
			height:336px;
			z-index:2;
			background-color: #FFFFFF;
			text-align:right;
			}
		#UR {
			position:absolute;
			left:384px;
			top:24px;
			width:432px;
			height:132px;
			z-index:2;
			background-color: #FFFFFF;
			overflow:hidden;
			}
		#LR {position:absolute;
			left:384px;	
			top:312px;	/* 336 minus 24 */
			width:432px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			}
		#LR_T {position:absolute;
			left:384px;
			top:265px;		/* Taller than LR: use 264; change LR_T2,3,4 also	*/
			width:465px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			}
		
		#LR_T_S {position:absolute;
			left:384px;
			top:264px;		/* Taller than LR: lined up with top of L2Nav layer	*/
			width:432px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			overflow:scroll;
			padding-right:30px;
			}
		#LR_B {position:absolute;
			left:384px;
			top:408px;	/* hopefully below L2 Nav block	*/
			width:432px;
			height:384px;
			z-index:2;
			background-color: #FFFFFF;
			}
		#LL_B {position:absolute;
			left:51px;
			top:408px;	/* down from 428 for Staff, and Advisors: make separate layers for them? */
			width:300px;
			height:288px;
			z-index:2;
			background-color: #FFFFFF;
			text-align:right;
			}
		#LL_PopUp {position:absolute;
			left:51px;
			top:400px;	/* 38 px up from LL_B top ? to put it closer below Nav2	*/
			width:300px;
			height:288px;
			z-index:2;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			color:#FF6600;
			}
			
		/*  Layer for Contact Us, Site Map, Search 			-----------------  */
		
		#ContactUs {
			position:absolute;
			left:537px;
			top:228px;
			width:432px;
			height:35px;
			z-index:12;
			text-align:left;
			}
			
		/*	Layers for center box (logo) contents		 ----------------	*/
		
		#CB {
			position:absolute;
			left:100px;
			top:450px;
			width:252px;
			height:64px;
			z-index:2;
			}
		#CB2 {
			position:absolute;
			left:78px;
			top:29px;
			width:741px;
			height:87px;
			z-index:3;
			}
		#CB2_Top {	/* for Company and Advisor pages where want people images on top */
			position:absolute;
			left:78px;
			top:29px;
			width:741px;
			height:87px;
			z-index:8;
			}
			
			/* -- layers designed to be nested within CB2  (How does this work when use CB2_Top?: OK --- */ 
			
			#box1 {
				position:absolute;
				left:8px;
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				}
			#box2 {
				position:absolute;
				left:66px;
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				}
			#boxLogo {
				position:absolute;
				left:126px;
				top:0px;
				width:279px;
				height:66px;
				z-index:4;
				line-height: 66px;
				}
			#box3 {
				position:absolute;
				left:406px;	/*add 4 pixels: from 402->406 */
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				margin-left: 4px;
				}
			#box4 {
				position:absolute;
				left:463px;
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				}
			#box5 {
				position:absolute;
				left:520px;
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				}
			#box6 {
				position:absolute;
				left:578px;
				top:7px;
				width:48px;
				height:48px;
				z-index:4;
				}
			
			/* -- end nested layers within CB2  --- */ 
	
			
		#CB1 {
			position:absolute;
			left:68px;
			top:-8px;
			width:157px;
			height:140px;
			z-index:2;
			}
		#CB3 {
			position:absolute;
			left:44px;
			top:0px;
			width:158px;
			height:93px;
			z-index:5;
			}
		#CB4 {
			position:absolute;
			left:68px;
			top:79px;
			width:64px;
			height:68px;
			z-index:6;
			}
		#CBLogo {	/* obsoleted when went to all layers in Logo bar  */
			position:absolute;
			left:209px;
			top:58px;
			width:279px;
			height:48px;
			z-index:3;
			}
			
			
		#Layer1 {	/* unclear who/what uses this  */
			position:absolute;
			left:0px;
			top:0px;
			width:134px;
			height:344px;
			z-index:4;
		}
		#Layer2 {
	position:absolute;
	left:0px;
	top:0px;
	width:148px;
	height:192px;
	z-index:3;
		}
		
		
			
		/*	Layers (= HTML 'Div's) for L1/L2/L3 Navigation ----------------	*/
		
		
		#L1Nav {
			position:absolute;
			left:100px;
			top:8px;
			width:250px;
			height:132px;
			z-index:4;
			padding-top:0.5em;
			}
		
		#L2Nav {
			position:absolute;
			left:120px;		/* push 0.5" = 48 px left and make wider to accomodate L2 nav titles	*/
			top:444px;		/* 288= 3 inches; 264 = 2.75 inches */
			width:230px;
			height:85px;		/* 7/8" deep box for 4 layers of level 2 nav */
			z-index:6;
			border-style:none;
			border-color: #FF9933;
			}
		#L2NavUnderlay {
			position:absolute;
			left:204px;			
			top:258px;			/* offset 6px higher that Nav2Layer for top pad		*/
			width:152px;		/* extends 8 px to the right of L2Nav box */
			height:90px;
			z-index:5;
			visibility:visible;
			border-style: none;
			/* background-image:url(../IMAGES/Nav2Background/nav2image.152x104.png);			--- */
			}
		#L3Nav {position:absolute;
			left:48px;
			top:360px;	
			width:300px;
			height:336px;
			z-index:3;
			background-color: #FFFFFF;
			border-top:solid; border-top-width:thin; border-top-color:#FF6600; 
			padding-top:12px;
			}
			
		/* 	Font styles for Center Bar ----------------------------------	*/
			
		.DGlogo {
			font-family:impact;
			font-size:64px;
			color:#000000;
			line-height: 64px;
			}
		.logoMark {	/* unused? */
			font-size: 60px;
			font-family: Impact;
			text-align: left;
			padding-top: 1px;
			line-height: 62px;
			padding-bottom: 1px;
			}
		.logocell {border-width:thin; border-color:#000000;}
		.logoStyle {
			font-size: 60px;
			color: #000000;
			font-family: Impact;
			border-color:#FFFFFF;
			}
		.logoCellBorder {
			border-style:solid;
			border-color:#000000;
			border-width:thin;
			background-color:#FFFFFF;
			margin-left:4px;
			}
		#logoTable2 td {border-style:solid;
			border-color:#FF6600;
			border-width:thin;
			}
		#logoTable3 td {background-color:#CCCCCC;}
		.logoCellGrey {background-color:#CCCCCC}
		.logoCellBorderOrange {border-style:solid; border-width:thin; border-color:#FF6600}
		.style9 {	/* where is this used? Note 60px like logoMark: also unused? */
			font-size: 60px;
			font-family: Impact;
			color: #000000;
			line-height: 60px;
			}

		
		/*	Text styles for L1/L2/L3 Navigation -------------------------	*/
		
		.nav1Text {
			line-height: 1.5em;
			text-align: right;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			}
		
		ul li.nav1Text 		{list-style:none }
		ul li.nav1Text > a	{text-decoration:none }
		
		#nav1 a:link 		{color:#000000 }
		#nav1 a:visited 	{color: #000000}
		#nav1 a:hover 		{font-weight: bolder;color: #009933;}
		#nav1 #current a 	{color:#FF6600;font-weight: bold;font-size: 13px;}
		#nav1 #cangoto a	{color:#000000;}
		
		.contactUsText {
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:1.2em;
			text-align:left;
			color:#FF6600;
			text-decoration:none;
			}
			
		#ContactUs a:hover {color:#000000; font-weight:bolder;}
		#ContactUs a:link {color:#0000CC}
		
		
		.nav2Text {				
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:1.5em;
			text-align:right;
			color:#000000;
			padding-right:0px;
			}
				
		ul li.nav2Text {list-style:none;}
		ul li.nav2Text > a {text-decoration:none;} 	
		
		#nav2 a:link    	{color:#000000}
		#nav2 a:visited 	{color:#000000}
		#nav2 a:hover   	{color:#000000;font-weight:bolder;}
		#nav2 #current a 	{color:#FF6600;font-weight:bold; font-size: 12px;}
		#nav2 #cangoto a	{color:#000000;}
		#nav2 #current2 a 	{color:#FF6600;font-weight:bold; font-size: 12px;}
		#nav2 #cangoto2 a	{color:#000000;}
			
		.nav3Text {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.5em;
			color: #000000;	
			text-align: right;
			}

		ul li.nav3Text     	{list-style:none;}	
		ul li.nav3Text > a 	{text-decoration:none;}
		
		#nav3 a:link 		{color:#666666;}
		#nav3 a:visited	 	{color:#FF6600;}	/* doesn't seem to do anything; why?  */
		#nav3 a:hover 		{color:#666666;font-weight:bolder;}		
		#nav3 #current a 	{color:#FF6600;font-weight:bold; font-size: 12px;} 
			/* the id=current trick doesn't work at level 3 because level 3 nav shows/hides layers 
			rather than jumping to a new page that allows me to set id property to current and thus
			get the current topic to highlight in orange  */
		
		/* alternatives for level 3 nav from experiments with Layers 	*/
		
		.nav3textstyle {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.5em;
			color: #0033FF;	
			text-align: right;
			}

		ul li.nav3textstyle     {list-style:none}	
		ul li.nav3textstyle > a {text-decoration:none}
		#nav3linkstyle a:link 	{color:#666666;}
		#nav3linkstyle a:visited {color:#666666;}
		#nav3linkstyle a:hover {font-weight: bolder;color:#666666;}	
		
		/* open/close slides (in SOA ... )  */
		
		.slidetextstyle {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.5em;
			color: #0033FF;	
			}
		ul li.slidetextstyle     {list-style:none}	
		ul li.slidetextstyle > a {text-decoration:none}
		#slidelinkstyle a:link 	{color: #0033FF;}
		#slidelinkstyle a:visited {color:#0033FF;}
		#slidelinkstyle a:hover {font-weight: bolder;color:#0033FF;}	
			
		
	/*	-----  Misc -----------------------------------------				*/

		body {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.3em;
			color:#111111;			/* a dark grey, just shy of black	*/
			}
		p {}		
		hd4 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight:bold;
			color:#000000;
			line-height: 1.2em;
			}
		hd5 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color:#FF6600;
			line-height: 1em;
			}
		
		.spar {font-family:Webdings; color:#999999; letter-spacing:3px; font-size:10px;}
		.nobullet {list-style:none; }
		.liAfter {margin-bottom:1em;}
		.liBefore {margin-top:1em;}
		ul li.spaceAfter {margin-bottom:4px;}
		.textUR {color:#FF6600;}
		.italic {font-style:italic;}
		.staffList {list-style:none; line-height:1.5em; }
		.lineHeight15 {line-height:1.5em;}
		.blue {color:#0000CC;}
		.boldBlue {color:#0000CC;font-weight:bold;}
		.textHi {color:#0000CC;}	/* highlight color for text within the body of paragraphs (not headers) */

	
	/* Layers for Company History (and other sections) -------------			*/
	
		#LR_T2 {position:absolute;
			left:384px;
			top:265px;		/* Exactly the same s LR_T except hidden; in SOA_SOA I needed two ids	*/
			width:465px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		#LR_T3 {position:absolute;
			left:384px;
			top:265px;		
			width:465px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}		
		#LR_T4 {position:absolute;
			left:384px;
			top:265px;		/* Exactly the same s LR_T except hidden  */
			width:465px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		#LR_T5 {position:absolute;
			left:384px;
			top:265px;		/* Exactly the same s LR_T except hidden  */
			width:465px;
			height:576px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		
	/* Layers (= HTML 'div's) for level 3, level 4 applications ------------ 	*/	
				
		/*	Layer in which all others are nested (why?)     ----------------	*/
		
		#Applications {
			position:absolute;
			left:384px;
			top:386px;		/* Taller than LR: lined up with top of L2Nav layer	*/
			width:576px;
			height:576px;
			z-index:9;
			visibility:hidden;
			overflow: visible;
			font-family:Arial, Helvetica, sans-serif;	/* should arguably moved to text styles */
			font-size:12px;
			line-height:1.5em;	/* quick and dirty alternative to spacing between <li>s Fix this */
			background-color:#66FFFF;
			}

		
		/*	Layer ids for Life Sciences  -------------------	*/
		
			
		#L3NavLS {
			position:absolute;
			left:48px;
			top:360px;
			width:300px;
			height:120px;	/* 1.25 inches */
			z-index:6;
			background-color:#FFFFFF;	
			visibility:visible;
			border-top:solid; border-top-width:thin;border-top-color:#FF6600; 
			padding-top:12px;
			}
			
			/* 	Note: All layers for L4 Horizontal applications are all embedded within layer LR_B. 
				Thus the Left=0, Top=0, width=432 (4.5"), height=480 (5")	*/
	
		#L4LS_DD {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;	
			z-index:10;
			background-color:#FFFFFF;
			visibility: visible;	/* so that it comes up when go to Life Sciences section */
			}
		#L4LS_SDI {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFFFF;
			visibility: hidden;
			}
		#L4LS_DBMS {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFFFF;
			visibility: hidden;
			}
					
			
				
		/*	Layers for Financial Services  ----------------	*/
			
		#L3NavFin {
			position:absolute;
			left:48px;
			top:360px;
			width:300px;
			height:120px;
			z-index:6;
			background-color:#FFFFFF;
			visibility:visible;
			border-top:solid; border-top-width:thin;border-top-color:#FF6600; 
			padding-top:12px;
			}
	
		#L4FS_Deriv {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white FFFFFF	*/
			visibility: hidden;
			}
		#L4FS_XML {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG: make white for release	*/
			visibility: hidden;
			}
		#L4FS_DBMS {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			visibility: hidden;
			}
					
		/*	Layers  for 'Other' Vertical applications  ----------------	*/
		
		/* 	Note: All layers for L4 Vertical applications are all embedded within layer LR_B. 
			Thus the Left=0, Top=0, width=432, height=480 (5")	*/
		
		#L3NavV {
			position:absolute;
			left:48px;
			top:372px;			
			width:300px;
			height:280px;
			z-index:6;
			background-color:#FFFFFF;
			visibility:visible;
			border-top:solid; border-top-width:thin; border-top-color:#FF6600; 
			padding-top:12px;
			}
		#L4V_Energy {	
			position:absolute;
			left:0px;
			top:0px;			/* 100  */
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFFFF;
			visibility: hidden;
			}
		#L4V_Engineering {	
			position:absolute;
			left:0px;
			top:0px;			/* energy plus 18px would line it up with li on left */	
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFFFF;
			visibility: hidden;
			}
		#L4V_Government {	
			position:absolute;
			left:0px;
			top:0px;			
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}
		#L4V_GIS {	
			position:absolute;
			left:0px;
			top:0px;			/* 154 */
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}

		#L4V_Health {	
			position:absolute;
			left:0px;
			top:48px;				/*172 */
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}
		#L4V_Manufacturing {	
			position:absolute;
			left:0px;
			top:0px;			/* 190 */
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}
		#L4V_Media {	
			position:absolute;
			left:0px;
			top:0px;		/* 208 */	
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}

		#L4V_Science {	
			position:absolute;
			left:0px;
			top:0px;		/* 226 */		
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}
		#L4V_Telecom {	
			position:absolute;
			left:0px;
			top:0px;	/*	 244	*/		
			width:432px;		
			height:480px;
			z-index:10;
			background-color: #FFFFFF;
			visibility: hidden;
			}			
		#L4V_Transportation {	
			position:absolute;
			left:0px;
			top:0px;	
			width:432px;		
			height:480px;
			z-index:40;
			background-color: #FFFFFF;
			visibility: hidden;
			}			
			
		/*	Layers (= HTML 'Div's) for Horizontal applications  ----------------	*/
		
		#L3NavH {
			position:absolute;
			left:48px;
			top:372px;	/* 472 to match vertical ones and leave room for pictures */
			width:300px;
			height:312px;
			z-index:6;
			background-color:#FFFFFF;
			visibility:visible;
			border-top:solid; border-top-width:thin; border-top-color:#FF6600; 
			padding-top:12px;
			}
		
		/* 	Note: All layers for L4 Horizontal applications are all embedded within layer LR_B. 
			Thus the Left=0, Top=0, width=432, height=480	*/

		#L4H_Intro {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFFFF;
			padding-right:24px;
			overflow:auto;
			visibility: visible;
			}
			
		#L4H_Search {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#L4H_SDI {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#L4H_Social {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#L4H_RichMedia {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#L4H_Analysis {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#L4H_Inference {	
			position:absolute;
			left:0px;	
			top:0px;			
			width:432px;	
			height:480px;
			z-index:10;
			background-color:#FFFF99;	/* DEBUG; make white for release	*/
			padding-right:24px;
			overflow:auto;
			visibility: hidden;
			}
		#UR_Search {
			position:absolute;
			left:0px;		/* 400 puts it vertically aligned with bullets from list 8 */
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_SDI {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Social {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_RichMedia {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Analysis {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Inference {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
			
		.spar {font-family: Webdings;}
		.text10px {font-family: Arial, Helvetica, sans-serif;font-size: 10px}
		
		/* --- Middle Right layers for each vertical   ------------------------- */
		/* 	Note: All layers for vertical market pictures are intendedto be embedded within layer MR. 
			Thus the Left=0, Top=0, width=432, height=132 	*/
			
		#MR {position:absolute;
			left:400px;		/* 384=normal puts it vertically aligned with bullets from list 8 */
			top:252px;		/* aligns bottom of figures with orange line; 240 centers pictures */
			width:432px;
			height:132px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		#UR_Energy {
			position:absolute;
			left:0px;		/* 400 puts it vertically aligned with bullets from list 8 */
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Engineering {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Government {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_GIS {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Health {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Manufacturing {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Media {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Science {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Telecom {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
		#UR_Transportation {
			position:absolute;
			left:0px;
			top:0px;
			width:432px;
			height:132px;
			z-index:2;
			visibility:hidden;
			}
	
		#L4SOA_Slowly {	
			position:absolute;
			left:384px;	
			top:264px;			/* 2.75 inches	*/
			width:432px;	
			height:480px;
			z-index:10;
			visibility: hidden;
			}
		#L4SOA_SlowlyMore {	
			position:absolute;
			left:384px;	
			top:264px;			/* 2.75 inches	*/
			width:432px;	
			height:480px;
			z-index:10;
			visibility: hidden;
			}
		#L4SOA_AllatOnce {	
			position:absolute;
			left:384px;	
			top:264px;			
			width:432px;	
			height:480px;
			z-index:10;
			visibility: hidden;
			}
		#L4SOA_AllatOnceMore {	
			position:absolute;
			left:384px;	
			top:264px;			
			width:432px;	
			height:480px;
			z-index:10;
			visibility:hidden;
			}
		#L4SOA_GreenfieldApps {	
			position:absolute;
			left:384px;	
			top:790px;			/* puts these just below the ordered list in Slowly - some browswers	*/
			width:432px;	
			height:300px;
			z-index:11;
			visibility:hidden;
			background-color:#FFFFFF;
			}
		#L4SOA_SDIApps {	
			position:absolute;
			left:384px;	
			top:790px;			
			width:432px;	
			height:300px;
			z-index:11;
			visibility:hidden;
			background-color:#FFFFFF;
			}
		#L4SOA_AnalysisApps {	
			position:absolute;
			left:384px;	
			top:790px;			/* 2.75 inches	*/
			width:432px;	
			height:300px;
			z-index:11;
			visibility:hidden;
			background-color:#FFFFFF;
			}
			
		
