@charset "utf-8";

/* Note: This entire document validates as CSS level 2.1:  http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fdouglasdrenkow.com%2Fcss%2Fddcss.css */

body  { 
	margin:0 0; /* It's good practice to zero the margin and padding of the body element to account for differing browser defaults. */
	border:0;
	padding:0 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. */
	font: 100% Georgia, "Times New Roman", Times, serif;
	background:#FFFFFF;
	/* 3-D STRUCTURE: Text is flat, like printed matter; buttons are three-dimensional, sticking out and, thus, "inviting" their being pushed. Also, quotes (of praise) are also standing up, "proudly." */
	/* DESIGN ACCESSIBILITY (to the sight-impaired): In addition to providing, of course, alt descriptions for virtually all images, the design is of fixed (pixel) width. By contrast, vertical dimensions (for fonts and for most boxes etc.) are given in variable units (em); and background images (for edge effects and shiny effects) are repeat-y, if repeated at all (Rounded, "friendly" Web 2.0, corners at top and bottom are headers and footers, with "cast shadows" from latter -- light (in most world traditions symbolizing "truth") is from directly above the visitor's head, not from one side or the other, i.e., not "biased"): For accessibility, this fixed-horizontal, variable-vertical design allows the visitor to adjust text size without disrupting design (Word-wrap is default). */
	/* COLOR: Overall, page structure is monochromatic (ex. black text on white bg, the most readable, traditional, popular text color combination; ex. link field at bottom of page is gray).*/
	/* Keeping with tradition, the (typical, visited, hover, and active) links are blues (the most popular color in the world); and in keeping with the popularity predicted by the Müller Formula (http://www.colourlovers.com/blog/2007/09/02/the-muller-formula-or-predictable-color-preferences/), the lighter blues (as for the bg of the subsubmenu) are on the green side and the darker blues (implying trust, as in the logo and the navbar) are more violet: See https://douglasdrenkow.com/excels/colorpalette.xls for the particular shades, tones, and tints used (and also for reds, as in H1bg). */
	/* Highlights are vivid (nearly or exactly 100% satd.) reds, as for my name in the logo or in bg of H1 page text titles. */
	/* Testimonials are "silver" or "platinum" (the "new gold"), vs. purely informational sidebars, which are more gray. */
	/* Overall, this design is a balance between the professional (white / grays / black / dark blue) and the commercial (white/black/blues/reds), with a "satin (semi-gloss) effect" of subtle gradations of tints, tones, and shades over broad (otherwise boring, cartoonish) "box" areas. My years of (critically acclaimed) portrait painting taught me many effective concepts of design (See details of my works, such as the hands painted in "Victor & Catherine" or "Irma & Aurora" in https://douglasdrenkow.com/drenkowportraits/). */
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 29, 2011 10:51:04 PM America/New_York */



@font-face {
    font-family: 'PlainBlackNormal';
    src: url('../fonts/PlainBlack/Plain_Black-webfont.eot');
    src: local('ò∫'),
		 url('../fonts/PlainBlack/Plain_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Plain_Black-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Plain_Black-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Plain_Black-webfont.svg#PlainBlackNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlainBlackWideNormal';
    src: url('../fonts/PlainBlack/Plain_Black_Wide-webfont.eot');
    src: local('ò∫'),
		 url('../fonts/PlainBlack/Plain_Black_Wide-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Plain_Black_Wide-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Plain_Black_Wide-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Plain_Black_Wide-webfont.svg#PlainBlackWideNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IncisedBlackNormal';
    src: url('../fonts/PlainBlack/Incised_Black-webfont.eot');
    src: local('ò∫'),
	 	 url('../fonts/PlainBlack/Incised_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Incised_Black-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Incised_Black-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Incised_Black-webfont.svg#IncisedBlackNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IncisedBlackWideNormal';
    src: url('../fonts/PlainBlack/Incised_Black_Wide-webfont.eot');
    src: local('ò∫'),
		 url('../fonts/PlainBlack/Incised_Black_Wide-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Incised_Black_Wide-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Incised_Black_Wide-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Incised_Black_Wide-webfont.svg#IncisedBlackWideNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EmbossedBlackNormal';
    src: url('../fonts/PlainBlack/Embossed_Black_Normal-webfont.eot');
    src: local('ò∫'),
		 url('../fonts/PlainBlack/Embossed_Black_Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Embossed_Black_Normal-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Embossed_Black_Normal-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Embossed_Black_Normal-webfont.svg#EmbossedBlackNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EmbossedBlackWideNormal';
    src: url('../fonts/PlainBlack/Embossed_Black_Wide-webfont.eot');
    src: local('ò∫'),
		 url('../fonts/PlainBlack/Embossed_Black_Wide-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PlainBlack/Embossed_Black_Wide-webfont.woff') format('woff'),
         url('../fonts/PlainBlack/Embossed_Black_Wide-webfont.ttf') format('truetype'),
         url('../fonts/PlainBlack/Embossed_Black_Wide-webfont.svg#EmbossedBlackWideNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container { 
	margin:0 auto; /* The auto margins (in conjunction with a width) center the page. */
	border:0;
	padding:0 0;
	width:950px;  /* Using no more than 950px width allows for browser chrome and avoids a horizontal scroll bar in virtually all monitors in use (I doubt that anyone I would direct to this Web site, my portfolio, would have an 800x600 monitor). */
	/* Note: Layout extents are in pixels, since graphic elements are of fixed size; but text is in em's, for accessibility, since user may increase font size. */
	text-align: left; /* This overrides the text-align: center on the body element, above. */
 	position:relative; /* so can use z-index to keep navbar from sliding under subsubmenu etc. */
}

#container404page { 
	margin:0 auto; /* The auto margins (in conjunction with a width) center the page. */
	border:0;
	padding:0 0;
	width:500px;  /* This layout lacks the sidebars, and the margins between them. */
	text-align: left; /* This overrides the text-align: center on the body element, above. */
}

#flashvideo {
	background-color:#808080;
}

/* HEADER */

#header { 
	position:relative; /* allows absolute positioning of Search box, below */
	margin:0 0;
	border:0; /* By not having a border AND height, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND height, the IE Box Model Problem is bypassed. */
	width:100%;
	height:76px; /* Height prevents Unscrollable Content Bug, in IE 6, for Search, absolutely positioned; although Search wouldn't have exceeded viewport anyway. */
} 

#headercontent {
	margin:0 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 bug. */
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:14px 0 0 0;
}

#ddlogo {
	float:left;
	margin:0 0;
	border:0;
	padding:0;
	display:block;
	width:263px;
	height:48px;
}

#search {
	position: absolute;
	top: 15px;
	right: 1px;
}

*.button {
	margin:0 0;
	padding:0px 1px 0px 2px;
	color:#000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, legal, etc. */
}

#headertext {
	margin:28px 0 0 0;
	border:0;
	padding:0 0;
	text-align: right;
	color:#000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.92em;
	line-height: 1.5em;
}

/* NAVBAR, W/ ROLLOVER IMAGES, & jQUERY SLIDEDOWN & SLIDEUP SUBMENUS */

#navbarholder { /* On narrow displays the nav bar will break up into segments, stacked atop each other and each "casting a shadow." */
	margin:0 0 -10px 0;
	border:0;
	padding:0 0;
	width:100%;
	height:36px;
	position:relative; /* so overlays subsubmenu etc. */
	z-index:100;
}

#navbarleftend {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:5px;
	height:36px;
	background:#193A7A url(../images/navbarleftend5.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

#navbarrightend {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:5px;
	height:36px;
	background:#193A7A url(../images/navbarrightend5.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

ul#slidermenu {
	float:left;
	margin: 0 0;
	border:0;
	padding: 0 0;
	width:940px;
	height:36px;
	background-color: #193A7A; /*background of tabs (default state)*/
}

li.slidermenudiv {
	position: relative; /* for absolute positioning of child elements */
	list-style-type: none;
	display: inline;
	float: left;
	margin: 0 0;
	border:0;
	padding:0 0;
}

.menubttn {
	margin: 0 0;
	border:0;
	padding:0 0;
	height:36px;
	overflow:hidden;
	color: #FFF; /* unseen, behind link background-image (below), but readable by screen readers and if image fails to load */
}

*.shadowbox { /* container for ul plus shadow below. Unfortunately, older browsers (like IE 7 in quirks mode) may display a gap between the bottom of ul and the top of the shadow, presumably related to Box Model problem (even though padding and border = 0); and error cannot be corrected with overflow:hidden, as for subsubmenubottom, h3, etc. */
	z-index:100;
	position:absolute;
	top:28px;
	left:0;
	margin:0 0;
	border:0;
	padding:0 0;
	width:100%;
}

#slidermenuweb {
	z-index:100;
	width:200px;
}

#slidermenuweb .menubttn a:link, #slidermenuweb .menubttn a:visited {
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:200px;
	height:36px;
	background:#193A7A url(../images/navbarweboff.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

#slidermenuweb .menubttn.bttnselected a:link, #slidermenuweb .menubttn.bttnselected a:visited {
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	color: #FFF;
	background:#477DB3 url(../images/navbarwebon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#slidermenuweb .menubttn a:hover, #slidermenuweb .menubttn a:active, #slidermenuweb .menubttn.bttnselected a:hover, #slidermenuweb .menubttn.bttnselected a:active {
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	color: #FFF;
	background:#477DB3 url(../images/navbarwebon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#shadowweb {
	z-index:100;
	margin: 0 0;
	border:0;
	padding:0 0;
	width:200px;
	height:4px;
	background:transparent url(../images/shadow200x4.png) no-repeat bottom left; /* Note the feathered bottom edge and side corners, using a PNG image with alpha-channel transparency (Note that IE 6 does not support alpha channel; however, it simply degrades to gray, which is a fair compromise); vs. using a solid (rectangular) bg made transparent, by filter:alpha(opacity=n) [For IE, with 0 =< n =< 100] or opacity:x and -moz-opacity:x and -ms-opacity:x and -khtml-opacity:x [For Firefox etc., with 0 =< x =< 1]. Refs: http://www.w3schools.com/Css/css_image_transparency.asp and http://www.drunkenfist.com/304/2007/07/09/cross-browser-opacity-using-css-and-internet-explorer-custom-filters/ */
}

#slidermenuprod {
	width:314px;
}

#slidermenuprod .menubttn a:link, #slidermenuprod .menubttn a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:314px;
	height:36px;
	background:#193A7A url(../images/navbarprodoff.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

#slidermenuprod .menubttn.bttnselected a:link, #slidermenuprod .menubttn.bttnselected a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:314px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarprodon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#slidermenuprod .menubttn a:hover, #slidermenuprod .menubttn a:active, #slidermenuprod .menubttn.bttnselected a:hover, #slidermenuprod .menubttn.bttnselected a:active {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:314px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarprodon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#shadowprod {
	margin: 0 0;
	border:0;
	padding:0 0;
	width:314px;
	height:4px;
	background:transparent url(../images/shadow314x4.png) no-repeat bottom left; /* Note the feathered bottom edge and side corners, using a PNG image with alpha-channel transparency (Note that IE 6 does not support alpha channel; however, it simply degrades to gray, which is a fair compromise); vs. using a solid (rectangular) bg made transparent, by filter:alpha(opacity=n) [For IE, with 0 =< n =< 100] or opacity:x and -moz-opacity:x and -ms-opacity:x and -khtml-opacity:x [For Firefox etc., with 0 =< x =< 1]. Refs: http://www.w3schools.com/Css/css_image_transparency.asp and http://www.drunkenfist.com/304/2007/07/09/cross-browser-opacity-using-css-and-internet-explorer-custom-filters/ */
}

#slidermenumrktg {
	width:201px;
}

#slidermenumrktg .menubttn a:link, #slidermenumrktg .menubttn a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:201px;
	height:36px;
	background:#193A7A url(../images/navbarmrktgoff.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

#slidermenumrktg .menubttn.bttnselected a:link, #slidermenumrktg .menubttn.bttnselected a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:201px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarmrktgon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#slidermenumrktg .menubttn a:hover, #slidermenumrktg .menubttn a:active, #slidermenumrktg .menubttn.bttnselected a:hover, #slidermenumrktg .menubttn.bttnselected a:active {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:201px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarmrktgon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#shadowmrktg {
	margin: 0 0;
	border:0;
	padding:0 0;
	width:201px;
	height:4px;
	background:transparent url(../images/shadow201x4.png) no-repeat bottom left; /* Note the feathered bottom edge and side corners, using a PNG image with alpha-channel transparency (Note that IE 6 does not support alpha channel; however, it simply degrades to gray, which is a fair compromise); vs. using a solid (rectangular) bg made transparent, by filter:alpha(opacity=n) [For IE, with 0 =< n =< 100] or opacity:x and -moz-opacity:x and -ms-opacity:x and -khtml-opacity:x [For Firefox etc., with 0 =< x =< 1]. Refs: http://www.w3schools.com/Css/css_image_transparency.asp and http://www.drunkenfist.com/304/2007/07/09/cross-browser-opacity-using-css-and-internet-explorer-custom-filters/ */
}

#slidermenupublg {
	width:225px;
}

#slidermenupublg .menubttn a:link, #slidermenupublg .menubttn a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:225px;
	height:36px;
	background:#193A7A url(../images/navbarpublgoff.JPG) top left no-repeat; /* PhShp: Hue 220, Sat 79, Br 48 (like middle color on navbaroff) */
}

#slidermenupublg .menubttn.bttnselected a:link, #slidermenupublg .menubttn.bttnselected a:visited {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:225px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarpublgon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#slidermenupublg .menubttn a:hover, #slidermenupublg .menubttn a:active, #slidermenupublg .menubttn.bttnselected a:hover, #slidermenupublg .menubttn.bttnselected a:active {
	position:absolute;
	top:0;
	left:0;
	display: block;
	margin: 0 0;
	border: 0;
	padding: 0 0;
	width:225px;
	height:36px;
	color: #FFF;
	background:#477DB3 url(../images/navbarpublgon.JPG) top left no-repeat; /* PhShp: Hue 210, Sat 60, Br 70 (like middle color on navbaron) */
}

#shadowpublg {
	margin: 0 0;
	border:0;
	padding:0 0;
	width:225px;
	height:4px;
	background:transparent url(../images/shadow225x4.png) no-repeat bottom left; /* Note the feathered bottom edge and side corners, using a PNG image with alpha-channel transparency (Note that IE 6 does not support alpha channel; however, it simply degrades to gray, which is a fair compromise); vs. using a solid (rectangular) bg made transparent, by filter:alpha(opacity=n) [For IE, with 0 =< n =< 100] or opacity:x and -moz-opacity:x and -ms-opacity:x and -khtml-opacity:x [For Firefox etc., with 0 =< x =< 1]. Refs: http://www.w3schools.com/Css/css_image_transparency.asp and http://www.drunkenfist.com/304/2007/07/09/cross-browser-opacity-using-css-and-internet-explorer-custom-filters/ */
}

.slidermenudiv ul {
	display: block;
	margin: 0 0 -1px 0;
	border: 0;
	padding: 1px 0;
	width:100%;
	background-color:#000;
}

.slidermenudiv ul li {
	display: list-item;
	list-style-type: none;
	float: none;
	margin: 1px 2px 2px 2px;
	border:0;
	padding:0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	line-height:1.5em;
}

/* This workaround has been superceded by an IE conditional comment in the head of each Web page, specifying zoom:1; for each of the links within lists, and/or by specifying height:auto, below.
  	*.slidermenudiv li a, *.slidermenudiv li.navlistselected a {
	display:inline-block;
} /* This value (unsupported in most browsers) turns on hasLayout in IE, while the following block rule will override this inline-block rule, for all intents and purposes, without turning off hasLayout -- needed to overcome the Extra Whitespace in List Links Bug, in IE 6. Note that although this Bug can simply be avoided by specifying a width for each of the links, below, the design requires that a padding must also be given, which would then trigger the IE Box Model problem (as evidenced by running IE 7 in quirks mode); each link would then have to be "double-wrapped" -- with an outer div for width and an inner div for padding -- which would further complicate this already complex coding. This hasLayout workaround, suggested by Adobe, is simpler, even though it unfortunately invalidates this entire CSS. */

.slidermenudiv a:link, .slidermenudiv a:visited {
	display: block;
	margin: 0 0;
	border: 0;
	padding: 5px 10px;
	height:auto;
	color: #FFF;
	text-decoration: none;
	background-color:#193A7A;
}

.slidermenudiv a:hover, .slidermenudiv a:active, .slidermenudiv li.liselected a:link, .slidermenudiv li.liselected a:visited {
	display: block;
	margin: 0 0;
	border: 0;
	padding: 5px 10px;
	height:auto;
	color: #FFF;
	text-decoration: none;
	background-color: #477DB3;
}
	
.slidermenudiv li.liselected a:hover, .slidermenudiv li.liselected a:active {
	display: block;
	margin: 0 0;
	border: 0;
	padding: 5px 10px;
	height:auto;
	color: #FFF;
	text-decoration: none;
	background-color: #477DB3;
}

/* HOME PAGE */

#homehighlightsholder {
	margin:10px 0 0 0;
	border:0;
	padding:0 0;
	width:950px;
}

#homehighlightsleftend {
	float:left;
	margin:0 0;  /* Not placing margins on this and the floated elements below bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed, on this and the ids below. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed, on this and the ids below. */
	width:5px; /* same as navbarleftend, above; other divs, below, are also similar to their navbar counterparts. */
}

#homehighlightsweb {
	float:left;
	margin:0 0;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed, on this and the ids below. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed, on this and the ids below. */
	width:200px;
}

#homehighlightsprod { /* as above */
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:314px;
}

#homehighlightsmrktg { /* as above */
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:201px;
}

#homehighlightspublg { /* as above */
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:225px;
}

#homehighlightsholder ul {
	margin-top:0;
	margin-left:0; /* certain browsers handle list markers with margin-left */
	padding-left:0; /* certain other browsers, with padding-left */
	border-left:1px solid #808080;
}

#homehighlightsholder ul li {
	margin:0 10px;
	list-style-type:none;
	text-align:left;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 0.8em; /* 7/8 of text */
	line-height: 1.5em;
}

#homehighlightspublg ul {
	border-right:1px solid #808080;
}

*.tenpxhorizspacer {
	margin:0 0;
	border:0;
	padding:0 0;
	width:100%;
	height:10px;
}

#homeleftcolumn {
	float: left;
	position:relative;
	margin:0 0; /* Not placing margins on the floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:342px; /* width of "Halo" video skin */
	height:291px; /* height of "Halo" video skin */
	z-index:0; /* with wmode="opaque" (for video) so navbar doesn't go under TV */
}

#homerightcolumn {
	float:right;
	margin:0 0;
	border:0;
	padding:0 0;
	width:578px;
	height:290px;
}

/* BREADCRUMBS */

*.breadcrumbs {
	margin:-10px 0 0 0;
	border:0;
	padding:0 0;
	background-color:#FFFFFF;
}

*.breadcrumbs ul { /* Normalizing Lists; browsers vary in how they implement the 40-pixel-standard indent */
	margin-left:0;
	padding-left:0;
	list-style:none;
}

*.breadcrumbs li { /* Having breadcrumbs styled as a list, with separators other than "greater than" (as read, literally, by screen readers), "improves accessibility. Assistive technologies interpret the new code better." -- http://www.epa.gov/epafiles/docs/overview.html#breadcrumbs */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as footer, legal, subfooter, etc. */
	line-height:1.5em;
	margin:0 0;
	margin-left:3px; 
	border:0;
	padding:0 0;
	padding-left:14px; 
	display: inline; 
	background: url(../images/rtarrow9x11.GIF) no-repeat left center;
}

*.breadcrumbs li a:link, *.breadcrumbs li a:visited {
	text-decoration:none;
	color: #000099;
}

*.breadcrumbs li a:hover, *.breadcrumbs li a:active {
	text-decoration:underline;
	color: #000099;
}

*.breadcrumbs li.selected {
	text-decoration:none;
	color:#000000;
}

*.breadcrumbs li.first {
	background-image:none;
	margin:0 0;
	border:0;
	padding:0 0;
}

/* Container for MainContent Plus SubSubMenu (modified "Container" from "The Holy Grail": http://www.alistapart.com/articles/holygrail */

/* SUBSUBMENU (A submenu is a navbar dropdown menu) & INFOBOXES */

#subsubmenucol {
	float:left;
	margin:0 0; /* Not placing margins on the floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:200px; 
	background-color:#FFFFFF;
	z-index:0; /* so navbar won't slide under */
}

*.subsubmenutop { /* See h3 and h4, below. */
}

*.subsubmenu { /* See subsubmenu links, below. */
}

*.subsubmenubot {
	margin:0 0 10px 0;
	border:0;
	padding:0 0;
	width:200px;
	height:20px;
	background:#C5E5F0 url(../images/subsubmenubotsh.JPG) top center no-repeat; /* PhShp: Hue 195, Sat 18, Br 94 */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks mode (like IE 6-) */
}

*.infoboxtop {
	margin:0 0;
	border:0;
	padding:0 0;
	width:200px;
	height:10px;
	background:#D9D9D9 url(../images/infoboxtop.JPG) top center no-repeat; /* 85% bright gray (vs. "platinum" quote box, below) */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks mode (like IE 6-) */
}

*.infobox {
	margin:0 0;
	border:0;
	padding:5px 10px;
	text-align:left;
	background:#D9D9D9 url(../images/infoboxbg.JPG) top center repeat-y; /* 85% bright gray (vs. "platinum" quotebox, below) */
}

*.infoboxbot {
	margin: 0 0 10px 0;
	border:0;
	padding:0 0;
	width:200px;
	height:20px;
	background:#D9D9D9 url(../images/infoboxbotsh.JPG) top center no-repeat; /* 85% bright gray */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks mode with font set large */
}

#addthis {
	margin:0 0 20px 0;
	text-align:center;
}

*.quoteboxtop { 
	margin:0 0;
	border:0;
	padding:0 0;
	width:200px;
	height:10px;
	background:#EBEBEB url(../images/quoteboxtop.JPG) top center no-repeat;
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks mode */
}

*.quotebox {
	margin:0 0;
	border:0;
	padding:5px 10px;
	background:#EBEBEB url(../images/quoteboxbg.JPG) top center repeat-y; /* 93% bright gray = "platinum" (vs. grayer infobox, above) */
	text-align:left;
}

*.quoteboxbot {
	margin:0 0 10px 0;
	border:0;
	padding:0 0;
	width:200px;
	height:20px;
	background:#EBEBEB url(../images/quoteboxbotsh.JPG) top center no-repeat; /* 93% bright gray */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks mode with font set large */
}

/* MAINCONTENT & DIV'S */

#maincontent { /* "Note that when all the main elements in a column setup are floats, the worst IE float bugs simply do not happen. Thus using an all-float approach to column design can actually be easier to accomplish, at least within a rigid-width layout." (http://www.positioniseverything.net/easyclearing.html) */
	float:right; /* similar to "Container" from "The Holy Grail" (http://www.alistapart.com/articles/holygrail) -- to put content before menus, for SEO */
	margin:0 0;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:720px;
	background-color:#FFFFFF;
}

#montage {
	margin:0 0;
	border:0;
	padding:0 0;
	width:720px;
	height:240px;
	background-color:#001A67; /* "average" blue of montage bg gradient */
}

*.twentypxhorizspacer { /* to allow mainhalfdivs, below, to stand apart, vertically */
	margin:0 0;
	border:0;
	padding:0 0;
	width:100%;
	height:20px;
}

*.twentypxhorizspacerhalf { /* to allow mainhalfdivs, below, to stand apart, vertically, with quotes on right */
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:350px;
	height:20px;
}

*.horizsingleline {
	margin:1.5em 0;
	border:0;
	padding:0 0;
	width:100%;
	height:1px;
	background:url(../images/hrsingle.GIF) top left repeat-x; /* simple single 1px black line */
	/* background:url(../images/horizsingle490x1.JPG) left top no-repeat; -- an alternative, modeled after a classical "filet," but just fading out to either side */
}

*.horizdoubleline {
	margin:1.5em 0;
	border:0;
	padding:0 0;
	width:100%;
	height:5px;
	background:url(../images/hrdouble.GIF) top left repeat-x; /* simple double 2px and 1px black lines */
	/* background:url(../images/horizdouble490x5.JPG) top center no-repeat; -- an alternative, modeled after a classical "filet," rounded in the middle but just fading out to either side */
}

/* Beware: Not placing margins on (the left or right side of) a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */

*.mainhalfleft {
	float: left;
	margin:0 0;
	border:0;
	padding:0 0;
	width: 350px;
}

*.mainhalfright {
	float: right;
	margin:0 0;
	border:0;
	padding:0 0;
	width: 350px;
}

*.mainhalfboxtop {
	margin:0 0;
	border:0;
	padding:0 0;
	width:350px;
	height:10px;
	background:#EBEBEB url(../images/mainhalfboxtop.JPG) top center no-repeat; /* 93% bright gray */
}

*.mainhalfbox {
	margin:0 0;
	border:0;
	padding:5px 10px;
	background:#EBEBEB url(../images/mainhalfboxbg.JPG) top center repeat-y; /* 93% bright gray = "platinum" (vs. gray infobox, above) */
	text-align:left;
}

*.mainhalfboxbot {
	margin:0 0 10px 0;
	border:0;
	padding:0 0;
	width:350px;
	height:20px;
	background:#EBEBEB url(../images/mainhalfboxbotsh.JPG) top center no-repeat; /* 93% bright gray */
}

#montageguests { 
	margin:10px 0;
	border:0;
	padding:0 0;
	width:350px;
	height:260px;
	background-color:#0B1E57;
}

#maintextleft {
	float: left;
	margin:0 0;
	border:0;
	padding:0 0;
	width: 490px;
}

#maininforight {
	float: right;
	margin:0 0;
	border:0;
	padding:0 0;
	width: 200px;
}

#maincontentalone { /* As for e-mail recreations. Also, "note that when all the main elements in a column setup are floats, the worst IE float bugs simply do not happen. Thus using an all-float approach to column design can actually be easier to accomplish, at least within a rigid-width layout." (http://www.positioniseverything.net/easyclearing.html) */
	float: left; /* Since this element is floated, a width must be given. */
	margin:0 0 0 30px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:720px; /* 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-color:#FFFFFF;
}

/* TABLES */

table.share { /* for discover, enjoy, explore line */
	width:100%;
	border-collapse:separate; /* but cellspacing=0, vs. border-collapse:collapse, which creates problems with borders in Firefox (See note in HTML) */
	table-layout:auto; /* vs. fixed (which would be faster to render) so table cell widths render properly in Safari (etc.?) */
}

table.share td.heading {
	margin: 0 0;
	background:#04471A url(../images/shareheadbg1x26.JPG) top left repeat-x; /* The background gradient is from a middle green tone to a dark bluish green shade. */
	border: 1px solid #04471A; /* The dark green is a bluish shade. */
	padding:2px 7px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.8em; /* Since start of footer (subordinate) information. */
	font-weight:bold;
	font-style:italic;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#C8F3B3; /* The light green is a yellowish tint. */
}

table.share td.sharecell {
	padding: 3px 0 3px 5px;
	border: 1px solid #04471A;
	margin: 0 0;
	background:#FFFFFF url(../images/shadow1x4.JPG) top left repeat-x;
}

*.addthis_toolbox.addthis_pill_combo.plusbttn { /* Modified after http://addthis.com/gallery/retweet-like-share */
 	float:left;
	width:130px;
	padding-top:5px;
}

*.addthis_toolbox.addthis_pill_combo.plusbttn a { /* Modified after http://addthis.com/gallery/retweet-like-share */
    float: left;
 	font-size:0.8em;
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-weight:normal;
	font-style:italic;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

*.tweetmemebutton {
 	float:left;
	width:120px;
	padding-top:5px
}

*.addthis_button_compact .at15t_compact { /* From http://addthis.com/gallery/retweet-like-share, but not used here (See note in HTML) */
    float: left;
} 

*.addthis_toolbox.addthis_pill_combo.fbbttn { /* Modified after http://addthis.com/gallery/retweet-like-share */
 	float:left;
	width:85px;
	padding-top:5px;
}

*.addthis_button_compact { /* Small text link */
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.8em; /* At typ. browser's "medium" text size, this is 11pt, like NYTimes.com */
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

table.share td.contactinfo {
	padding: 3px 5px;
	border: 1px solid #04471A;
	margin: 0 0;
	background:#FFFFFF url(../images/shadow1x4.JPG) top left repeat-x;
}

*.sharephones {
	float:right;
	margin: 0 0;
	padding-left:0;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#000000;
}

*.shareaddress {
	margin: 0 0;
	padding-right:0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#000000;
}
 
*.shareaddress a {
	font-weight:bold;
}
 
table.share td.socialicons {
	padding: 0 0;
	border: 1px solid #04471A;
	margin: 0 0;
	background:#FFFFFF url(../images/shadow1x4.JPG) top left repeat-x;
}

*.socialicon36spacer {
 	float:left;
	padding:0 0;
	border:0;
	margin: 3px 0 0 0;
}

*.socialicon36 {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
} 
  
#facebook36 a:link, #facebook36 a:visited {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/facebook36x36bw.PNG);
	display:block;
}

#facebook36 a:hover, #facebook36 a:active {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/facebook36x36.PNG);
	display:block;
	text-decoration:none;
} 
  
#twitter36 a:link, #twitter36 a:visited {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/twitterorig36x36bw.PNG);
	display:block;
}

#twitter36 a:hover, #twitter36 a:active {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/twitterorig36x36.PNG);
	display:block;
	text-decoration:none;
} 

#youtube36 a:link, #youtube36 a:visited {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/youtube36x36bw.PNG);
	display:block;
}

#youtube36 a:hover, #youtube36 a:active {
 	float:left;
	margin: 3px 0 3px 0;
	padding:0 0;
	border:0;
	width:36px;
	height:36px;
	background-image:url(../images/youtube36x36.PNG);
	display:block;
	text-decoration:none;
} 
  
/* Next for LinkedIn links and icon with Bio */ 
  
table.linkedin {
	width:100%;
	border-collapse:separate; /* but cellspacing=0, vs. border-collapse:collapse, which creates problems with borders in Firefox (See note in HTML, above) */
 	border:1px solid #000000;
	table-layout:auto; /* vs. fixed (which would be faster to render) so table cell widths render properly in Safari (etc.?) */
}

table.linkedin td {
	padding: 3px 0 3px 5px;
	margin: 0 0;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.92em;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */

}
  
/* Next for write3a.html annual tables */  
  
#maintable { /* for extra-wide tables, as on write3a.html */
	float:left; /* See note with #maincontent, above. */
	margin:0 0;
	border:0;
	padding:0 0;
	width:720px;
}

table.newstable { /* for write3a.html */
	width:100%;
	background-color:#E0F3F8; /* The light-colored bars are the "default" color */
	border:1px solid #3A6BA6; /* Outer border is same color as header. */
	table-layout:auto; /* vs. fixed (which would be faster to render) so table cell widths render properly in Safari and Chrome, as well as in IE, Firefox, and Opera (I tried many variations) */
	border-collapse:collapse;
}

table.newstable490 { /* for write3b.html, write3d.html, & write3e.html */
	width:490px; /* Note: Width of Table (with Collapsed Borders) = Sum of Widths of Cells (Only Content, like W3C Box Model, derived from table cell model) + Sum of All (Cell) Paddings + Sum of All Borders (of Cells and, unlike other W3C boxes, Table Itself) */
	background-color:#E0F3F8; /* The light-colored bars are the "default" color */
	border:1px solid #3A6BA6; /* Outer border is same color as header. */
	table-layout:fixed;
	border-collapse:collapse;
}

table.newstable td, table.newstable490 td {
	padding:5px;
	border-right:solid 1px #3A6BA6; /* Columns' vertical lines are same color as header. */
}

table.newstable td.newshead, table.newstable490 td.newshead {
	padding:5px;
	border-right:solid 1px #E0F3F8;
	color:#E0F3F8;
	font-weight:bold;
	background-color:#3A6BA6;
}

td.newsheadend {
	background-color:#3A6BA6;
	padding:5px; /* no border-right, since table border already exists */
	color:#E0F3F8;
	font-weight:bold;
}

tr.darkrow {
	background-color:#B2DCEB; /* Alternating dark and light rows make data reading easier. */
}

/* ROLL-UP LISTS (now, jQuery script I wrote; originally, scriptsafter "Pro CSS and HTML Design Patterns," by Michael Bowers); both readable by screen-readers even when rolled up (typical starting state) */

li.rolldownup {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.rolldownup-trigger { /* looks like typ. link */
	cursor:pointer;
	color:#000099;
	padding-left:16px;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.partialparagraph.rolldownup-trigger:hover {
	text-decoration:none;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.rolldownup-trigger:hover { /* acts like typ. link */
	text-decoration:underline;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.partialparagraph.rolldownup-trigger-up {
	padding-left:58px;
	height:9px;
	background:url(../images/more.JPG) no-repeat left center;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.partialparagraph.rolldownup-trigger-down {
	padding-left:44px;
	height:12px;
	background:url(../images/less.JPG) no-repeat left center;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.rolldownup-trigger-up {
	background-image:url(../images/arrowblueright16x17.PNG);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.rolldownup-trigger-down {
	background-image:url(../images/arrowbluedown16x17.PNG);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

ul.rolldownup-content {
	margin-left:16px;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.rolldownup-content {
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

ul.rolldownup-content li {
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
}

*.hidden { /* for rollup, previously, and for (screen-reader-readable) skip-to-main-content and search-box links (See http://www.webaim.org/techniques/css/invisiblecontent/ as about top:auto vs. top:-999999px) */
	position:absolute;
	top:auto;
	left:-99999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* FOOTER ETC. */

/* Originally, the footer was designed to degrade gracefully in smaller viewports, with the four corners and the four edges all remaining relatively in place. However, to complete the "satin" effect, I had to make the top edge+corners (of the footer) and the bottom edge+corners (of the legalholder) full-width. I left the corners in separately, in the background behind the satinized elements, in the hope that they might remain in smaller viewports, which (thankfully) are rare nowadays ... other than on mobile phones and PDAs, of course, which Dreamweaver's Adobe Device Central shows will simply display lists with colored bgs anyway. */

#footercornerlefttop {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:10px;
	background:url(../images/footercornertopleft.JPG) top left no-repeat;
}

#footercornerrighttop {
	float:right;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:10px;
	background:url(../images/footercornertopright.JPG) top right no-repeat;
}

#footercornerstop { 
	margin:0 0;
	border:0;
	padding:0 0;
	width:100%;
	height:10px;
	background:#D9D9D9 url(../images/footertopbg.JPG) top left repeat-x; /* 85% bright gray (like 15% satd blue) */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks (like IE 6-)mode */
}

#footer {
	margin:0 0;
	border:0;
	padding:0 0;
	width:100%; /* This is OK since there are no margins, borders, or padding. */
	background:#D9D9D9 url(../images/footerbg.JPG) top left repeat-y; /* 85% bright gray (like infobox, above, or somewhat like 15% satd. subsubmenu */
}

#footerdivleft {
	float:left;
	margin:0 0; /* Beware: Not placing margins on (the left or right side of) a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	padding-left:10px;
	padding-right:5px;
	background:url(../images/footershadowleft.JPG) left top repeat-y;
}

*.footerdiv {
	float:left;
	margin:0 0; /* Beware: Not placing margins on (the left or right side of) a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	padding-left:5px;
	padding-right:5px;
}

#footerdivright {
	float:left;
	margin:0 0; /* Beware: Not placing margins on (the left or right side of) a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */
	padding-left:5px;
	padding-right:10px;
	background:url(../images/footershadowright.JPG) top right repeat-y;
}

#footerhome {
	margin:2px 2px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:120px;
}

#footerdesign {
	margin:2px 2px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:180px;
}

#footerprod {
	margin:2px 2px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:190px;
}

#footermrkt {
	margin:2px 2px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:190px;
}

#footerpubl {
	margin:2px 2px;
	border:0; /* By not having a border AND width, the IE Box Model Problem is bypassed. */
	padding:0 0; /* By not having padding AND width, the IE Box Model Problem is bypassed. */
	width:190px;
}

#footer ul {
	margin:0 0 10px 0;
	border:0;
	padding:0 0;
}

#footer ul li {
	margin:0 0 0 17px;
	list-style-type:disc;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, legal, subfooter, etc. */
	line-height:1.5em;
	font-weight:normal;
	color:#000000;
}

#footer ul li ul {
	margin:0 0;
	border:0;
	padding:0 0;
}

#footer ul li li {
	margin:0 0 0 17px; /* as above */
	list-style-type:circle;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em; /* since #footer ul li is already 0.8em (font-size is evidently inherited, even though my refs say otherwise) */
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	color:#000000;
}

#legalholder {
	margin:0 0 15px 0;
	border:0;
	padding:0 0;
	background:#B3B3B3 url(../images/legalbg.JPG) top left repeat-y; /* 70% bright gray (like 30% satd subsubmenu blue selected) */
}

#legaltext {
	margin:0 0;
	border:0;
	padding:10px 20px 0px 20px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, subfooter, etc. */
	line-height:1.5em;
	color:#000000;
	background:url(../images/legalrightsh.JPG) top right repeat-y;
}

#legalcornerleftbot {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:16px;
	background:url(../images/legalbotleftsh.JPG) top left no-repeat;
}

#legalcornerrightbot {
	float:right;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:16px;
	background:url(../images/legalbotrightsh.JPG) top right no-repeat;
}

#legalcornersbottom { /* See note, above, just before footer elements. */
	margin:0 0 10px 0;
	border:0;
	padding:0 0;
	width:100%;
	height:16px;
	background:url(../images/legalcornersbotsh.JPG) top center no-repeat;
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks (like IE 6-) mode */
}

/* FLOATS */

*.fltrt { 
	float:right;
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:right;
}
*.fltlft { 
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
}

/* Beware: Not placing margins on a floated element bypasses the Double-Margin Float Bug, doubling the margin on the same side of the float, of the first floated element in a row of floats. */

*.fltlftmargined10 { /* for images within maincontent -- not a side-by-side row of floats, as mentioned above */
	float:left;
	margin:0 10px 0 0;
}

*.fltrtmargined10 { /* for images within maincontent -- not a side-by-side row of floats, as mentioned above */
	float:right;
	margin:0 0 0 10px;
}

*.fltlftmargined20 { /* for images without captions -- hence, no width needed to be specified -- within maincontent; however, in those few instances in which a caption needs to be included and the width is not (automatically) 235px, as below, then add style="width:Xpx" in HTML, ex. write3d.html */
	float:left;
	width:auto;
	margin:0 20px 0 0;
}

*.fltlftmargined20captioned { /* for images with captions -- hence, requiring width -- within maincontent */
	float:left;
	margin:0 20px 0 0;
	width:235px;
}

*.fltlftmapmargined20captioned { /* for contact map if described by captions -- hence, requiring width -- within maincontent */
	float:left;
	margin:0 20px 0 0;
	width:400px;
}

*.fltrtmargined20captioned {
	float:right;
	margin:0 0 0 20px;
	width:235px;
}

*.floating-dropcap { /* There is a problem, however, when using this with a dropdown menu above: The drop cap ("D") in the text will lie on top of the dropdown menu. The only way around this would be to position both the navbar and the drop cap text absolutely, within another (relatively) positioned (parent) div, and then give a higher z-index to the navbar dropdown menu (as vs. subsubmenutophead) -- all in all, too restrictive to the overall design. I keep this purely decorative class here for possible future ref. */
	float:left;
	position:relative;
	top:5px;
	margin:0 5px 0 0;
	border:0;
	padding:0 0;
	text-align:right;
	width:30px;
	height:35px;
	line-height:35px;
	font-size:2em;
	font-weight:normal;
	color:#000000;
}

*.floating-dropcap span { /* See note above. */
	position:absolute;
	width:30px;
	height:35px;
	left:2px;
	top:-1px;
	margin:0 0;
	border:0;
	padding:0 0;
	background:url(../images/d30x35.JPG) top left no-repeat;
}

*.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 one or more floats. */
	clear:both;
	display:block;
	margin:0 0;
	border:0;
	padding:0 0;
    height:1px; /* Specifying a height and line-height prevents IE 6 from expanding the height. */
    font-size:1px;
    line-height:1px;
}

/* TEXT (variations in alphabetical order) */

*.text {
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:0.92em; /* At typ. browser's "medium" text size, this is 11pt, like NYTimes.com */
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* Most fonts, and esp. Georgia, look much less crowded at this line-height. */
	color:#000000; /* Dark grays (like 80% for NYTimes.com etc.) are fashionable, supposedly reducing contrast and thus easing eye strain; however, studies have shown black on white is best for reading and/or preferred by most. */
}

*.textattribution { /* to distinguish source of quote from the quote, and to emphasize the source, as in Time magazine (Web sites are much like magazines) */
	margin: 0 0;
	border:0;
	padding:0 0;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	font-weight:normal;
	font-style:italic; /* to emphasize and set apart the source */
	line-height:1.5em;
	color:#000000;
}

*.textblockquote {
	margin:0 40px; /* If this class were used more, I'd probably follow the trend of including background images of oversized quotation marks within the side margins. */
}

*.textblockquoteattribution { /* I need this separate class because a span with a class of "textattribution" WITHIN of blockquote with a class of "text textblockquote" does not (for some reason unbeknownst to me) align to the right, in either IE or Firefox. */
	margin:0 40px;
	font-style:italic;
	text-align:right;
}

*.textbold {
	font-weight:bold; /* can be used on any text */
}

*.textbolditalic {
	font-weight:bold;
	font-style:italic;
}

*.textcaption {
	margin:0.4em 0 0.8em 0; /* looks best */
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, legal, etc. */
	line-height:1.725em; /* 1.725 x .8 = 1.5 x .92 -- preserving "rhythm" of line-heights down the page, for good design (as cited online) */
	font-style:italic;
	color:#000000;
}

*.textcaptiongreen { /* for "Consider the environment" statement, after caption for printing PDFs */
	margin:0.4em 0 0.8em 0; /* looks best */
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, legal, etc. */
	line-height:1.725em; /* 1.725 x .8 = 1.5 x .92 -- as above */
	font-style:italic;
	color:#008000;
}

*.recycle {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:27px;
	height:20px;
	background:url(../images/recycle27x20.JPG) bottom left no-repeat;
}

*.textcenter {
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	line-height:1.5em;
	color:#000000;
}

*.textcentersmall {
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, legal, etc. */
	line-height: 1.725em; /* 1.725 x .8 = 1.5 x .92 */
	color:#000000;
}

*.textitalic {
	font-style:italic;
}

*.textnormalstyle {
	font-style:normal; /* to change back from italic */
}

*.textnormalweight {
	font-weight:normal; /* to change back from bold */
}

*.textred {
	color:#FF0000;
}

*.textright {
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	line-height:1.5em;
	color: #000000;
}

*.textsub { /* Text with a true "sub" tag displays differently in different browsers. Even trying to specify vertical-align and font-size for a "sub" tag will run afoul of the IE "feature" that automatically sizes subscripts to be 75% of whatever is specified -- making them 75% of, say, .75em ( = .50em) while other browsers display the same sub as just .75em. Ref: "Pro CSS and HTML Design Patterns," by Michael Bowers. */
	vertical-align:-0.5em; /* fractional em unsupported for IE Mac 5.2 (This and the next class are the only browser incompatibility issues in this CSS cited by Dreamweaver) */
	font-size:0.75em;
}

*.textsup { /* Text with a true "sup" tag displays differently in different browsers. Even trying to specify vertical-align and font-size for a "sup" tag will run afoul of the IE "feature" that automatically sizes subscripts to be 75% of whatever is specified -- making them 75% of, say, .75em, or .50em, while other browsers display the same sup as just .75em. Ref: "Pro CSS and HTML Design Patterns," by Michael Bowers. */
	vertical-align:0.5em; /* fractional em unsupported for IE Mac 5.2 (This and the next class are the only browser incompatibility issues in this CSS cited by Dreamweaver) */
	font-size:0.75em;
}

*.textmed { /* for label of medium-sized text in text-sizing javascript */
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:1.09em; /* 12pt if text = 11pt, like IE Text Size "Larger" */
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* don't disrupt layout of text */
	color:#000000;
}

*.textlarge { /* for label of large-sized text in text-sizing javascript */
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif; /* very readable, respectable, and appealing, like NYTimes.com */
	font-size:1.27em; /* 14pt if text = 11pt, like IE Text Size "Largest" */
	font-weight:normal;
	font-style:normal;
	line-height:1.5em; /* don't disrupt layout of text */
	color:#000000;
}

/* HEADERS (and associated IDs and classes) */

#h1container {
	margin:0 0 1em 0;
	border:0;
	padding:0 0;
	width:720px;
	height:46px;
}

#h1leftend {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:30px;
	height:46px;
	background:#990000 url(../images/bannerendfoldedleft.JPG) left top no-repeat;
}

#h1rightend {
	float:left;
	margin:0 0;
	border:0;
	padding:0 0;
	width:30px;
	height:46px;
	background:#990000 url(../images/bannerendfoldedright.JPG) left top no-repeat;
}

h1 { /* Main Content Header: Big, Red, and Fancy, to stand out on page */
	float:left;
	margin:0 0;
	border:0;
	padding:1px 0 0 0;
	text-align:left;
	width:660px; /* width of maincontent [720px] minus ( width of h1bannerleftend plus width of h1bannerrightend ) */
	height:45px; /* height of 46px must decrease by padding-top, at least for standards-compliant browsers (IE has Box Model issues, although 1 px padding-top is not significant visually) */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.34em; /* 16pt if text is 11pt */
	line-height:1.5em;
	font-weight:normal;
	color:#FFFFFF;
	background:#990000 url(../images/h1bg46.JPG) left top repeat-x; /* PhShp: Hue 0, Sat 100, Br 60 -- middle of bg grad: Hue 10 Sat 100 Br 80 to Hue 350 Sat 100 Br 40 */
}

#h1404 { /* in customerrors page */
	float:left;
	margin:0 0;
	border:0;
	padding:1px 0 0 8px;
	width:492px; /* width of content404 [500px] minus ( width of h1bannerleftend plus width of h1bannerrightend ) */
	height:45px; /* height of 46px must decrease by padding-top, at least for standards-compliant browsers (IE has Box Model issues, although 1 px padding-top is not a significant issue) */
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.34em; /* 16pt if text is 11pt */
	line-height:1.5em;
	font-weight: normal;
	color:#FFFFFF;
	background:#990000 url(../images/h1bg46.JPG) left top repeat-x; /* PhShp: Hue 0, Sat 100, Br 60 -- middle of bg grad: Hue 10 Sat 100 Br 80 to Hue 350 Sat 100 Br 40 */
}

h2 { /* Main Content Subheader */
	margin:0 0 1em 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.08em; /* 13pt if text (0.92em) is 11pt */
	line-height:1.28em; /* to match line-height of text: 1.08 x 1.28 = 0.92 x 1.5 */
	font-weight:bold;
	color:#000000;
}

h3 { /* For subsubmenu (Navbar is submenu) headers (unselected); see also h3 links and subsubmenutophead (below) as well as h4 (below). */
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.08em; /* 13pt if text (0.92em) is 11pt */
	line-height:1.28em; /* to match line-height of text: 1.08 x 1.28 = 0.92 x 1.5 */
	font-weight:normal;
	color:#FFFFFF;
	z-index:0; /* so slidedown menu doesn't go underneath */
}

*.subsubmenutopselected { /* for major divisions, like market.html or market1.html */
	margin:0 0;
	border:0;
	padding:0 0;
	width:200px;
	height:11px;
	background:#3C3C3C url(../images/subsubmenutopsel.JPG) top center no-repeat; /* Grayscale of subsubmenutopoff, which is (a composite) of top */
	overflow:hidden; /* required to prevent 10px-margin-bottom in Quirks (like IE 6-) mode */
}

h4 { /* Subsubmenuheadselect Header, as for major sections (ex. market.html or market1.html) or for Printer-Friendly menus */
	margin:0 0; /* to match h3 */
	border:0;
	border-bottom:1px solid #151515; /* Grayscale of border-bottom for subsubmenutophead a:link */
	padding:0 10px 10px 10px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.08em; /* 13pt if text (0.92em) is 11pt */
	line-height:1.28em; /* to match line-height of text: 1.08 x 1.28 = 0.92 x 1.5 */
	font-weight:normal;
	color:#FFFFFF;
	background:#3C3C3C url(../images/subsubmenuheadselbg.JPG) top center repeat-y; /* Grayscale of bg for subsubmenutophead a:link */
}

h5 { /* Footer List Header */
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em; /* 7/8 text, same as breadcrumbs, footer, legal, etc. */
	line-height:1.5em;
	font-weight:bold;
	color: #000000;
}

h6 { /* For misc. subheads, as in résumé or Drenkow Media handbook samples */
	margin:0 0;
	border:0;
	padding:0 0;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em; /* like text */
	line-height:1.5em; /* like text */
	font-weight:bold;
}

/* LINKS */

a:link, a:visited { /* Links typ. are specified link and visited before hover and active (Nmemonic device: "Las Vegas Hells Angels"!) */
	text-decoration: none;
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

a:hover, a:focus, a:active  {
	text-decoration: underline;
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

*.subsubmenutophead { /* "Top" refers to top 10px, with rounded corners; "head," the area below, with h3 text (although its bg extends up into the Top, behind the corners, with transparency inside and opaque white outside). */
	position:relative; /* to allow absolute positioning of corners */
	margin:0 0;
	border:0;
	padding: 0 0;
	width:200px; /* to help prevent Expanding Box Problem (See IE CSS) */
	z-index:0; /* This is included just to make sure the navbar (made z-index:100) doesn't go underneath. Although this didn't seem absolutely necessary, it is included just in case something tries to change the stacking order, as IE (even IE 7) sometimes does, notoriously, as with the infamous Z-Index Bug. */
}

*.subsubmenutopleftcorner {
	position:absolute;
	top:0;
	left:0;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:10px;
	background:url(../images/subsubmenutopcornerleft.PNG) top left no-repeat;
}

*.subsubmenutoprightcorner {
	position:absolute;
	top:0;
	right:0;
	margin:0 0;
	border:0;
	padding:0 0;
	width:10px;
	height:10px;
	background:url(../images/subsubmenutopcornerright.PNG) top right no-repeat;
}

h3 a:link, h3 a:visited {
	margin:0 0;
	border:0;
	border-top:1px solid #112A62; /* PhShp: Hue 221, Sat 83, Br 38; avg. of top border off grad. */
	border-bottom:1px solid #0F2763; /* PhShp: Hue 228, Sat 91, Br 24 */
	padding:10px 10px;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	background:#193A7A url(../images/subsubmenuheadoffbg.JPG) top center repeat-y; /* PhShp: Hue 220, Sat 79, Br 48; Gradient: Hue 225 to 215 */
}

h3 a:hover, h3 a:active {
	margin:0 0;
	border:0;
	border-top:1px solid #1A3874; /* PhShp: Hue 220, Sat 78, Br 45; avg. of top border on grad. */
	border-bottom:1px solid #0F2763; /* PhShp: Hue 223, Sat 84, Br 39 */
	padding:10px 10px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	background:#2E5A99 url(../images/subsubmenuheadonbg.JPG) top center repeat-y; /* PhShp: Hue 215, Sat 70, Br 60; Gradient: Hue 220 to 210 */
}

*.subsubmenulist ul { /* Making subsubmenu items lists, like navbar (submenu) items, is better for indexing by search engines and possibly reading by screen readers. */
	margin:0 0;
	border:0;
	padding:0 0;
}

*.subsubmenulist li {
	margin:0 0;
	border:0;
	padding:0 0;
	list-style-type:none;
	text-align:center; /* This typically looks neater, leaving minimal, well-balanced "white" (blue) space on either side of list text (same total space, of course, as if text were left-aligned); although also for neater look, I will align-left those list items with icons (ex. PDF). */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em; /* 100% of text */
	line-height:1.5em;
	color:#000000; /* I had to decide between black and dark blue. Just as there is neutral text (white) on the dark blue bg of the subsubmenuhead as well as on the navbar and navbar li, and as there is a neutral bg (white) for the blue links in the typ. page text, these links should be neutral (black), too, on the light blue bg. Also, this makes the links more legible than if they are some tint, tone, or shade of blue; and it makes the bg look much less blue-green (less popular than blue) than it would if the links were the typ. link color, a much more violet "true" blue. */
}

*.subsubmenulist *.menuleft li { /* For those subsubmenu list items, such as resume versions or printer-friendly items, with icons, which just look neater this way. */
	text-align:left;
}

/* This workaround has been superceded by an IE conditional comment in the head of each Web page, specifying zoom:1; for each of the links within lists, and/or by specifying height:auto, below (Dreamweaver sends me various warnings for browser incompatibilities; and Quirks mode, like IE 6-, shows me various results).
*.subsubmenulist li a {
	display:inline-block;
} /* This value (unsupported in most browsers and, thus, unfortunately invalidating this entire CSS) turns on hasLayout in IE, while the following block rule will override the inline-block rule, for all intents and purposes, without turning off hasLayout -- needed to overcome the Extra Whitespace in List Links Bug, in IE 6. Note that I cannot simply avoid this Bug by specifying a width for the links, below, since padding must be given, which would then run afoul of the IE Box Model problem (as evidenced by running IE 7 in quirks mode); each link would then have to be "double-wrapped" -- with an outer div for width and an inner div for padding -- which would further complicate this already complex coding. */

*.subsubmenulist li a:link, *.subsubmenulist li a:visited {
	margin:0 0;
	border:0;
	border-top:1px solid #E0F3F8; /* PhShp: Hue 190, Sat 9, Br 97 */
	border-bottom:1px solid #72AFD1; /* PhShp: Hue 203, Sat 43, Br 82 */
	padding:5px 10px;
	display:block;
	height:auto; /* gives links hasLayout, in IE, thus preventing (or helping to prevent) Extra Whitespace in List Links Bug, in IE 6 */
	text-decoration:none;
	color:#000000; /* See discussion above. */
	background:#C5E5F0 url(../images/subsubmenuoffbg.JPG) top center repeat-y; /* PhShp: Hue 195, Sat 18, Br 94; Gradient: Hue 200 to 190 */
}

*.subsubmenulist li a:hover, *.subsubmenulist li a:active {
	margin:0 0;
	border:0;
	border-top:1px solid #C5E5F0; /* PhShp: Hue 195, Sat 18, Br 94 */
	border-bottom:1px solid #538BBD; /* PhShp: Hue 208, Sat 56, Br 74 */
	padding:5px 10px;
	display:block;
	height:auto; /* gives links hasLayout, in IE, thus preventing Extra Whitespace in List Links Bug, in IE 6 */
	text-decoration:none; /* Typical treatment, as in Fortune Global Top Ten Corp. sites, is for hover to be underlined; however, this looks better to me: blue(r) bg color, like in navbar. */
	color:#000000; /* See discussion above. */
	background:#92C5DE url(../images/subsubmenuonbg.JPG) top center repeat-y; /* PhShp: Hue 200, Sat 34, Br 87; Gradient: Hue 205 to 195 */
}

*.subsubmenulist li.subsubmenuselected {
	margin:0 0;
	border:0;
	border-top:1px solid #C5E5F0; /* PhShp: Hue 195, Sat 18, Br 94 */
	border-bottom:1px solid #538BBD; /* PhShp: Hue 208, Sat 56, Br 74 */
	padding:5px 10px;
	display:block;
	height:auto; /* gives links hasLayout, in IE, thus preventing Extra Whitespace in List Links Bug, in IE 6 */
	color: #000000; /* See note above. */
	text-decoration:none;
	background:#92C5DE url(../images/subsubmenuselbg.JPG) top center repeat-y; /* like hover */
}

*.subsubmenulist li.subsubmenuconnect { /* Like links unselected */
	margin:0 0;
	border:0;
	border-top:1px solid #E0F3F8; /* PhShp: Hue 190, Sat 9, Br 97 */
	border-bottom:1px solid #72AFD1; /* PhShp: Hue 203, Sat 43, Br 82 */
	padding:5px 10px;
	display:block;
	height:auto; /* gives links hasLayout, in IE, thus preventing (or helping to prevent) Extra Whitespace in List Links Bug, in IE 6 */
	text-decoration:none;
	color:#000000; /* See discussion above. */
	background:#C5E5F0 url(../images/subsubmenuoffbg.JPG) top center repeat-y; /* PhShp: Hue 195, Sat 18, Br 94; Gradient: Hue 200 to 190 */
}

*.infobox a:link, *.infobox a:visited, #footer a:link, #footer a:visited {
	text-decoration:none;
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

*.infobox a:hover, *.infobox a:active, #footer a:hover, #footer a:active {
	text-decoration:underline;
	color:#000099; /* PhSp: Hue 240 (darkest of the blues), Sat 100 (to stand out from text), Br 60 ("inky," as I've found in other excellent sites) */
}

/* removes borders from linked images */
a:link img, a:visited img {
	border:none;
	text-decoration:none;
}

a:hover img, a:active img {
	border:none;
	text-decoration:none;
}

/* MISC. LISTS */

ul { /* Normalizing Lists; browsers vary in how they implement the 40-pixel-standard indent. */
	margin-left:0;
	padding-left:0;
}

ul li {
	margin:1em 0px 0px 17px; /* I prefer no indent on lists, beyond what is required for marker; 17px works with smallest and largest text sizes as well as medium text size, in IE 7. */
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	list-style-type:disc;
}

ul li li {
	margin:1em 0px 0px 17px; /* as above */
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em; /* since ul li is already 0.92em (font-size is evidently inherited, even though my refs say otherwise) */
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	list-style-type:circle;
}

ul.custom {
	padding-left:27px;
	margin-left:0;
}

ul.custom li {
	padding-left:27px;
	margin-left:-27px;
	list-style-type:none;
}

li.pdf { 
	background:url(../images/pdf17x17menutransp.gif) no-repeat 0 0;
}

li.jpeg {
	background:url(../images/jpegicon14x16.png) no-repeat 0 0;
}

li.disc22 {
	background:url(../images/bulletdisc17x17.JPG) no-repeat 0 0;
}

ol { /* Normalizing Lists; browsers vary in how they implement the 40-pixel-standard indent. */
	margin-left:0;
	padding-left:0;
}

ol li {
	margin: 1em 0px 0px 40px; /* Because I rarely if ever use ordered lists, I am leaving the typical 40px margin (or padding) on the left. */
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.92em;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	color:#000000;
}

ol li li {
	margin: 1em 0px 0px 40px; /* as above */
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em; /* since ul li is already 0.92em (font-size is evidently inherited in lists, even though my refs say otherwise) */
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	color:#000000;
}