/* CSS Document */
		#basePage {
			background-color: #FFFFFF;	/* #FFFF99 = yellow */
			position: static;
			z-index: 1;
			height: 768px;	/* 8" at 96 dpi */
			width: 720px;	/* 7.5" so that with 0.5" margins a page will print vertically */
			top: 0px;	
			margin-left:auto;
			margin-right:auto;
		}
			
		/*	Basic page layout: 4 quadrants			 ----------------	*/
		
		#UL {position:absolute;
			width:252px;
			height:132px;
			z-index:2;
			background-color:#FFFFFF;
			margin-left:0px;
			margin-top:12px;
			}		
		#LL {position:absolute;
			width:252px;
			height:336px;
			z-index:2;
			background-color:#FFFFFF;
			text-align:right;
			margin-left:0px;
			margin-top:336px;
			}
		#UR {position:absolute;
			width:408px;
			height:132px;
			z-index:2;
			background-color:#FFFFFF;
			overflow:hidden;
			margin-left:300px;
			margin-top:24px;
			}
		#LR {position:absolute;
			margin-left:300px;
			margin-top:312px; 	/* 336 minus 24 */
			width:408px;		/* 4.125 inches; fits inside 7.5 in total width; fits printer with .75" margins */
			height:456px;		/* 768=8"-312 top margin */
			z-index:2;
			background-color:#FFFFFF;
			}	
		#MR {position:absolute;
			margin-left:316px;	/* aligns left edge of figures with bullets in bulleted list below */
			margin-top:252px;	/* aligns bottom of figures with orange line; 240 centers pictures */
			width:408px;		/* versus 432 */
			height:132px;
			z-index:2;
			background-color:#FFFFFF;
			visibility:hidden;	/* has to be (made) visible in Safari; won't make a div nested within a hidden div visible */
			}	
			
		/*	---- Variants: Lower Right 			 ----------------	*/
			
		#LR_T {
			position:absolute;
			margin-left:300px;	
			margin-top:266px;
			width:408px;
			height:480px;	/* 768 (=8")-266 */
			z-index:2;
			background-color: #FFFFFF;
			}
		#LRT {
			position:absolute;
			margin-left:300px;	
			margin-top:266px;
			width:408px;
			height:480px;	/* 768 (=8")-266 */
			z-index:2;
			background-color: #FFFFFF;
			}
	
		#LR_T2 {position:absolute;
			margin-left:300px;
			margin-top:266px;	/* exactly the same as LR_T except hidden */
			width:408px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		#LR_T3 {position:absolute;
			margin-left:300px;
			margin-top:266px;	/* exactly the same as LR_T except hidden */
			width:408px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}		
		#LR_T4 {position:absolute;
			margin-left:300px;
			margin-top:266px;	/* exactly the same as LR_T except hidden */
			width:408px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}
		#LR_T5 {position:absolute;
			margin-left:300px;
			margin-top:266px;	/* exactly the same as LR_T except hidden */
			width:408px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			visibility:hidden;
			}	
		#LR_T_S {position:absolute;		/* for scrolling layers  */
			margin-left:300px;
			margin-top:266px; /* taller than LR; lined up with top of L2Nav layer */
			width:408px;
			height:480px;
			z-index:2;
			background-color: #FFFFFF;
			overflow:auto;
			padding-right:24px;
			padding-bottom:36px;
			}
		#LR_B {position:absolute;
			margin-left:300px;
			margin-top:408px; 	/* hopefully below L2 Nav block */
			width:408px;
			height:360px; 		/* 768-408  */
			z-index:2;
			background-color: #FFFFFF;
			}
		#LRB {position:absolute;
			margin-left:300px;
			margin-top:408px; 	
			width:408px;
			height:360px; 		
			z-index:2;
			background-color: #FFFFFF;
			}
			
						
		/*	---- Variants: Lower Left 			 ----------------	*/
			
		#LL_B {
			position:absolute;
			width:252px;
			height:288px;
			z-index:2;
			background-color: #FFFFFF;
			text-align:right;
			margin-left:0px;
			margin-top:408px; /* down from 428 for Staff, and Advisors: make separate layes for them? */
			}
		#LLB {
			position:absolute;
			width:252px;
			height:288px;
			z-index:2;
			background-color:#FFFFFF;
			text-align:right;
			margin-left:0px;
			margin-top:408px; /* down from 428 for Staff, and Advisors: make separate layes for them? */
			}
		#LL_PopUp {				
			position:absolute;
			width:252px;
			height:288px;
			z-index:2;
			background-color: #FFFFFF;
			text-align:right;
			visibility:hidden;
			color:#FF6600;
			margin-left: 0px;
			margin-top:400px; /* 38 px up from LL-B top? to put it closer below Nav2 */
			}
			
		/*  Layer for Contact Us, Site Map, Search 			-----------------  */
			
		#ContactUs {
			position:absolute;
			width:100px;
			height:35px;
			z-index:12;
			text-align:left;
			margin-left:438px;	
			margin-top:228px;
			}
			
		/*	Layers for center box (logo) contents		 ----------------	*/
		
		#CB {
			position:absolute;
			width:780px;
			height:120px;
			z-index:2;
			margin-left:0px;
			margin-top:132px;
			}
		#CB2 {
			position:absolute;
			width:741px;
			height:87px;
			z-index:3;
			margin-left:30px;
			margin-top:29px;
			}
		#CB2_Top {	/* for Company and Advisor pages where want people images on top */
			position:absolute;
			width:741px;
			height:87px;
			z-index:8;
			margin-left:30px;
			margin-top:29px;
			}
			
			/* -- layers designed to be nested within CB2  (How does this work when use CB2_Top?: OK --- */ 
			
			#box1 {
				position:absolute;
				width:48px;
				height:48px;
				z-index:4;
				margin-left:8px;
				margin-top:7px;
				}
			#box2 {
				position:absolute;		
				width:48px;
				height:48px;
				z-index:4;
				margin-left:66px;
				margin-top:7px;
				}
			#boxLogo {
				position:absolute;
				width:279px;
				height:66px;
				z-index:4;
				line-height: 66px;
				margin-left:124px;
				margin-top:0px;
				}
			#box3 {
				position:absolute;
				width:48px;
				height:48px;
				z-index:4;
				margin-left:406px;
				margin-top:7px;
				}
	
			#box4 {
				position:absolute;
				width:48px;
				height:48px;
				z-index:4;
				margin-left:463px;
				margin-top:7px;
				}
			#box5 {
				position:absolute;
				width:48px;
				height:48px;
				z-index:4;
				margin-left:520px;
				margin-top:7px;
				}
			#box6 {
				position:absolute;
				width:48px;
				height:48px;
				z-index:4;
				margin-left:578px;
				margin-top:7px;
				}
			
			/* -- end nested layers within CB2  --- */ 
	
			
		#CB1 {
			position:absolute;
			width:157px;
			height:140px;
			z-index:2;
			margin-left:0px;
			margin-top:-8px;
			}
		#CB3 {
			position:absolute;
			width:158px;
			height:93px;
			z-index:5;
			margin-left:0px;
			margin-top:4px;
			}
			
		/*	Layers (= HTML 'Div's) for L1/L2/L3 Navigation ----------------	*/
		
		#L1Nav {
			position:absolute;
			width:252px;
			height:132px;
			z-index:4;
			padding-top:0.5em;
			margin-left:0px;
			margin-top:12px;
			}
		
		#L2Nav {
			position:absolute;
			width:252px;
			height:85px;		
			z-index:6;
			border-style:none;
			border-color:#FF9933;
			margin-left:0px;	
			margin-top:264px;
			}
		
		#L3Nav {
			position:absolute;
			width:252px;
			height:336px;	/* there are some very deep level 3 navs	*/
			z-index:3;
			background-color: #FFFFFF;
			border-top:solid; border-top-width:thin; border-top-color:#FF6600; 
			padding-top:12px;
			margin-left:0px;
			margin-top:360px;
			}
			
		/*	Layer in which all other applications layers are nested    ----------------	*/
		
		#Applications {
			position:absolute;
			margin-left:300px;	/* rather than left:300px; so will work with sliding page */ 
			margin-top:386px;	/* taller than LR; lined up with top of L2Nav layer */
			width:396px;
			height:502px;
			z-index:9;
			visibility:hidden;	/* has to be visible for Safari: won't bring up divs nested in a hidden div */
			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:#FFFFFF;
			}
			
		/* 	Font styles for Center Bar ----------------------------------	*/
			
		.DGlogo {font-family:impact;font-size:64px;color:#000000;line-height: 64px;}
		/* is LogoMark used anywhere? */
		.logoMark {	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}
		/* Also unused? */
		.style9 {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: #0033FF;}
		#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:#000000}
		
		
		.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;}	
		
		
	/*	Text styles for columns 2 and 3 of home pages  -------------------------	*/
	#LayerColm3 p	{color:#777777}
	#LayerColm2 p 	{color:#777777}
		
		
	/*	-----  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;
			}
		
		.nobullet {list-style:none; }
		.liAfter {margin-bottom:1em;}
		.liBefore {margin-top:1em;}
		ul li.spaceAfter {margin-bottom:4px;}
		.noSpaceBefore {margin-top:-12px; margin-bottom:4px;}
		.lessSpaceBefore {margin-top:-2px; margin-bottom:4px;}
		.noSpaceAfter {margin-bottom:-8px;}
		.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:#0000C00;font-weight:bold;}	/* highlight color for text within the body of paragraphs (not headers) */
		.selected {color:#FF6600; font-weight:bold;}
		.pdf_download {text-decoration:none; text-align:left;}
		.gray {color:#777777;}