@charset "utf-8";
/* CSS Document */


/*  For "back to top" link for each portfolio company description   */

.back{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
								/*	reduced the bottom padding; was padding-bottom:18px;  */
	padding-bottom:3px;
}
.back a:link {
	color: #999966;
	text-decoration: none;
	font-weight:normal;
}
.back a:visited {
	color: #999966;
	text-decoration: none;
	font-weight:normal;
}
.back a:hover {
	color: #09357A;
	text-decoration: none;
	font-weight:normal;
}


/*  For main menu - highlighting active link on current page (to work with "includes" for menu_main.html   */

body.section1 #navbar li.one a {
	background:007BA7;
	color:#fff
}
body.section2 #navbar li.two a {
	background:007BA7;
	color:#fff
}
body.section3 #navbar li.three a {
	background:007BA7;
	color:#fff
}
body.section4 #navbar li.four a {
	background:007BA7;
	color:#fff
}
body.section5 #navbar li.five a {
	background:007BA7;
	color:#fff
}


/* END of highlighting active link on current page */


body  {
	font: 90% "Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;    /*   text color default....earlier was set to #414141   */
	/*    OLD:  background: #fff url(images/body-bg_TEST.jpg) repeat-x;    */
	background: #fff url(../images/tile_vertical_bckgrnd_test3.jpg) repeat-x;
}

img.logo {						/* for styling logo at top of each page   */
	width: 260px;
	height: 67px;
	border-width: 0;
	padding: 15px 16px 10px 0px;     /*  BEFORE, used margin... had margin: 4px 0px 4px 0px; */
}

img.banner_pic {
	border-width: 0;
	padding: 0px 10px 18px 16px;   /* top was:  20px   */
}


img.logo_portfolio {			/* for styling portfolio company logos at TOP HALF of portfolio page   */
	border-width: 0;
								/*   padding: 2px 12px 22px 0px;   */
	margin: 5px 6px 10px 6px;  /* was: 2px 12px 18px 0px        ; FYI:  had switched from padding to margin to see if fixes IE issue with padding...   */
}

img.logo_portfolio2 {			/* for styling portfolio company logos at BOTTOM HALF of portfolio page   */
	border-width: 0;
								/*   padding: 2px 12px 22px 0px;   */
	margin: 2px 12px 2px 0px;  /* switched from padding to margin to see if fixes IE issue with padding...   */
}


img.logo_hkvca {			/* for styling HKVCA logo on home page   */
	border-width: 0;								
	margin: 0px 5px 0px 0px;  
}

table.portfolio_logos {               /*  also see img.logo_portfolio above  */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#767676;
}
	

.content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767676;
	line-height:15px;
	text-align: justify;
	margin-top:10px;    /* was 27px   */
	margin-left:40px;
	margin-right:60px;
}
.content h1{
	background-image:url(/images/layout/contentH1.gif);
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#767676;
	font-size:13px;
	margin-top:5px;
}
.content h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#767676;
	font-size:12px;
	padding-top:12px;
	padding-bottom:8px;
	margin-bottom:0px;
}


.content a:link {
	color: #767676;
	font-weight:normal;
	text-decoration: none;
}
.content a:visited {
	color: #767676;
	text-decoration: none;
	font-weight:normal;
}
.content a:hover {
	color: #767676;
	text-decoration: none;
	font-weight:normal;
}
.content2{
	padding-left:40px;
	font-weight:bold;
}


.content3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;     /* was 11px   */
	color:#767676;
	text-align: justify;
	line-height:15px;
}




/**** content4 added to test by SAS 10/2009  ****/ 
.content4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767676;
	text-align: left;
	line-height:15px;
}

.content4 a:link {
	color: #003399;
	font-weight:normal;
	text-decoration: none;
}

.content4 a:visited {
	color: #2A3FAA;     /*** was #003399  ***/
	text-decoration: none;
	font-weight:normal;
}

/*  For link on Criteria page to Contact Us page  */ 

a.content5  {        /*  was  ".content5 a:link {"    */
	color: #005F7F;     /* was #003399    */
	font-weight:bold;   /*  was normal   */
	text-decoration: none;
}


/* -------------  Portfolio page --------------- */

.content_portfolio {     
	font-family:"Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
		/*  added "Lucida Sans", "Trebuchet MS"   trying to fix mismatched heading at top of page  */
	color:#767676;
	line-height:15px;
	text-align: justify;
	margin-top:10px;      /* was 27px   */
	margin-left:10px;      /* was 40px   */
	margin-right:60px;
}

.content_portfolio p{          /* added p  to limit it to text blocks  */
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;     /* was 12px    */
	color:#555555;
	line-height:15px;
	text-align: justify;
	margin-top:5px;    /* was 27px  */
	margin-left:0px;   /* was 40px  */
	margin-right:0px;     /* was 60px  */
}

.content_portfolio h1{
	background-image:url(/images/layout/contentH1.gif);
	height:20px;
	font-family:"Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#767676;
	font-size:13px;
	margin-top:5px;
}
.content_portfolio h2{
	font-family:"Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#555555;    /* was #767676    */
	                       /* removed     font-size:24px;    */
	padding-top:0px;   /* was 12px   */
	padding-bottom:0px;   /* was 8px   */
	margin-bottom:0px;
}


.content_portfolio h4{      /* for portfolio companies' company name in lower table  */
	font-family:"Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#005F7F;    /* was #555555    */
	                       /* removed     font-size:24px;    */
	padding-top:0px;   /* was 12px   */
	padding-bottom:8px;   /* was 8px   */
	margin-bottom:0px;
}



.content_portfolio a:link {
	color: #767676;
	font-weight:normal;
	text-decoration: none;
}
.content_portfolio a:visited {
	color: #767676;
	text-decoration: none;
	font-weight:normal;
}
.content_portfolio a:hover {
	color: #767676;
	text-decoration: none;
	font-weight:normal;
}


/*  -----------------  Media Page - Type 1:  ANNUAL LIST of articles  -------------------  */


#sidebar_media_annual_list {			/*  similar to sidebar_left.....  */		
	float: left;
	width: 188px;
	background: #FFFFFF;          /*  was #F4F4EC ; changed to white to hide it  */
	padding: 5px 5px 15px 16px;   
	margin: 4px 5px 5px 8px;     /*  was margin: 0px;  */
	border-style:solid;			/*    border around the div     */
	border-width: 0px;            /*  was 1px; changed to 0px to hide */ 
	border-color: #FFFFFF;         /* was #999 ; changed to white to hide it  */
}

#sidebar_media_annual_list h2, #sidebar_media_annual_list h3 {				/*  highlight contact name & title   */
	font-weight: bold;
	text-decoration: underline;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar_media_annual_list p, #sidebar_media_annual_list a {				/*  highlight contact name & title   */
	font-weight: bold;
	color: #116688;           /*   was #205BBD   */
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
}

#sidebar_media_annual_list a:hover {
	color: #0099cc;
	text-decoration: underline;
}



#sidebar_media_annual_list ul{
	font-size: 9pt;
	list-style: none;
	color: #666;
	padding: 0px 0px 10px 0px;
}

#sidebar_media_annual_list li.email{
	font-size: 8pt;
}



		/*  -----------------  Media Page - Type 2:  INDIVIDUAL ARTICLES  -------------------  */


#sidebar_media_article {			/*  initially used to display media contact info on article pages...  */		
	float: left;
	width: 0px;                   /*  was 188px    */
	background: #F4F4EC; 
	padding: 0px 0px 0px 0px;   /*  was 5px 5px 15px 16px   */
	margin: 0px 0px 0px 0px;     /*  was 4px 5px 5px 8px;  */
	border-style:solid;			/*    border around the div     */
	border-width: 0px;          /*    was 1px    */
	border-color: #999;
}

#sidebar_media_article h2, #sidebar_media_article h3 {				/*  highlight contact name & title   */
	font-weight: bold;
	text-decoration: underline;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar_media_article p, #sidebar_media_article a {				/*  highlight contact name & title   */
	font-weight: bold;
	color: #205BBD;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
}

#sidebar_media_article a:hover {
	color: #009;
	text-decoration: underline;
}


#sidebar_media_article ul{
	font-size: 9pt;
	list-style: none;
	color: #666;
	padding: 0px 0px 10px 0px;
}

#sidebar_media_article li.email{
	font-size: 8pt;
}



#sidebar_article {				/*  STILL NEEDED??  for the left sidebar on an article page...not the article itself   */
}


.media_article {
	border-left:0px solid #B4B4B4;      /* was border-left:1px solid #B4B4B4;   */
	padding-left: 0px;					/* was padding-left: 20px;     */
	padding-right: 50px;
}

.media_article h2 {
	font-style: normal;     /* was italic   */
}

.media_article h4 {							/*  for headline on individual article pages  */
	font-style: normal;    
	text-decoration: none;
	color: #283033;   
}

h3.article_title  {
	color: #000000;
	padding-bottom:5px;
	margin-bottom:0px;
}


h5.article_dateline  {
	color: #515354;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}


#mainContent_media_annual_list { 
	margin: 0 0 0 225px;  /* was 155px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	padding: 0 50px 0 10px;   
/*    border-left:1px solid #ececec;   /* border not needed with box around left sidebar.... */
} 

#mainContent_media_annual_list p.years a{
	color: #116688;        /*    was #205BBD (blue)    */
	font-size:12px;     /* was 14px   */
	font-weight: bold;
	text-decoration: none;
}


#mainContent_media_annual_list p.years a:hover {
	color: #0099cc;       /*   was #009    */
	text-decoration: underline;
}



#mainContent_media_article { 
	margin: 0 0 0 110px;  /* was 0 0 0 225px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	padding: 0 50px 0 10px;   
/*    border-left:1px solid #ececec;   /* border not needed with box around left sidebar.... */
} 

#mainContent_media_article p.years a{
	color: #116688;            /*   was #205BBD (blue)   */
	font-size:12px;     /* was 14px   */
	font-weight: bold;
	text-decoration: none;
}


#mainContent_media_article p.years a:hover {
	color: #0099cc;       /*    was #009    */
	text-decoration: underline;
}




.media_list {					/*  controls date and source line    */
	font-size: 10pt;
	font-style: normal;
	color: #283033;       /*    #283033 is a dark gray; before was #666 then #116688   */
}

.media_list a {
	color: #116688;       /*       #116688 is dark turquoise color; before was blue (#205BBD)   */
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.media_list a:hover {
	color: #0099cc;            /*   was #1F3A85    */
	text-decoration: underline;
}


		/*  End of Media settings....  */



p.back_link, p.back_link a {							/* for link at bottom back to main team page  */
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #959595;
}

p.back_link a:hover {
	color: #333;
}


table.offices {
	border-collapse:collapse;		/*  to remove gaps in vertical borders at bottom/top of cells    */
	width: 945px;
}

table.offices td {
	vertical-align:top;     /*  Confirm if "vertical-align is best...if supported widely (e.g., valign is/was limited... */
	font-size: 12px;
	padding:  0px 8px 8px 8px;
	border-right: 1px solid #999; 
	width: 33.3%;     /* for 3 columns    */
	text-align: left;
}

table.offices td.last { 
	border-right: 0px;
}

/*
table.offices h2, table.offices h3 {
	color: #005F7F;
}

*/


table.offices p {				/*  highlight country name   */
	font-weight: bold;
	color: #3E67D2;
	margin-top: 0;
	margin-bottom: 0;
}

/* BEGIN - ADDED on 11/17/11 for NEW OFFICE LINKS TO "Map and hotels"  */

.offices a {
	color: #116688;       /*       #116688 is dark turquoise color; before was blue (#205BBD)   */
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.offices a:hover {
	color: #0099cc;            /*   was #1F3A85    */
	text-decoration: underline;
}


/* END of section added on 11/17/11 for NEW LINKS TO "Map and hotels"  */



table.map_and_hotels {
	border-collapse:collapse;		/*  to remove gaps in vertical borders at bottom/top of cells    */
	width: 945px;
}

table.map_and_hotels td {
	vertical-align:top;     /*  Confirm if "vertical-align is best...if supported widely (e.g., valign is/was limited... */
	font-size: 12px;
	padding:  0px 8px 8px 8px;
	border-right: 1px solid #999; 
	width: 33.3%;     /* for 3 columns    */
	text-align: left;
}

table.map_and_hotels td.last { 
	border-right: 0px;
}


table.map_and_hotels h2, table.map_and_hotels h3 {
	color: #005F7F;
}

table.map_and_hotels p {				/*  highlight country name   */
	font-weight: bold;
	color: #3E67D2;
	margin-top: 0;
	margin-bottom: 0;
}

.map_and_hotels a {
	color: #116688;       /*       #116688 is dark turquoise color; before was blue (#205BBD)   */
	font-size:12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.map_and_hotels a:hover {
	color: #0099cc;            /*   was #1F3A85    */
	text-decoration: underline;
}




#person_pic {
	padding: 5px 15px 5px 15px;
}


td.person_title {						/* border on left side of title info   */
	border-left:1px solid #dcdcdc;    /* was ececec but too light   */
}

td.person_title_no_photo {						/* if no photo, exclude border on left side of title info   */
	border-left:0px solid #dcdcdc; 
}

.person_title h2, .person_title_no_photo h2{					/*   not currently used, but for testing.....  */
	color: #005F7F;
	margin-left: 15px;
	margin-bottom: 0px;
}


.person_title h3, .person_title_no_photo h3{
	color: #005F7F;
	margin-left: 15px;
	margin-bottom: 0px;
}

.person_title h4, .person_title_no_photo h4{
	color: #005F7F;          /* was #666   */
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.person_title h5, .person_title_no_photo h5{
	color: #666;
	margin-left: 15px;
	margin-top: 0px;		/*    was 25px   */
	margin-bottom: 15px;     /* was 0px  */
	font-size: 10pt;          /* added "font-size: Xpt" to increase size   */
}

.person_title h6, .person_title_no_photo h6{
	color: #ffffff;        /* was #666 then changed to white so wouldn't appear  */
	margin-left: 15px;
	margin-top: 25px;		
	margin-bottom: 0px;
	font-size: 8pt;       /* added "font-size: 8pt" to make email addr same size as names in left margin  */
}


.person_title img, .person_title_no_photo img {     /*  TESTING........for email address image   */
	margin-left: 15px;
	padding-top: 15px;
}


#person_bio {           /*  Note:  Removed "float: left" so this div would remain part of the main div  */
padding: 0px 65px 10px 20px;
}


table.teamphotos {
	width: 738px;   /* 123 px per column; before was 615px for 5 columns  */
	border-width: 0px;   /* no border around entire table*/
	border-spacing: 3px;
	border-style: outset;
	border-color: #ececec;
	border-collapse: collapse;
	background-color: #ffffff;
}

table.teamphotos th {
	border-width: 0px; 
	padding: 1px;
	border-style: inset;
	border-color: #ececec;
	background-color: #ffffff;
}

table.teamphotos td {
	border-width: 0px;    /* no border around entire cell    */
	padding: 1px;
	border-style: inset;
	border-color: #ececec;
	background-color: #ffffff;
	vertical-align: top;      /*  top is ok if turn off borders  */
   	height: 168px;    /* was 175px  */
	width: 16.7%;     /* now for 6 columns; was 20% for 5 columns    */
	text-align: left;
}

table.teamphotos td img {
	width: 72px;
	height: 94px;
	border-width: 1px; 		/*  Border right around edge of photo WITHOUT hovering   */
	border-color: #fff;     /*   #fff is white so border not visible, but prevents photo "moving" when hover   */
}

table.teamphotos td a:hover {     /*  Controls text color when hover  */
	color: #0099CC;     /*  #03C = BLUE   */      /* simply "Color:" relates to TEXT color!!!!!  */
	
}


table.teamphotos td a:hover img {         /*  border around photo when hover over pic   */
	border-width: 1px;
	border-color: #0099CC; 
}

p.teamphotos_name {          /* for text under the team photos - name      */
	font-size: 11px;
	font-weight:bold;    
	margin-top: 6px;
	margin-bottom: 2px;   /* was 0 px....  */
}

p.teamphotos_name a {			/*  controls color of name link WITHOUT hovering   */
text-decoration: none;
color: #495061;                  /* gray   */
}




a.teamphotos_name {          /* TESTING - added for team page WITHOUT PHOTOS....it works...      */
	font-size: 12px;       /* was 14px, but too big     */
	font-weight:bold;    
	margin-top: 6px;
	margin-bottom: 2px;   /* was 0 px....  */
	text-decoration: none;
	color: #005F7F;                  /* ~teal   */
}

a.teamphotos_name a {			/*  TESTING - added for team page version WITHOUT PHOTOS (color of name link WITHOUT hovering)....not working?   */
text-decoration: none;
color: #495061;                  /* gray   */
}


p.team_list {          /* TESTING - added for team page WITHOUT PHOTOS....it works...      */
	font-size: 14px;    /* was 11px but too small   */
	font-weight:normal;
	margin-top: 6px;
	margin-bottom: 2px;   /* was 0 px....  */
	text-decoration: none;
	color: #4c4c4c;                  /* ~gray it was 495061  */
}





p.teamphotos_role {            /* for text under the team photos - role and city  */
	font-size:10px;
	font-weight:100;
	margin-top: 2px;
	margin-bottom: 0px;
	color: #999;
}


#container {
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;  /* ~redundant?  */
	background: #FFF;
	width:960px;    /* was 780px    */
	margin:0 auto;
	position:relative;
}


.twoColFixLtHdr #container { 
	width: 960px;  /* some recommend 960px; before, was using 780px (using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	/*    background: url(images/background_test 2.png) repeat-y;    /* SAS made other image:  background_test.png  
	width:796px;   */

    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #CCC;  
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #header { 
	background: #FFFFFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #banner_image { 
	background: #FFFFFF; 
	padding:  0 0 0 0;  /*    Before:  0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoColFixLtHdr #sidebar_right {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the ACTUAL width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /*  was set to #EBEBEB intially; the background color will be displayed for the length of the content in the column, but no further */
	/*    padding: 15px 10px 15px 20px;    */
	padding: 15px 20px 15px 10px;   /*  SAS modified to reverse the left and right padding....  */
	margin: 10px;     /* SAS added margin after reversing columns....  */
}


#sidebar_right h2  {
	color: #005F7F;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
}


#sidebar_left ul.list_city{
	font-size: 10pt;
	font-weight:bold;
	list-style: none;
	color: #009;
	padding: 0px 0px 10px 15px;
}

#sidebar_left ul.teamlist{              /*  Before:  .teamlist #sidebar_left ul li{   */
	font-size: 8pt; 
	margin: 4px 2px 0px 15px;			
	padding: 0;
	float: none;				/*  was:  float: left;    */
  	/*  display: block;     /* changing the display to "block" turns off the list's bullet from appearing */   /*....BUT elsehwere, found use of "list-style: none;" it works (whereas "display: block" didn't work at least in this case....  */
	list-style: disc;  
	color: #999;      /* in this case, only controls the bullet color; see "a" setting below  */
}

#sidebar_left ul.teamlist li{
	margin-bottom: 3px;
}


#sidebar_left li.current {        /*  highlights the currently viewed person's name   */
	font-weight:bold;
	color:#005F7F;
	list-style-image: url(../images/bullet-triangle.gif);
}
	

#sidebar_left a {
	text-decoration: none;
	color: #666;
}

#sidebar_left a:hover {
	color: #005F7F; 
}


.twoColFixLtHdr #sidebar_left {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* was 135px;    the ACTUAL width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /*  was set to #EBEBEB intially; the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px 0px;   
	margin: 0px;     
}


.twoColFixLtHdr #sidebar_left_team_mainpage {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* was 135px;    the ACTUAL width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /*  was set to #EBEBEB intially; the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px 0px;   
	margin: 0px;     
}


.twoColFixLtHdr #sidebar_left_criteria_mainpage {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* was 135px;    the ACTUAL width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /*  the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px 0px;   
	margin: 0px;     
}


.twoColFixLtHdr #sidebar_left_portfolio_page {
	float: left; /* since this element is floated, a width must be given */
	width: 0px; /* TEST - was 100px but changed to 0px to make it a single column;    the ACTUAL width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /*  was set to #EBEBEB intially; the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px 0px;   
	margin: 0px;     
}



.twoColFixLtHdr #mainContent_left { 
	/*  margin: 0 0 0 250px;  modified to reverse the 2 columns....  */ /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	margin: 0 240px 0 20px;   /*   TEST...before:  0px 240px 0px 20px;  */  /* SAS modified to reverse the 2 columns.... */
	
	
	padding: 0 10px 0 20px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding to text won't wrap under sidebar....  */
border-right:1px solid #A0A0A4;   /* SAS added this to separate maincontent from sidebar1 .... */

} 

.twoColFixLtHdr #mainContent_right { 
	margin: 0 0 0 180px;  /* was 155px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	padding: 0 10px 0 10px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding so text won't wrap under sidebar....  */
border-left:1px solid #ececec;   /* SAS added this to separate maincontent from sidebar.... */
} 


.twoColFixLtHdr #mainContent_right_team_mainpage {
	margin: 0 0 0 120px;  /* was 155px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 10px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding so text won't wrap under sidebar....  */
	border-left:1px solid #dcdcdc;   /* was ececec but seemed too light */
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
} 


.twoColFixLtHdr #mainContent_right_criteria_mainpage {
	margin: 0 0 0 120px;  /* was 155px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 10px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding so text won't wrap under sidebar....  */
	border-left:1px solid #dcdcdc;   /* was ececec but seemed too light */
	font-family: "Lucida Sans", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
} 



/* ------  TESTING - for Investment Criteria/Focus list vertical spacing ------------------- */


#mainContent_right_criteria_mainpage ul{
	/*    font-size: 15pt;    */
	/*    list-style: none;   */
	/*   color: #666;   */
    /*	padding: 0px 0px 10px 0px;  */
	 /* padding-top: 2px;   */
}


#mainContent_right_criteria_mainpage li{
	/*    font-size: 15pt;    */
	/*    list-style: none;   */
	/*    color: #666;     */
    /*	padding: 0px 0px 10px 0px;  */
	  padding-top: 3px;
}




.twoColFixLtHdr #mainContent_right_portfolio_page { 
	margin: 0 0 0 30px;  /* was 120px but changed to 0px so the page looks like a single column; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	padding: 0 10px 0 10px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding so text won't wrap under sidebar....  */
border-left:0px solid #dcdcdc;   /* was "border-left:1px solid #dcdcdc" but getting rid of vertical line on left side.  */
} 






#mainContent_contacts {
	margin: 0 0 0 10px;  /* was 180px; the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar_left div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	padding: 0 10px 0 10px;   /*  TEST....before:  0 250px 0 20px;    */ /* remember that padding is the space inside the div box and margin is the space outside the div box */    /*  SAS added 200+ left padding so text won't wrap under sidebar....  */
border-left: none;   

} 

	
	

.twoColFixLtHdr #mainContent_person {
	margin: 0 0 0 180px;  	
	padding: 0 40px 0 10px;   
border-left:1px solid #dcdcdc;   /* was dcdcdc but appears to be too light  */
} 


#mainContent_disclaimer {				/*  Note:  Has darker gray line; make consistent?  */
	margin: 0 0 0 180px;  	
	padding: 0 60px 0 10px;   
border-left:1px solid #999; 
}



/* -----------  FOOTER ------------  */

.twoColFixLtHdr #footer{ 
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #333;   /* copied from ORIGINAL footer CSS....needed?    */
	background: #ffffff; 
	margin:0;   /* was:  margin:0 auto;  */
	      /*       padding: 0 10px 0 20px;   */    /*  copied from original footer CSS....  */ 
	width: 960px;    /* was set to 950px for UpMo  */
	text-align:center;
}

#footer ul {text-align:center}     /*  SAS added to center the footer links  */

#footer ul.links { padding:3px 0 3px 0; }
#footer ul.links li { display:inline; } 
#footer ul.links li a { 
	font-size:12px; 
	color:#959595;
	padding:0 8px 0 8px; 
	border-left:1px solid #ececec;
	text-decoration: none;    /*  SAS added on 10/25/10 to turn off underlining... TEST */
}


#footer ul.links li a:hover { 
	color:#333;
}

#footer ul.links li.first a { 
	border:none;
}

#footer ul.legal { padding:3px 0 3px 0; color:#c2c2c2; font-size:11px;}   /* was 12px  */
#footer ul.legal li { display:inline; } 
#footer ul.legal li a { 
	font-size:11px;       /*  SAS changed from 12px  */
	color:#c2c2c2;
	padding:0 8px 0 8px; 
	border-left:1px solid #ececec;  
}

#footer ul.legal li a:hover { 
	color:#333;
}

#footer ul.legal li.first a { 
	border:none;
}

#footer .legal li a { text-decoration:none; color:#c2c2c2; }
#footer .legal li a:hover { color:#333; }

#footer {
	position:relative;
}


/* ----------   END Footer  ---------------   */



.fltrt { /* this class can be used to float an element right in your page. *** The floated element must PRECEDE the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*  BEGIN: ---  Additional info for highlighting CURRENT page as active on NAV bar ----  */

#home .home, #team .team, #strategy .strategy, #portfolio .portfolio, #criteria .criteria, #media .media, #contact .contact  {         /* Add other page "sets" here.... */
									/* possibly remove "#home .home, " so not "on" for that page   */
background-color: #005f7f;   /* #91A9E8 is light blue....  */
color: #ffffff;
}



/*  BEGIN: -------------  Top horizontal NAVIGATION bar formatting: -------------  */


#divNav2 {
	background: url(../images/nav_bar_bkgrnd2_v3d_notrans.png) repeat-x top left;
	/* 11/6/10:  Before was nav_bar_bkgrnd2_tile_v1.jpg  */
        /* OLD:	background: url(images/nav_bar_bkgrnd_shorter2.jpg) no-repeat top left;   */
	margin: 0;
	padding: 0;
	height: 30px;   /*  ht was 30px; temporarily changed to 38 so could see full image  */ /*  ht was 38px; changing the image's ht and wdth here only changes amt of the backgrnd shown itself (will not stretch or distort); does not affect size or placement of the actual links...  */
	width: 960px;    /*  was 780px; width is set here to match the container width spec'd above   */ 
}




/*  OLD - DivNav (replaced by DivNav2 above)     */

#divNav {
	background: url(images/nav_bar_bkgrnd_shorter2.jpg) no-repeat top left;   
	margin: 0;
	padding: 0;
	height: 38px;   /*  ht was 38px; changing the image's ht and wdth here only changes amt of the backgrnd shown itself (will not stretch or distort); does not affect size or placement of the links...  */
	width: 780px;    /*  width is set here to match the container width spec'd above   */ 
}



/*  ----  New:  "navbar" ID is for vertical dropdown menus (vs. original "nav" ID) ----   */ 

#navbar {
	margin: 0;
	padding: 0;
	height: 1em;    /* yes, needed so remains a "block"; see article....  */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;		/* was 9pt   .....Q:  is "px" or "pt" better to use?? */
	text-align:center;
}

#navbar li {
	list-style: none;
	float: left; 
}
	
#navbar li a {
	display: block;
	padding: 5px 10px;		/* was:  3px 8px  */
	/*  	background-color: #5e8ce9;  */
	color: #ffffff;    /* text color was:  #505050      */
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #b2a99a;
	height: 20px;
	width: 130px;       /*  was:  100px;  increased for FF users zooming text   */
}

#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */  /* MAY WANT TO ADJUST WIDTH; was 10em initially!  */
	background-color: #007BA7;   /* was #A5BCF1   */
	text-align:left;			/*  SAS added to left align the submenu items  */
	font-size: 8pt;
}

#navbar li:hover ul, #navbar li.hover ul {     /* added "#navbar li.hover ul" for Javascript to work for IE6... added equivalent to each of the hover rules;  note  ":" vs "."    */
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #A5BCF1;        /* BCKGRND color of SUBNAV menu items WITHOUT hovering  */
	border-bottom: 1px solid #fff;
	color: #000; 
	height: 16px;       /* controls ht & wdth of submenu boxes */
	width: 140px; }

#navbar li li a:hover {           /* don't need "extra" IE6 rule here b/c CAN hover over anchors ok in IE6...  */ 
	background-color: #5984E6;		/* color of SUBMENU BCKGRND when HOVER directly  */
	color: #fff;
	}		


/*  #navbar li a:hover {           /*  APPARENTLY DON'T NEED THIS.... SAS had added to change bckgrnd when directly hover top level...but see the rule below which works....
	background-color: #F00;    /*  F00 is RED;  039 is a dark blue  .. 
	color: #fff;    /*  white .. 
}  */

                 					/*  SAS added so corresponding top level menu item will be highlighted both when hover over it directly AND will remain highlighted when hover over its submenu items (similar to original nav bar solution)     */
#navbar li:hover a, #navbar li.hover a {    /* SAS added the li.hover rule for IE6 so it parallels the other non-anchor hover rules     */
	background-color: #007299;   /* was 0099CC  */ 
	color:  #fff;
}


/*  ---------   OLD - nav (replaced by navbar above) ---------    */

#nav {
	/* Added this part after seeing it in the example's source code...needed??  */	
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;    /* was set to 10pt, then 9pt...     */
	text-align:center;     /* SAS added this to center the links within their blocks */
	position: absolute;    /* SAS added this line for positioning:  "position: absolute" to get subnav dropline to appear below top line as expected....  */
}

#nav li {
  /* float the main list items */
  margin: 0;     
  float: left;
  display: block;     /* changing the display to "block" turns off the list's bullet from appearing */
  padding-right: 1px;    /* initially, was set to 15px..... */
  padding-top: 5px;    /*  !!CAUTION:  impacts if can access the lower set of links.....was set to 3px; SAS added this line for top padding to bring down the text part of the links.... */
}

#nav li ul {
	/* was part of the "final" example; turns off the subnavs to start?  */
		display: none;
		font-size: 9pt;     /*  Q:  better to use px or pt for font-size????    */
}

#nav li.off ul {
  /*put the subnavs below and hide them all - added in Step 2 */
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 28px;   
  height: 15px;  
  left: 0;
  padding-top: 10px;  
}

#nav li.on ul {
  /*display active subnav list  */
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 28px;     /* was set to 28px....  */
  height: 15px;
  left: 0;
  padding-top: 10px;
}

#nav li a {
  /*for all links in the list*/
  color: #505050;       /* font color     */
  font-weight: bold;
  display: block;
  height: 20px;     /* !!! CAUTION:  CAN impact if can access the subnav items;  was 15px, then 20px...affects all links */
  width: 100px;
  border-right: 1px solid #b2a99a;   /* SAS added vertical right border to create pipe separator   */
  padding: 5px;   /*  was set to 5px...   */
  text-decoration: none;
}

a:hover {				/*  why doesn't this seem to work on all (~unspecified) links?  */
	text-decoration: underline;
}


#nav li.on ul a, #nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  /*  cancel inherit of border on subnav of active topic - added in Step 3 */
  color: #f90;     /* text color  */
  width: auto;
  margin-right: 15px;
  font-weight: normal;    /* SAS added this to ~unbold the subnav links...testing....  */
}

#nav li.off:hover ul, #nav li.over ul {
  /*  display the other topics when their parent is hovered - added in Step 4 */
  /* in Step 5, modified by adding this part for the class "over":  #nav li.over ul   */
  display: block;
  z-index: 6000;
}

#nav li.off a:hover, 
#nav li:hover a, 
#nav li.over a {
	/* adds background to the hovered tab and its sublist?? added in Step 4 */
	/* in Step 5, modified by dropping part:  "#nav li.off:hover a" and then added 
	the last 2 parts....  */
background: #223366;         /* was set to:  #453d37 ... controls highlighted link boxes bkgrnd  */
color: #ffffff;          /*  text color   */
font-weight: normal;    /* SAS added this to make normal the subnav links...testing....  */
text-decoration: underline;   /*  remove line if don't want underline when hovering    */
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 35px;      /* was set to: 35px....  before that:  top: 28px;  top: 42px;   */
		*top: 44px; /*reposition for IE...note leading asterisk; MAY NEED TO ADJUST THIS VALUE b/c changing the other top value above */
        left: 0px;  /*165px;     /* was set to 0px but want to try out roughly centering the subnav links....   */
		padding-top: 2px;      /* was set to:   2px;  distance of subnav links below the main top row     */
		background: #958e8a;     /* testing.....was:   #b2a99a; before that, was  #CCCC99    */
		/*  background: none;     /* changed to transparent "color" to avoid overlapping with bckgrnd image above the subnav  */
		height: 28px;      /* was set to 28px...  */
		width: 556px;      /* the left (0) + width (640) + padding-left (140) should equal the overall width (780)    */
		padding-left: 224px;    /* was set to:  60px   */
	}

/* ---- END horizontal NAVIGATION bar formatting ---  */  

/*  --------- TEXT SIZE TOOL or WIDGET - from Ameriprise CSS...on certain pages -------- */
/* Part A:  Text size tool      */

#tools {
	border:1px solid #cbcbb9;
	border-right:0;
	width:100%;
	/* overflow:hidden; */
	margin:0;
	padding:10px 0;
	font-size:0.8em;
}
#tools li,
#tools li dt,
#tools li dd,
#tools li dl {
	display:inline;
	margin:0;
}
#tools dl {
	margin-top:-5px;
}
#tools li dd {
	padding:0 2px;
}
#tools li {
	border-right:1px solid #cbcbb9;
	padding:5px 30px 3px;
	height:17px;
	/* float:left; **** Bigger Font Size Line Up Fix */
}
#tools li a {
	color:#414141;
}

/* Part B:   Text size tool (continued)  */
#small,
#medium,
#large {
	color:#1199c8 !important;
	padding:0 3px;
}
#small:hover,
#medium:hover,
#large:hover {
	text-decoration:underline;
}
#tools a.selected {
	color:#414141 !important;
	font-weight:bold;
	text-decoration:none;
	background:#d6d6c5;
	cursor:text;
}
#small {
	font-size:1em;
}
#medium {
	font-size:1.2em;
}
#large {
	font-size:1.5em;
}
/*  --------------- END of text size tool ----------------- */