/* 

Hex Codes (version 120)
same as version 117 except for the following:
orange text:  #ef8522; (liteup_orange, a:hover, a:active; but NOT in home_intro)
bright orange:  #fc7613; (found in AnnSchleck logo and now in home_intro)
grey found in as_mainlogo_grey.jpg: b9ad97 (sampled on the dark part of the "l" in "Schleck"; this image replaces the as_mainlogo_rev.jpg)

Hex Codes (version 117)
mainnav176_about.jpg:  hex #ef8422;  (Danaher-recommended common orange: #ef8522)
mainnav176_retire.jpg:  hex #9fbdbb; (Danaher-recommended smoky blue)
mainnav176_advisors.jpg:  hex #6f3d18; (Danaher-recommended brown: #6f3d19)
mainnav176_fb.jpg:  hex #ddc787; (Danaher-recommended tan)
mainnav176_research.jpg:  hex #80a6bb; (Danaher-recommended blue: #7fa6ba)
mainnav176_contact.jpg:  hex #decc5f; (Danaher-recommended mustard)
background:  #f6f5f3; 
brown text:  #6f3e19; (found in body)
orange text:  #ef8522; (found in home_intro, liteup_orange, a:hover, a:active)
grey text:  #9b9389; (found in monarchslogan and "ul.localnav li" for dividers between links)
dark blue text:  #7fa6ba; (found in PMS550 and a:link)
tan text:  #ddc787; (found in a:visited)
bright orange:  #fc7613; (found in AnnSchleck logo)
light blue for borders: #cbdfeb; (Danaher-recommended, found in borders home_intro, bordertop5, paraleft)

Hex Codes (version 116 and version 115)
mainnav176_about.jpg:  hex #f2af00;  (PMS 7408 brochure 2)
mainnav176_retire.jpg:  hex #c5d9e4; (PMS 545, brochure 2: hex #c4d9e4; )
mainnav176_advisors.jpg:  hex #846344 (PMS 7505 from brochure 2: hex #836344; )
mainnav176_fb.jpg:  hex #e2d579; (PMS 459 from brochure 2: #E2D478;)
mainnav176_research.jpg:  hex #8cb8c5 (PMS 550 from brochure 2: hex #8CB8C6; )
mainnav176_contact.jpg:  hex #aac785 (PMS 577 from brochure 2: hex #ABC785; )
background:  #f6f5f3; ( 

Hex Codes (version 114)
mainnav176_about.jpg:  hex #F8981D;  
mainnav176_retire.jpg:  hex #c2e1f6;
mainnav176_advisors.jpg:  hex #703e19; 
mainnav176_fb.jpg:  hex #d6c66e;
mainnav176_research.jpg:  hex #72a0ba;
mainnav176_contact.jpg:  hex #c2cf97; 
background:  #f6f5f3; ( 

Hex Codes (version 113 and 112)
mainnav176_about.jpg:  hex #fc7613;  
mainnav176_retire.jpg:  hex #9fbdbb;
mainnav176_advisors.jpg:  hex #703e19; 
mainnav176_fb.jpg:  hex #dcc786;
mainnav176_research.jpg:  hex #80a6bb; 
mainnav176_contact.jpg:  hex #decc5e; 
background:  #f6f5f3; ( 



annschleck110.css:
I think I've figured out how to have just a left and right div, so I can have auto heights!  This is that attempt.

annschleck109.css:  
Moved away from images to word-based links for local navigation.
Now, trying to make the file more compact by combining and eliminating some of the selectors.

annschleck108.css:  
I've placed Doug's javascript navigation in and all looks functional.   Would like to place something there in case user doesn't have javascript, but I think that'll have to wait.   For now, I think I move on to next pages.

annschleck103.css:  
I'm at the point where the home page looks good.  Still don't have functionality on image links, and main navigation is still just links in an unordered list, not the javascript stuff that Doug has done.  I've got the bottom corners going and both columns are the right length, but they're fixed length. 
To see an attempt to get two columns of even length, and a footer at the bottom that would contain the bottom corners, go on to 104, then 105, then 106.  That line didn't work out and when I came back to 103, I noticed that it didn't work out except in IE.  Fixed up 103 though it took a while.  Now I'm moving on to dealing with navigation links in 107.
Back here, leaving 107 as an archive of what happened when I tried to replace discs with boxes of colour.  (In short, needs more time than I can give right now.)
Moving on to 108, where I will incorporate Doug's navigation into this.

annschleck102.css:  
	1. I moved margin-top and margin-left in body to 0px, because I was frustrated that even with absolute positioning of the bottomright div, I wasn't right on.  I thought that the (0,0) [(top,left)] was the (top,left) coordinate of the parent, which I took to be the div, but apparently that margin still affected this div.  My thinking then was to eliminate the top and left margins to see if then my absolute positioning could be right on.  And so it was - but just in one browser.  It turns out that this default margin varies across browsers.  When I went back to the default margins, I needed to add the following amounts to my absolute positioning in the following browsers:
					top		left
IE:					15		10
FF, Opera, Safari:	8		8
	2.  How can I get this to be centered across the width of the window?  Right now, it's off to the left.
	

	/* annschleck101.css had some problems.  In particular, although it looked fine in IE, it didn't in Firefox.  On to annschleck102.css:  Here I think I go to absolute positioning on the bottomleft div. */


	/* Generic Selectors */

body {
		/* 	margin: 0 auto; This didn't work to centre the website in the window. ?? */

	font-family: Gotham, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;         
	font-style: normal;
	font-size: 12px;

	line-height: 20px;

	color: #6f3e19;  /* Danaher-recommended brown for text: #6f3e19; palate brown: #836344; old brown as late as v.112: #663300; light-gray: #999999; #EF8522 #ED8423 */
	width: 882px;	/* was 872 when wrapper was 882! */
	margin: 20px auto;
/*	margin-bottom: 25px;  */
	background-color: #FFFFFF;
}

p, h2 {
	width: 90%;
/*	background: lightgreen;   */
}

p, li {
/*
	font-size: 14px;
	font-weight: 500;
*/	
	font-size: 12px;
	font-weight: normal;
/*				*/	 
}

ol li {
	margin-top: 1em;
/*	width: 90%;  */
}

ul li {
	list-style-type: disc; 
	margin-top: 0;
/*	width: 90%;  */
}



/*  This is not in use yet, but should be in case user has disabled javascript 
#mainnav li {
	line-height: 150%;
	font-weight: 500;	
	color: #6f3e19;  /* Danaher-recommended brown for text: #6f3e19;   
	font-size: 12px;
}
*/

h1 {
	font-size: 20px;
	font-weight: bold;
/*	background-color: green;  */
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

h5 {
	width: 90%;
	font-size: 12px;
	font-weight: bold;
}

h6 {					/* July 29: no h6 currently in project */
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}

img {
	display: block;		/* inline; */
	border-style: none;
	border-color: #f6f5f3;  
}

img.inline {
	display: inline;
	position: relative;
	top: 3px;
}

#mainnav img {
	display: block;
}

/************************* Classes *************************/

.home_intro {
	color: #FC7613;   /*  danaher's text-orange: #EF8522; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00; old orange: #FC7613;  */
	font-size: 27px;
	line-height: 1.2em;
	padding-bottom:  30px;  
	border-bottom: 5px solid #cbdfeb; /* Danaher-recommended light blue for lines: #cbdfeb; AS545: brochure 2 (#c4d9e4;)  PMS 550 (cadet blue): #8CB8C6;  */
}

.clearhack {
	clear: both;
	height: 0px;
	z-index: -1;
/*	background: yellow;  */
}

.padright {
	padding-right:  9px;
}

.bordertop {
	padding-top:  15px;
	border-top: 3px dotted; 
}

.bordertop5 {
	padding-top:  15px;  
	border-top: 5px solid #cbdfeb; /* Danaher-recommended light blue for lines: #cbdfeb; AS545: brochure 2 (#c4d9e4;)  PMS 550 (cadet blue): #8CB8C6;  */
}

.paraleft {
	float: left;
	width:  44%;
	padding-right: 20px;
	border-right: 3px dotted #cbdfeb; /* Danaher-recommended light blue for lines: #cbdfeb; PMS 550 (cadet blue): #8CB8C6;  */
}

.pararight {
	float: left;
	width:  40%;
	padding-left: 20px;
}

.no_space_bottom {
	margin-bottom: 0;
}

.no_space_top {
	margin-top: 0;
}

.margintop4 {
	margin-top: 4px;
}

.marginbottom4 {
	margin-bottom: 4px;
}

.emphasis {
	font-variant: small-caps;
	font-weight: bold;
}

.emphasis2 {
	font-weight: bold;
}

.exponent {
	vertical-align: super;
	font-size: smaller;	/* was 8px; */
}

.smaller {
	font-size: smaller;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

ul.floatleft {
    float: left;
	width: 250px;  
}

ul.floatleft li {
    float: left;
	width: 250px;
	font-weight: 500;
}

.indent20 {
	padding-left: 20px;
}

.indent {
	padding-left: 30px;
}

.italics {
	font-style: italic;
}

.pinuptop {
	position: absolute;
	top: -15px; left: 10px;
}

.pinuptopright2 {
	position: absolute;
	top: 5px;
	right: 0px;	
	width: 350px;
	text-align: center;
}

.pinuptopright3 {
	position: absolute;
	top: 2px;
	right: 0px;	
/*	left: 30px;	*/  
	width: 280px;
	text-align: left;
/*	background-color: yellow;  */
}

.pinuptopright4 {
	position: absolute;
	top: 5px;
	right: 0px;	 
/*	left: 30px;	 */ 
	width: 150px;
	text-align: right;
/*	background-color: green; */
}

.monarchslogan {
	position: absolute;
	top: 20px; right: 0px;
	width: 286px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	color: #9b9389; /*  Danaher-recommended grey: #9b9389; PMS 7530 (dark grey): #AA9C8F; up to version 114: #999999;  */
}

.fontnormal {
	font-weight: normal;
}

img.flp {
	float: left;
	display: inline;
	padding-right: 9px;
	padding-bottom: 9px;
}

/*************************  Swatches: *************************/

.liteup_orange  {
	color: #ef8522;  /* Danaher-recommended orange for text: #ef8522; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00; */
}


/*************************  ID's *************************/

#wrapper {
	position: relative;  
/* this and the "top" property that follows is to set wrapper as the ancestor (to bottomright) that has a position value that is something other than "static".  This will ensure that wrapper is bottomright's containing block.  If it is not done, then the viewport becomes the containing block, and since the viewport will change with different monitors, positioning bottomright becomes problematic.  */
	top:  5px;
    height: auto;
	/* 872: left (176) + right (686) + padding-left (10) + borders (2*0) */
/*	width: 872px;  */
	/*	882: left (176) + padding-right (10) + right (686) + padding-left (10) + borders (2*0) (July 30, version120) */
	width: 882px;  
/*    border: 1px solid red;  */
	background: #f6f5f3; /*   (if white, space below mainnav section shows white; if #f6f5f3;, you must make sure that RHS is longer than LHS, or space below RHS will show as #f6f5f3;. */
}

#header_left {
    float: left;
	width: 176px;	
    height: 42px;
	padding-right: 10px;    /* July 30, version 120 */
/*	background:  white;   */
	background: #f6f5f3;   /* to hide padding */
	z-index: 2;
}

#header_right, #header_right_internal {
	position: relative;
	top: 0px;
	float: right;
	width: 686px;  
	height: 85px;  /* 137px; as late as v.112 */
	padding-left: 10px;    
	background:  #f6f5f3;  /* white */
	z-index: 1;
}

#header_right_internal {
/* 	height: 85px; */
	background:  white;   /*  yellow;  */
}

#left {
    float: left;
    width: 176px;	/* 219px */
    height: auto;
	padding-right: 10px;    /* July 30, version 120 */
	background: #f6f5f3;   /* to hide padding */
	z-index: 2;
}

#mainnav {
    padding-top: 25px;    /*  */
	background:  #f6f5f3;  /* pink */
/*	border: 1px solid gray;   */
}

#right, #right_internal, #right_internal_tooshort {
    float: right;  
/*    padding-left: 10px;    */
    padding-left: 20px;    /* July 30, version 120 */
	padding-left: 10px;    
    width: 686px;  
    height: auto;  
	background:  #f6f5f3;  
/*	background:  orange;  */
}

#right_internal, #right_internal_tooshort {
	background:  white;  
/*	background:  orange; */ 
}

#right_internal_tooshort {
	height: 250px;  /*  left height - right header height = [(42 (topcornerleft) + 96 (logo) + 25 (mainnav padding) + 6*26 (mainnav images)] - 85 = 319 - 85 = 234, call it 250 */ 
/*	background:  orange;  */
}

#footer, #footer_internal {
	width: auto;  /* 894px */
	height: 29px;
	background: #f6f5f3;  
}

#footer_internal {
	background: white;  
}

/*************************  Pseudo classes *************************/

a:link /* a link that has not been visited */
{
	color: #7fa6ba;  /* Danaher-recommended darker blue for nav: #7fa6ba; palate blue: #8CB8C6; avocado green: #ABC785; cadet blue: #80A6BB;  purple: #cc99ff;  lilac: #ccccff;  light turquoise: #00ffcc;  peachy: #ff9966;   */
	text-decoration: underline;
	border-style:none;
	font-weight: bold;
}

a:visited /* a link that HAS been visited */
{ 
	color: #ddc787;  /* Danaher-recommended grey: #9b9389; Danaher-recommended mustard: #e2d478; Danaher-recommended tan: #ddc787; PMS7509 (tan): #D9AC6D; PMS5517 (light turqoise): #BAC7C3; PMS577 (avocado green): #ABC785; PMS550 (darker blue): #8CB8C6;  */
	text-decoration: underline;
	border-style:none;
	font-weight: bold;
	
}

a:hover /* a link over which the mouse pointer is placed */
{
	color: #EF8522;  /* Danaher's text-orange: #EF8522; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00; old orange: #FC7613; */
	text-decoration: none;
	border-style:none;
	font-weight: bold;
}

a:hover.mainnav /* only for those links in mainnav that take over if no javascript */
{
	padding-bottom: 5px;
}

a:active /* a link which has been activated by user input, such as during the time the mouse button is held down */
{ 
	color: #EF8522;  /* Danaher's text-orange: #EF8522; Danaher's web-logo orange: #FC7613; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00; old orange: #FC7613;  */
	text-decoration: none;
	border-style:none;
	font-weight: bold; 
} 

/*  This is not in use yet, but should be in case user has disabled javascript 
#mainnav li a:link {
	color: #EF8522;  Danaher's text orange: #EF8522; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00;
	text-decoration: none;
	font-weight: bold;
}

#mainnav li a:visited { 
	color: #BAC7C3; palate light turqoise: #BAC7C3; 
	text-decoration: none;
	font-weight: bold;
}

#mainnav li a:hover {
	display: block;
	color: #EF8522;   Danaher's text orange: #EF8522; Danaher's web-logo orange: #FC7613; print-logo orange: #F8981D;  June 25th brochure PMS 7408 (orange): #F2AF00;  
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996633;	
}
*/

ul.localnav {
	position:relative;
	top: 20px;	/* will make this 33px; in IE */
/*	left: -39px;   */
	margin-left: 0px;   /* IE indents ul by margin  */
	padding-left: 0px;   /*  FF and others indent ul by padding  */
/*	float: left;  */
	padding-bottom: 5px;
/*	border-bottom: 5px solid #CBDFEB;  */
}

ul.localnav li {
	display: inline;
	list-style-type: none; 
	border-left: 2px solid #9b9389;  /*  Danaher-recommended grey: #9b9389; #999999;  */
	padding-left: 8px;  /*  8px; */
	padding-right: 8px;  /* 8px; */
	font-size: 12px;
	font-weight: bold;
}

ul.localnav li:first-child {
	padding-left: 0px;
	border-left: none;
}

ul.localnav a:link {
	text-decoration: none;
/*
	font-weight: bold;
*/
}

ul.localnav a:visited { 
	text-decoration: none;
/*
	font-weight: bold;
*/
}
/*
ul.localnav a:hover {
	font-weight: bold;
*/
}