/* Kathleen Kemly main style sheet */
  /* 
  Lt. green (bkg) - #f8f2a3
  Md. green (link letter imgs) - #AABA71 ?
  Dk. green (active links) - #7a8a43
  Dk. green (far bkgrd) - #3F3D21
  link-hover gold - #ada811
  */
html {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	border: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	/* height: 100%; */
	/* font sizing in ems. If you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #f8f2a3/* #3F3D21 */;
	background-image: none/* url('../el/body-bg-f8f2a3-1030x1.gif') */;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	}
div {
	margin: 0;
	padding: 0;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i*ll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/************** typography ***************************************/

/************ links **************************/
a {
	text-decoration: none;
	font-weight: 400;
	color: #00748b;
	background-color: transparent;
	}
a:link {
	color: #00748b;
	}
a:visited {
	color: #008b88;
	}
a:active {
	color: red;
	}
a:hover {
	color: #0000CC;
	text-decoration: underline;
	}

	
/****************** basic elements *********************************/
h1, h2, h3, h4, h5, h6 {
	position: relative;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}

h1.bioheading {
	position: relative;
	/* left: -160px; */
	color: #623fa3;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	/* padding-right: 200px; */
	font-size: 1.4em;
	}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
	
/* ---- lists ------------------------------------- */
ol, ul {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
ul {/*
	list-style: none;*/
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	text-indent: -1.5em;
	padding-left:1.3em;
	}
ul.top {
	/* list-style-image: url(../pageel/listdot1.gif); */
	list-style-type: none;
	margin-bottom: 1em;
	}
ul.menulist {
	list-style: disc inside;
	}
ul.menulist li {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #48afda;
	}
ul.second {
	/* list-style-image: url(../pageel/listdot2.gif); */
	list-style-type: none;
	}
dl.dict, dt.dict {
	font-family: georgia, times, "times new roman", serif;
	font-size: 1.2em;
	line-height: 1.8em;
	list-style-type: decimal;
	color: #440066;
	background-color: transparent;
	}
dd.dict {
	font-family: georgia, times, "times new roman", serif;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-type: decimal;
	text-indent: -1.5em;
	color: #440066;
	background-color: transparent;
	}
li p {
	margin-top: 0.2em;
	}

p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 1.15em 0em 1.15em 0em;
	}
	
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i*m not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
/***typography classes********************************************************/

/***alignment and indentation, mostly for paragraphs***/
  .ind { text-indent: 1.3em; }
  .noInd { text-indent: 0; }
  .hangInd { text-indent: -1.5em; margin-left: 1.5em; }
  .just { text-align: justify; }
  .ltJust { text-align: left; }
  .rtJust { text-align: right; text-indent: 0; }
  .ctJust { text-align: center; text-indent: 0; }
  .blockIn { margin: 1.2em 2em 1.2em 2em; }
  .notopbottom { margin-top: 0; margin-bottom: 0; }
  .extopbottom { margin-top: 1ex; margin-bottom: 1ex; }
  .notop { margin-top: 0; }
  
  .inset0 { margin: 1ex	auto 2em 0; }
  .inset10px { margin: 1ex	auto 2em 10px; }
  .inset20px { margin: 1ex	auto 2em 20px; }
  .inset30px { margin: 1ex	auto 2em 30px; }
  .inset40px { margin: 1ex	auto 2em 40px; }  
  .inset50px { margin: 1ex	auto 2em 50px; }
  .inset60px { margin: 1ex	auto 2em 60px; }
  .inset70px { margin: 1ex	auto 2em 70px; }
  
  .floatL { float: left; padding: .5em 1em 1ex 0; }
  .floatR { float: right; padding: .5em 0 1ex 1em; }

.quote {
	color: navy;
	background-color: transparent;
	font-style: italic;
	}
.note {	
	color: navy;
	text-indent: 0;
	font-size: .95em;
	line-height: 1.3em;
	margin: 0;
	}
.notei {	
	color: navy;
	text-indent: 0;
	font-size: .95em;
	font-style: italic;
	line-height: 1.3em;
	margin: 0;
	}
.hint {	
	color: #060;
	text-indent: 0;
	font-size: .95em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}
.hinti {	
	color: #060;
	text-indent: 0;
	font-size: .95em;
	font-style: italic;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}
	
/************ layout specs **********************************/

.screenshot {
	border: 1px solid blue;
	padding: 6px;
	background-color: white;
	color: #000;
	margin-bottom: 1ex;
	}

/*** functionality bits *******************************************************/
u {
	text-decoration: none;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.u {
	text-decoration: underline;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.ublue {
	text-decoration: underline;
	color: blue;
	background-color: transparent;
	cursor: pointer;
	}
h5 u, li u {
	font-weight: 400;
	padding-left: 1em;
	text-decoration: none;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.switch {
	vertical-align: -4px;
	cursor: pointer;
	}
.janus {
	unicode-bidi: bidi-override; 
	direction: rtl;
	}
.not {
	display: none;
	}
.showing {
	display: block;
	}
.notshowing {
	display: none;
	}
/* admin link - link to the captions editor window */
#admin-link {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	cursor: crosshair;
	}
/*** structural page elements *************************************************/

#aDiv { /* lowest; page background */
	position: relative;
	/* height: 100%; */
	color: #000;
	background-color: transparent;
	/* background-image: url('../el/bg-1600x175.gif');
	background-repeat: repeat-y;
	background-position: 50% 0%; */
	z-index: 1;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#bDiv { /* for right border */
	position: relative;	
	/* height: 100%; */
	background-color: transparent;
   /* background-image: url('../el/borderArtExample160x400.gif'); 
	background-repeat: repeat-y;
	background-position: 800px 0px; */
	color: #000;
	z-index: 2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#cDiv { /* ? */
	position: relative;
	color: #000;
	/* height: 100%; */
	background-color: transparent;
	/* background-image: url('../el/bg-1600x175.gif');
	background-repeat: repeat-y;
	background-position: 50% 0%; */
	z-index: 3;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#dDiv { /* center-justified page-wide div */
	position: relative;
	color: #00431c;
	/* height: 100%; */
	background-color: transparent; 
	/*background-image: url(../el/creampx.gif);
	background-repeat: repeat;
	background-position: top left; */
	border-width: 0 0 0 0;
	border-style: dashed;
	border-color: red;
	width: 764px;
	margin: 0 auto 0 auto;
	padding: 172px 0px 2em 0px; /* room for header */
	z-index: 4;
	}
body.home #dDiv {	
	padding: 135px 0px 2em 0px; /* room for header */
	}
body.about-section #dDiv {	
	padding: 180px 0px 2em 0px; /* room for header */
	color: #294300;
	}

#maincontent {
	position: relative;
	margin: 0 0 0 auto;
	width: 400px;
	padding:0 0 0 10px;
	/* border: 1px dashed silver; */
	}
body.about-section #maincontent {
	position: relative;
	margin: 0 auto 0 auto;
	width: 680px;
	padding: 0 0 0 0px;
	text-align: justify;
	}
#pageimage {
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 10;
	/* border: 1px dashed pink; */
	}
img.prop {position:relative; height:470px; width:1px;  float:right; z-index:0;}
#maingallerycontent img.prop {position:relative; height:400px; width:1px;  float:right; z-index:0;}
#bottomborder {
	position: relative;
	color: #000;
	background-color: transparent;
	width: 100%;
	height: 44px;
	bottom: 0px;
	background-image: url('../px.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	}
	
/* ---------- header specs ---------------------------------------------- */

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 766px;
	height: 172px;
	/* border: 1px dashed red; */
	margin-left: 0px;
	z-index: 80;
	color: #000;
	background: transparent;
	/* background-image: url(../header/header-bg-test.jpg);
	background-repeat: no-repeat;
	background-position: 42% 0px; */
	}
body.home #header {
	height: 135px;
	}
#logo {
	}
#logo-link {
	overflow: hidden;
	position: absolute;
	z-index: 81;
	left: 208px;
	top: 0px;
	width: 362px;
	height: 115px;	
	}
#logo-link a {
	background: transparent url(../header/kk-362x230.gif) no-repeat 0px 0px;
	position: absolute;
	left: 0px;
	top: 1px;
	z-index: 81;
	}
#logo-link a:hover {
	background-position: 0px -115px;
	}
#mainmenu {
	position: absolute;
	top: 96px;
	left: 0px;
	z-index: 82;
	width: 776px;
	height: 26px;
	color: #000;
	background-color: transparent;
	/* border: 1px dashed red; */
	}
.top-link {
	position: absolute;
	overflow: hidden;
	z-index: 82;
		/* display: none; */
	}
.top-link-a {
	position: absolute;
	z-index: 82;
	}
#home-link {
	overflow: hidden;
	width: 91px;
	height: 24px;
	left: 43px;
	top: -1px;
	}
#home-link a {
	background: transparent url(../header/home-91x72.gif) no-repeat 0px 0px;
	}
body.home #home-link a {
	background: transparent url(../header/home-91x72.gif) no-repeat 0px -24px;
	}
#home-link a:hover {
	background-position: 0px -48px;
	}
body.home #home-link a:hover {
	background-position: 0px -24px;
	cursor: default;
	}
#about-link {
	overflow: hidden;
	width: 120px;
	height: 24px;
	left: 335px;
	top: 0px;
	}
#about-link a {
	background: transparent url(../header/about-88x72.gif) no-repeat 0px 0px;
	}
body.about-section #about-link a {
	background: transparent url(../header/about-88x72.gif) no-repeat 0px -24px;
	}
#about-link a:hover {
	background-position: 0px -48px;
	}
body.about-the-artist #about-link a:hover {
	background-position: 0px -24px;
	cursor: default;
	}
#prints-link {
	overflow: hidden;
	width: 89px;
	height: 24px;
	left: 454px;
	top: -1px;
	}
#prints-link a {
	background: transparent url(../header/prints-89x72.gif) no-repeat 0px 0px;
	}
body.prints #prints-link a {
	background: transparent url(../header/prints-89x72.gif) no-repeat 0px -24px;
	}
#prints-link a:hover {
	background-position: 0px -48px;
	}
body.prints #prints-link a:hover {
	background-position: 0px -24px;
	cursor: default;
	}
#portfolio-link {
	overflow: hidden;
	width: 177px;
	height: 24px;
	left: 159px;
	top: 0px;
	}
#portfolio-link a {
	background: transparent url(../header/portfolio-144x72.gif) no-repeat 0px 0px;
	}
body.portfolio #portfolio-link a {
	background: transparent url(../header/portfolio-144x72.gif) no-repeat 0px -24px;
	}
#portfolio-link a:hover {
	background-position: 0px -48px;
	}
body.portfolio #portfolio-link a:hover {
	background-position: 0px -24px;
	cursor: default;
	}
#contact-link {
	overflow: hidden;
	width: 120px;
	height: 24px;
	left: 591px;
	top: 0px;
	}
#contact-link a {
	background: transparent url(../header/contact-120x72.gif) no-repeat 0px 0px;
	}
body.contact-section #contact-link a {
	background: transparent url(../header/contact-120x72.gif) no-repeat 0px -24px;
	}
#contact-link a:hover {
	background-position: 0px -48px;
	}
body.contact-section #contact-link a:hover {
	background-position: 0px -24px;
	cursor: default;
	}

#header a {
	/* position: absolute;
	top: 0; left: 0; */
	text-decoration: none;
	color: #000;
	/* background: transparent; */
	/* background-image: url(../el/px.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%; */
	/* border:1px solid lime; */
	/* font-size: 40px; */
	}
#header a:link {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:visited {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:active {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:hover {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}

/* --- sub-menu specs -------------------------------------------------- */
div.sub-menu {
	position: absolute;
	left: 0px;
	top: 124px;
	width: 766px;
	height: 48px;
	/* border: 1px dashed red; */
	margin-left: 0px;
	z-index: 80;
	color: #000;
	background: transparent;
	/* background-image: url(../header/header-bg-test.jpg);
	background-repeat: no-repeat;
	background-position: 42% 0px; */
	}
.gallery div.sub-menu,
.about-section div.sub-menu,
.prints div.sub-menu {	
	left: 50%;
	margin-left: -383px; /* negative 1/2 the width */
	}
	/* --- portfolio sub-menu ------------------------------------------ */
#picture-books-link {
	overflow: hidden;
	width: 130px;
	height: 48px;
	left: 56px;
	top: 0px;
	}
#picture-books-link a {
	background: transparent url(../header/picture-books-130x144.gif) no-repeat 0px 0px;
	}
body.picture-books #picture-books-link a {
	background: transparent url(../header/picture-books-130x144.gif) no-repeat 0px -48px;
	}
#picture-books-link a:hover {
	background-position: 0px -96px;
	}
body.picture-books #picture-books-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#chapter-books-link {
	overflow: hidden;
	width: 130px;
	height: 48px;
	left: 223px;
	top: 0px;
	}
#chapter-books-link a {
	background: transparent url(../header/chapter-books-130x144.gif) no-repeat 0px 0px;
	}
body.chapter-books #chapter-books-link a {
	background: transparent url(../header/chapter-books-130x144.gif) no-repeat 0px -48px;
	}
#chapter-books-link a:hover {
	background-position: 0px -96px;
	}
body.chapter-books #chapter-books-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#childrens-market-link {
	overflow: hidden;
	width: 170px;
	height: 48px;
	left: 395px;
	top: 0px;
	}
#childrens-market-link a {
	background: transparent url(../header/childrens-market-170x144.gif) no-repeat 0px 0px;
	}
body.childrens-market #childrens-market-link a {
	background: transparent url(../header/childrens-market-170x144.gif) no-repeat 0px -48px;
	}
#childrens-market-link a:hover {
	background-position: 0px -96px;
	}
body.childrens-market #childrens-market-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#new-work-link {
	overflow: hidden;
	width: 102px;
	height: 48px;
	left: 597px;
	top: 0px;
	}
#new-work-link a {
	background: transparent url(../header/new-work-102x144.gif) no-repeat 0px 0px;
	}
body.new-work #new-work-link a {
	background: transparent url(../header/new-work-102x144.gif) no-repeat 0px -48px;
	}
#new-work-link a:hover {
	background-position: 0px -96px;
	}
body.new-work #new-work-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}


	/* --- about sub-menu ------------------------------------------ */
#about-the-artist-link {
	overflow: hidden;
	width: 158px;
	height: 48px;
	left: 56px;
	top: 0px;
	}
#about-the-artist-link a {
	background: transparent url(../header/about-the-artist-158x144.gif) no-repeat 0px 0px;
	}
body.about-the-artist #about-the-artist-link a {
	background: transparent url(../header/about-the-artist-158x144.gif) no-repeat 0px -48px;
	}
#about-the-artist-link a:hover {
	background-position: 0px -96px;
	}
body.about-the-artist #about-the-artist-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#publications-link {
	overflow: hidden;
	width: 130px;
	height: 48px;
	left: 240px;
	top: 0px;
	}
#publications-link a {
	background: transparent url(../header/publications-130x144.gif) no-repeat 0px 0px;
	}
body.publications #publications-link a {
	background: transparent url(../header/publications-130x144.gif) no-repeat 0px -48px;
	}
#publications-link a:hover {
	background-position: 0px -96px;
	}
body.publications #publications-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#school-visits-link {
	overflow: hidden;
	width: 118px;
	height: 48px;
	left: 394px;
	top: 0px;
	}
#school-visits-link a {
	background: transparent url(../header/school-visits-118x144.gif) no-repeat 0px 0px;
	}
body.school-visits #school-visits-link a {
	background: transparent url(../header/school-visits-118x144.gif) no-repeat 0px -48px;
	}
#school-visits-link a:hover {
	background-position: 0px -96px;
	}
body.school-visits #school-visits-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
#tear-sheet-pdf-link {
	overflow: hidden;
	width: 168px;
	height: 48px;
	left: 530px;
	top: 0px;
	}
#tear-sheet-pdf-link a {
	background: transparent url(../header/tear-sheet-pdf-168x144.gif) no-repeat 0px 0px;
	}
body.tear-sheet-pdf #tear-sheet-pdf-link a {
	background: transparent url(../header/tear-sheet-pdf-168x144.gif) no-repeat 0px -48px;
	}
#tear-sheet-pdf-link a:hover {
	background-position: 0px -96px;
	}
body.tear-sheet-pdf #tear-sheet-pdf-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}


	/* --- prints sub-menu ------------------------------------------ */
#printshop-link {
	overflow: hidden;
	width: 115px;
	height: 48px;
	left: 320px;
	top: 0px;
	}
#printshop-link a {
	background: transparent url(../header/print-shop115x144.gif) no-repeat 0px 0px;
	}
body.prints #printshop-link a {
	background: transparent url(../header/print-shop115x144.gif) no-repeat 0px -48px;
	}
#printshop-link a:hover {
	background-position: 0px -96px;
	}
body.prints #printshop-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}

/* --- reachus sub-menu ------------------------------------------ */
#reachus-link {
	overflow: hidden;
	width: 176px;
	height: 48px;
	left: 247px;
	top: 0px;
	}
#reachus-link a {
	background: transparent url(../header/contact-kathleen-176x144.gif) no-repeat 0px 0px;
	}
body.reach-us #reachus-link a {
	background: transparent url(../header/contact-kathleen-176x144.gif) no-repeat 0px -48px;
	}
#reachus-link a:hover {
	background-position: 0px -96px;
	}
body.reach-us #reachus-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}
	
#links-link {
	overflow: hidden;
	width: 60px;
	height: 48px;
	left: 462px;
	top: 0px;
	}
#links-link a {
	background: transparent url(../header/links-60x144.gif) no-repeat 0px 0px;
	}
body.links #links-link a {
	background: transparent url(../header/links-60x144.gif) no-repeat 0px -48px;
	}
#links-link a:hover {
	background-position: 0px -96px;
	}
body.links #links-link a:hover {
	background-position: 0px -48px;
	cursor: default;
	}

/* --- footer styles --------------------------------------------------- */

#footer {
	/* display: none; */
	position: relative;
	color: #aaba71;
	background-color: transparent;
	background-image: url(../px.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	z-index: 102;
	/* left: 50%;
	top: 100%; */
	width: 760px;
	margin: 0 auto 0 auto/* -380px */;
	padding: 3em 0 1em 0;
	text-align: center;
	border: 0px solid #D9E9EF;
	}
#footer p {
	font-size: .85em;
	line-height: 1em;
	margin: 1ex 0em .8em 0em;
	text-indent: 0em;
	text-align: center;
	}
#websiteby {
	padding-bottom: 4px;
	line-height: 1.2em;
	}
#websiteby span {
	padding-bottom: 1px;
	}
#websiteby a {
	color: #707C01;
	text-decoration: none;
	}
#websiteby a:hover {
	word-spacing: normal;
	color: #ff4b4b;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	display: inline-block;
	overflow: visible;
	}
#websiteby a span {
	display: inline-block;
	cursor: pointer;	
	}
#websiteby span {
	display: inline-block;
	}
#websiteby span.by {
	border-bottom: 1px solid #f8f2a3;
	display: inline;
	}
#websiteby a span.www {
	border-bottom: 1px solid #f8f2a3;
	display: none;
	}
#websiteby a span.anchortext {
	border-bottom: 1px solid #f8f2a3;
	display: inline;
	}
#websiteby a span.design {
	border-bottom: 1px solid #f8f2a3;
	display: inline;
	}
#websiteby a span.newwindow {
	border-bottom: 1px solid #f8f2a3;
	padding-left: .5em;
	visibility: hidden;
	}
#websiteby a:hover span.www {
	display: inline;
	border-bottom: 1px solid #ffa5a5;
	}
#websiteby a:hover span.anchortext {
	display: inline;
	border-bottom: 1px solid #ffa5a5;
	word-spacing: -.4em;
	/* text-transform: lowercase; */
	}
#websiteby a:hover span.design {
	display: none;
	}
#websiteby a:hover span.newwindow {
	text-decoration: none;
	border-bottom: 0px solid #f8f2a3;
	padding-left: .7em;
	visibility: visible;
	}
#footmenu {
	position: relative;
	padding: 1ex 0 1ex 0;
	z-index: 99;
	border: 0px dashed red;
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!temp!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
	display: none;
	}
#footmenu span {
	border-left: 1px solid #C9DCE3;
	padding-left: .8ex;
	z-index: 99;
	}
#footmenu a {
	border-right: 1px solid #C9DCE3;
	padding: 0 1ex 0 .5ex;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	background-color: transparent;
	z-index: 99;
	}
#footmenu a:link {
	color: #2238b2;
	background-color: transparent;
	}
#footmenu a:visited {
	color: #877fc8;
	background-color: transparent;
	}
#footmenu a:active {
	color: #822626;
	background-color: transparent;
	}
#footmenu a:hover {
	color: green;
	background-color: transparent;
	text-decoration: underline;
	}
#w3chtml {
	/* position: absolute;
	border-width: 0px;
	left: 0px;
	bottom: 0px; */
	position: relative;
	float: left;
	}
#w3chtml a { border-width: 0px; }
#w3ccss {
	/* position: absolute;
	border-width: 0px;
	right: 0px;
	bottom: 0px; */
	position: relative;
	float: right;
	}
#w3ccss a { border-width: 0px; }

/* --- page detail stuff -------------------------------------------------- */
/* ------------------------------------------------------------------------ */

/* --- index page styles -------------------------------------- */

#home-mainimage {
	z-index: 85;
	}
	
/* --- about the artist page styles -------------------------------------- */
/* IE6 correction: */
* html body.about-the-artist img#portrait {
	padding: 1.8em 1em 1ex 0;
	}

body.about-the-artist p {
	margin: 1.2em 0;
	}
	
/* --- school visits page styles -------------------------------------- */
body.school-visits #maincontent {
	position: relative;
	margin: 16px 0 0 auto;
	width: 410px;
	padding: 0 0 0 0px;
	text-align: justify;
	}
.school-visits h1, .school-visits h2 {
	color: #ada811;
	}
#school-poster {
	position: absolute;
	left: 10px;
	top: 247px;
	}
#kid-art-2 {
	position: absolute;
	left: 10px;
	top: 660px;
	}
#kally-note {
	position: absolute;
	left: 10px;
	top: 240px;
	}
#melody-note {
	position: absolute;
	left: 10px;
	top: 680px;
	}
#dmara-note {
	position: absolute;
	left: 10px;
	top: 1020px;
	}
h4 {
	color: #7a8a43;
	}
 
/* --- contact (reachus) page styles --------------------------------- */
.reach-us #maincontent {
	height: 512px;
	width: 764px;
	padding: 10px 0 0 0;
	margin: 0;
	background: transparent url(../art/hilltop-oval-408x511.jpg) no-repeat 50% 50%;
	position: relative;
	}
.reachus p {
	font-size: 1.1em;
	font-weight: 600;
	color: #00431C;
	text-align: center;
	}
#thanks {	
	font-style: italic;
	font-size: 1.1em;
	font-weight: 600;
	color: #00431C;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	}
#triggerline {
	font-style: normal;
	line-height: 1.6em;
	height: 30px;	
	position: relative;
	top: /* 395px */425px;
	text-align: center;
	margin-top: 0px;
	/* height: 70px;
	padding: 35px 0 0 0;
	border: 0px dashed red;
	margin: 1.5em auto;
	width: 300px; */
	}
#triggerline .u {
	color: #005193;
	cursor: pointer;
	font-family: arial, 'trebuchet ms', sans-serif;
	font-size: 1.1em;
	text-decoration: underline;
	}
#triggerline span {
	height:100%;
	}
span#addresstrigger {
	display: inline;
	}
#addaddress a {
	font-weight: 700;
	font-family: 'trebuchet ms', arial, verdana, sans-serif;
	text-decoration: underline;
	}
#addaddress a:active {
	color: #00748B;
	}
#spelledout {
	font-family: 'trebuchet ms', arial, verdana, sans-serif;
	font-size: .9em;
	color: #57671d;
	}

/* --- for gallery pages, see separate style sheet ---------------------- */

/* --- books page list stuff -------------------------------------------- */
body.publications #maincontent {
	width: 760px;
	}
.publications h2, .publications h3 { color: #7a8a43; }
.publications h2 { margin: .8em 0 .9em 0; }
.publications h3 { margin: 2em 0 1em 0; }
.publications li { 
	list-style-type: none; 
	font-size: 1.25em;
	font-style: italic;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, sans-serif;
	color: #294300;
	}
div.bookcovers { text-align: center; margin: 0 auto 2em auto; }
dl.books { 
	margin: 0.3ex auto 0.3ex 0;
	position: relative;
	text-align: left;
	width: 600px;
	z-index: 5;
	}
dl.books-right { 
	text-align: right; 
	margin: 0.3ex 10px 0.3ex auto;
	}
.books dt { 
	font-style: italic;
	font-size: 1.3em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #294300;
	text-decoration: none;
	margin-top: .3em;
	margin-bottom: .2em;
	width: 25em;
	position: relative;
	z-index: 5;
	border-bottom: 1px solid #ada811;
	}
.books dt span { 
	padding-right: 0em;
	}
.books-right dt {
	text-align: left;
	margin-right: 0;
	margin-left: auto;
	}
.books dd {
	font-style: normal;
	font-size: 1.1em;
	font-weight: 400;
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	margin-bottom: .7ex;
	line-height: 1.3em;
	position: relative;
	z-index: 5;
	}
.books dd.noInd {
	text-indent: 0em;
	margin-left: 1em;
	margin-right: 0em;
	}
.books span.bookin {	
	text-indent: -2em;
	margin-left: 2em;
	margin-right: 2em;
	}
dl.books dd a:link {
	color: #3b7f8a;
	text-decoration: none;
	}
dl.books dd a:visited {
	color: #579b9e;
	text-decoration: none;
	}
dl.books dd a:hover {
	color: #434cd9;
	text-decoration: underline;
	}
dl.books dd a:active {
	color: #C00;
	text-decoration: none;
	}
dl.books dd a span {
	color: #323232;
	font-style: italic;
	}
dl.books dd a:hover span {
	text-decoration: none;
	}
dl.books em {
	font-weight: bold;
	color: #623FA3;
	}
span.series {	
	color: #7a8a43;
	}
.bookcovers img {
	padding: 1em 6px 2em 6px;
	}

/* --- prints page styling ----------------------------------------------- */
.prints #caption {
	margin-bottom: 1em;
	}
div.prints-info {
	text-align: center;
	} 	
	
/* --- links page styles --------------------------------------------- */
.links #maincontent {
	margin: 0 auto 0 auto;
	padding: 0 0 0 10px;
	position: relative;
	width: 680px;
	}
h1.linksheading {
	background-color: transparent;
	color: #00431C;
	font-family: 'trebuchet ms', verdana, sans-serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: 700;
	margin: 1ex 0;
	position: relative;
	text-align: center;
	}

/* --- links page list stuff --------------------------------------------- */
dl.links { position: relative; z-index: 5; }
.links dt { 
	font-style: italic;
	font-size: 1.3em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #294300;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: .3em;
	border-bottom: 1px solid #ADA811;
	width: 400px;
	position: relative;
	z-index: 5;
	}
.links dd {
	font-style: normal;
	font-size: 1.15em;
	font-weight: 400;
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	line-height: 1.3em;
	position: relative;
	z-index: 5;
	}
dl.links dd a:link {
	color: #029b6d;
	text-decoration: none;
	}
dl.links dd a:visited {
	color: #437f6d;
	text-decoration: none;
	}
dl.links dd a:hover {
	color: #089300;
	text-decoration: underline;
	}
dl.links dd a:active {
	color: #C00;
	text-decoration: none;
	}
dl.links dd a span {
	color: #00431C;
	font-style: italic;
	}
dl.links dd a:hover span {
	text-decoration: none;
	}
	
/* --- clearfix --- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */