@charset "UTF-8";

body { min-height: 100%; width: 100%; height: auto; background-color: #660000; background-image: url('../images/Generic/BGgrad.jpg'); background-repeat: repeat-x; margin: 0 0; text-align: center; font-family: Times, serif; font-size: 1em; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #212121; }
a:link {color: #660000;}
a:visited {color: #212121;}
a:active {color: #999;}
a:hover {color: #cc9966;}
a {text-decoration: underline;}

/* Universal Graphic styles */

#BGContainer { margin: 0 auto; width: 846px; text-align: left; }
#BodyTextContainer { position: relative; width: 600px; height: auto; left: 220px; float: left; z-index: 3; }
#BGbodyBlock { position: fixed; width: 846px; height: 10000%; margin-top: 0px; top: -25%; margin-bottom: 0px; margin-left: auto; margin-right: auto; z-index: -4; }
#BGvertStripe { position: relative; width: 3px; height: 100%; top: 0px; float: left; background-color: #660000; margin-left: 10px; margin-right: 10px; }
#BGbodyColor { position: relative; width: 800px; height: 100%; top: 0px; float: left; background-color: #deb891; }
#BGtopRibbon { position: absolute; background-color: #cc9966; width: 100%; height: 110px; top: 85px; left: 0px; right: 0px; z-index: -3; }
#BGinnerRibbon { position: relative; background-color: #660000; width: 100%; height: 90px; top: 10px; bottom: 10px; left: 0px; right: 0px; }
#BGhorizLine1 { position: absolute; background-color: #cc9966; width: 800px; height: 4px; top: 56px; margin-left: 88px; z-index: -2; }
#BGhorizLine2 { position: absolute; background-color: #cc9966; width: 800px; height: 4px; top: 180px; margin-left: 88px; z-index: -2; }
#ContentCentering { margin: 0 auto; width: 976px; text-align: left; }
#ContentContainer { position: absolute; margin-top: 20px; margin-left: 0px; margin-right: 0px; width: 976px; height: auto; padding: 0px; }
#TopNavContainer { position: relative; width: 976px; height: 267px; float: none; z-index: 3; padding: 0px; }
#SideNavContainer { position: relative; width: 200px; height: 267px; float: left; z-index: 7; padding: 0px; }
#HarPlLogoLink { display: block; position: relative; width: 200px; height: 267px; left: 0px; margin-right: 15px; float: none; z-index: 7; background: url('../images/Generic/HarPl_Logo-MouseOver.png') no-repeat 0 0; }
#HarPlLogoLink:hover { background-position: 0 -267px; }
#HarPlLogoLink span { display: none; }
img.SectionImgHeader { position: relative; width: 200px; height: auto; left: 0px; margin-right: 0px; float: none; z-index: 4; }
img.HarPlBanner { position: relative; width: 618px; height: 20px; top: 15px; float: right; margin-right: 143px; z-index: 1; }
img.PagePhoto { position: relative; width: auto; height: auto; float: left; z-index: 10; }
#CopyrightText { position: relative; text-align: center; width: 600px; height: 50px; margin: 0 auto; float: left; z-index: 3; }
p.CopyrightText { position: relative; font-family: arial, sans-serif; font-size: .6em; font-style: italic; color: #b68b60; width: 600px; float: left; z-index: 3; }
#ArrowsContainer { position: relative; text-align: center; width: 600px; height: 62px; margin: 0 auto; float: none; z-index: 3; }
#ArrowPrevious { display: block; position: relative; width: 150px; height: 42px; float: left; margin-right: 150px; margin-top: 20px; background: url('../images/Generic/Button-Previous.png') no-repeat 0 0; z-index: 3; }
#ArrowPrevious:hover { background-position: 0 -42px; }
#ArrowPrevious span { display: none; }
#ArrowNext { display: block; position: relative; width: 150px; height: 42px; float: right; margin-left: 150px; margin-top: 20px; background: url('../images/Generic/Button-Next.png') no-repeat 0 0; z-index: 3; }
#ArrowNext:hover { background-position: 0 -42px; }
#ArrowNext span { display: none; }
#ContactUs { display: block; position: relative; width: 150px; height: 42px; float: left; margin-right: 150px; margin-top: 20px; background: url('../images/Generic/Button-ContactUs.png') no-repeat 0 0; z-index: 3; }
#ContactUs:hover { background-position: 0 -42px; }
#ContactUs span { display: none; }
#CGHsociety { display: block; position: relative; width: 380px; height: 75px; float: left; margin-left: 110px; margin-right: 110px; margin-top: 20px; background: url('../images/Generic/HP-CGH_Link.png') no-repeat 0 0; z-index: 3; }
#CGHsociety:hover { background-position: 0 -75px; }
#CGHsociety span { display: none; }
#ThumbsPositioner { position: absolute; width: 100%; height: 110px; top: 65px; left: 0px; right: 0px; z-index: 6; }
#PhotoThumbsBar { position: relative; width: 700px; height: 74px; top: 18px; bottom: 18px; left: 70px; margin: 0 auto; z-index: 6;}
img.RibbonThumbnail { position: relative; width: 40px; height: 74px; margin: 0px 1px; float: left; border: 0px; z-index: 6;}
img.RibbonThumbnailSelected { position: relative; width: 40px; height: 74px; margin: 0px 1px; float: left; z-index: 6;}
img.PhotosFlourish { position: relative; width: auto; height: 74px; margin: 0px 2px; z-index: 4; float: left; border: 0px; z-index: 6;}


/* Body Text styles */

p.BodyTextCapital { position: relative; text-align: justify; line-height: 1.1em; z-index: 3; }
.BodyTextCapital:first-letter { font-size: 5em; float: left; color: #660000; margin-right: .2em; line-height: 1em; vertical-align: text-top; }
p.BodyText { position: relative; text-align: justify; line-height: 1.1em; z-index: 3; }
img.BodyTextImageRight { position: relative; width: auto; height: auto; float: right; margin: .5em; z-index: 10; }
img.BodyTextImageLeft { position: relative; width: auto; height: auto; float: left; margin: .5em; z-index: 10; }
p.BodyTextCaption { position: relative; text-align: left; font-size: 1em; line-height: 3.1em; left: 10px; top: 10px; z-index: 3; }
.BodyTextCaption:first-letter { font-size: 3em; float: left; color: #660000; line-height: 1em; vertical-align: text-bottom; }
.TinyLink { font-size: x-small; }
p.TableTitleHeader { position: relative; text-align: left; line-height: 3em; margin: 0 auto; font-weight: bold; font-size: 1.8em; font-variant: small-caps; z-index: 3; }
.TableTitleHeader:first-letter { font-size: 3em; font-weight: normal; float: left; color: #660000; vertical-align: text-bottom; }

/* Table styles */

#ThreeColTable { position: relative; width: 600px; height: auto; border: 3px solid #660000;  border-collapse: collapse; z-index: 3; margin-top: 20px; }
#ThreeColTable th { font-size: 1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #fdd8b3; }
#ThreeColTable th { font-size: 1em; font-style: normal; font-weight: normal; padding: 10px; }
#ThreeColTable tr { border: 2px solid #deb891; }
#ThreeColTable span { font-size: 3em; float: left; margin-right: .2em; color: #660000; line-height: 1em; vertical-align: text-top; }
#ThreeColTable b { font-weight: bold; float: left; color: #660000; line-height: 1em; }

/* Home Graphic styles */

#BGhorizLineHome1 { position: relative; background-color: #cc9966; width: 800px; height: 4px; top: 35px; margin-left: 88px; z-index: -2; }
#BGhorizLineHome2 { position: relative; background-color: #cc9966; width: 800px; height: 4px; top: 225px; margin-left: 88px; z-index: -2; }
#HomeBodyTextContainer { position: relative; width: 600px; margin: 0 auto; float: none; z-index: 3; }
img.HomeHarPlLogo { position: relative; width: 200px; height: 267px; left: 0px; margin-right: 15px; float: left; z-index: 4; }
#NavHomeChar { display: block; position: relative; width: 120px; height: 175px; margin-top: 35px; margin-left: 10px; float: left; background: url('../images/Generic/HP-NavHomeCharacter.png') no-repeat 0 0; z-index: 1; }
#NavHomeChar:hover { background-position: 0 -175px; }
#NavHomeChar span { display: none; }
#NavHomeFam { display: block; position: relative; width: 120px; height: 175px; margin-top: 35px; margin-left: 10px; float: left; background: url('../images/Generic/HP-NavHomeFamily.png') no-repeat 0 0; z-index: 1; }
#NavHomeFam:hover { background-position: 0 -175px; }
#NavHomeFam span { display: none; }
#NavHomeArt { display: block; position: relative; width: 120px; height: 175px; margin-top: 35px; margin-left: 10px; float: left; background: url('../images/Generic/HP-NavHomeArtist.png') no-repeat 0 0; z-index: 1; }
#NavHomeArt:hover { background-position: 0 -175px; }
#NavHomeArt span { display: none; }
#NavHomeTrunk { display: block; position: relative; width: 120px; height: 175px; margin-top: 35px; margin-left: 10px; float: left; background: url('../images/Generic/HP-NavHomeTrunk.png') no-repeat 0 0; z-index: 1; }
#NavHomeTrunk:hover { background-position: 0 -175px; }
#NavHomeTrunk span { display: none; }
#NavHomeEph { display: block; position: relative; width: 120px; height: 175px; margin-top: 35px; margin-left: 10px; float: left; background: url('../images/Generic/HP-NavHomeEphemera.png') no-repeat 0 0; z-index: 1; }
#NavHomeEph:hover { background-position: 0 -175px; }
#NavHomeEph span { display: none; }

/* SideNav Graphic styles */

#SideNavArtist { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Artist.png') no-repeat 0 0; z-index: 4; }
#SideNavArtist:hover { background-position: 0 -35px; }
#SideNavArtist span { display: none; }
#SideNavChar { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Char.png') no-repeat 0 0; z-index: 4; }
#SideNavChar:hover { background-position: 0 -35px; }
#SideNavChar span { display: none; }
#SideNavEphem { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Ephem.png') no-repeat 0 0; z-index: 4; }
#SideNavEphem:hover { background-position: 0 -35px; }
#SideNavEphem span { display: none; }
#SideNavFamily { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Family.png') no-repeat 0 0; z-index: 4; }
#SideNavFamily:hover { background-position: 0 -35px; }
#SideNavFamily span { display: none; }
#SideNavTrunk { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Trunk.png') no-repeat 0 0; z-index: 4; }
#SideNavTrunk:hover { background-position: 0 -35px; }
#SideNavTrunk span { display: none; }

#SideNavAudio { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Audio.png') no-repeat 0 0; z-index: 4; }
#SideNavAudio:hover { background-position: 0 -30px; }
#SideNavAudio span { display: none; }
#SideNavCGH { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-CGH.png') no-repeat 0 0; z-index: 4; }
#SideNavCGH:hover { background-position: 0 -30px; }
#SideNavCGH span { display: none; }
#SideNavChico { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Chico.png') no-repeat 0 0; z-index: 4; }
#SideNavChico:hover { background-position: 0 -30px; }
#SideNavChico span { display: none; }
#SideNavDisco { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Discography.png') no-repeat 0 0; z-index: 4; }
#SideNavDisco:hover { background-position: 0 -30px; }
#SideNavDisco span { display: none; }
#SideNavFilm { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Filmography.png') no-repeat 0 0; z-index: 4; }
#SideNavFilm:hover { background-position: 0 -30px; }
#SideNavFilm span { display: none; }
#SideNavGroucho { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Groucho.png') no-repeat 0 0; z-index: 4; }
#SideNavGroucho:hover { background-position: 0 -30px; }
#SideNavGroucho span { display: none; }
#SideNavItems { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Items.png') no-repeat 0 0; z-index: 4; }
#SideNavItems:hover { background-position: 0 -30px; }
#SideNavItems span { display: none; }
#SideNavPhotos { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Photos.png') no-repeat 0 0; z-index: 4; }
#SideNavPhotos:hover { background-position: 0 -30px; }
#SideNavPhotos span { display: none; }
#SideNavPaint { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Paintings.png') no-repeat 0 0; z-index: 4; }
#SideNavPaint:hover { background-position: 0 -30px; }
#SideNavPaint span { display: none; }
#SideNavSoHarpo { display: block; position: relative; width: 200px; height: 35px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-SoHSpeaks.png') no-repeat 0 0; z-index: 4; }
#SideNavSoHarpo:hover { background-position: 0 -35px; }
#SideNavSoHarpo span { display: none; }
#SideNavStory { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Story.png') no-repeat 0 0; z-index: 4; }
#SideNavStory:hover { background-position: 0 -30px; }
#SideNavStory span { display: none; }
#SideNavSusan { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Susan.png') no-repeat 0 0; z-index: 4; }
#SideNavSusan:hover { background-position: 0 -30px; }
#SideNavSusan span { display: none; }
#SideNavVideo { display: block; position: relative; width: 200px; height: 30px; margin-top: 0px; margin-left: 0px; float: none; background: url('../images/Generic/HP-SideNav-Video.png') no-repeat 0 0; z-index: 4; }
#SideNavVideo:hover { background-position: 0 -30px; }
#SideNavVideo span { display: none; }

/* Misc. styles */

 .artworkTombstoneAtSide     .artworkImage {
	; float					: left
	; padding-right			:   20px
	}

 .artworkTombstoneUnderneath .artworkImage {
	}

 .artworkTombstone {
	; line-height			:   200%
	}

 .artworkTombstoneAtSide     .artworkTombstone {
	; padding				:  100px 0 0 0
	}

 .artworkTombstoneUnderneath .artworkTombstone {
	; padding				:   30px 0 0 200px
	}

 .artworkTombstoneAtSide {
	}

 .artworkTombstoneUnderneath {
	}

 .artworkArtist {
	; font-size				:  150%
	}

 .artworkTitle {
	; font-family			: _
							, Helvetica
							, Tahoma
							, Verdana
							, Arial
							, sans-serif
	; font-size				:  175%
	; font-weight			: bold
	}

 .artworkDate {
	; padding-top			:   10px
	; font-size				:  125%
	; font-style			: italic
	}

 .artworkDate::before {
	; content				: ' \a0 \a0 \a0 \a0 \a0 '
	}

 .artworkMedia {
	}

 .artworkMedia::before {
	; content				: ' \a0 \a0 \a0 \a0 \a0 \a0 '
	}

 #CopyrightText p {
	; position				: relative
	; font-family			: _
							, Arial
							, sans-serif
	; font-size				: .6em
	; font-style			: italic
	; color					: #b68b60
	; width					: 600px
	; float					: left
	; z-index				: 3
	}