/* CPN main style sheet */
  /* 
  Lt. purple - #877fc8
  Dk purple - #623fa3
  Lt. blue - #434cd9
  Dk blue - #2238b2
  Lt. turq. - #48afda
  Dk turq - #167ea5
  */
html {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	border: 0px;
	font-family: "trebuchet ms", 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: #003300;
	background-color: #CBCBE5;
	background-image: url(../el/bg-slice.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: #0000CC;
	background-color: transparent;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
	a.underline, a.underline:link, a.underline:active, a.underline:visited {
		text-decoration: underline;
		}
		a.underline:hover { text-decoration: none; }
.screenshot {
	border: 1px solid blue;
	padding: 6px;
	background-color: white;
	color: #000;
	}

.gallerysubmenu {
	position: relative;
	text-align: left;
	text-indent: 0;
	padding: 0 2em 0 0;
	margin: 0 auto 0 0;
	color: #C9DCE3;
	}
.printsgallerysubmenu {
	position: relative;
	text-align: left;
	text-indent: 0;
	padding: 0 2em 0 0;
	margin: 1ex auto 0 0;
	color: #C9DCE3;
	}
.gallerybreadcrumbs {
	position: relative;
	font-size: .95em;
	text-align: left;
	text-indent: 0;
	padding: 8px 0 0 2em;
	margin: 0 0 0 auto;
	color: gray;
	}
.licensing-collections {
	text-align: center;
	margin: 1ex 8em 1ex 0;
	}
h2.submenu {
	display: inline;
	color: navy;
	font-style: italic;
	font-size: 1.1em;
	font-weight: 600;
	margin: 12px 0 10px 0;
	}
h2.licensing-submenu {
	display: block;
	color: navy;
	font-style: italic;
	font-size: 1.1em;
	font-weight: 600;
	margin: 6px 0 10px 0;
	}
.gallerysubmenu a, .printsgallerysubmenu a, .gallerybreadcrumbs a {
	color: #2238b2;
	padding: 0 1ex 0 1ex;
	}
.gallerysubmenu a:link,  .printsgallerysubmenu a:link, .gallerybreadcrumbs a:link {
	color: #2238b2;
	}	
.gallerysubmenu a:visited,  .printsgallerysubmenu a:visited, .gallerybreadcrumbs a:visited {
	color: #877fc8;
	}		
.gallerysubmenu a:hover,  .printsgallerysubmenu a:hover, .gallerybreadcrumbs a:hover {
	color: green;
	}
.gallerysubmenu a:active,  .printsgallerysubmenu a:active, .gallerybreadcrumbs a:active {
	color: #822626;
	}
	
/****************** basic elements *********************************/
h1, h2, h3, h4, h5, h6 {
	position: relative;
	}
h1 {
	font-size: 2.3em;
	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.galleryheading {
	color: #434cd9;
	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;
	}
h1.storeheading {
	color: #434cd9;
	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;
	}
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;
	}
h1.licensingheading {
	color: #2238b2;
	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;
	}
h1.portfolioheading {
	color: #167ea5;
	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;
	}
h1.contactheading {
	color: #48afda;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	font-size: 1.4em;
	}
h2 {
	font-size: 1.7em;
	margin: 0em 0em 0em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 0em 0em 0em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	}
/* h */.subhead {	
	margin: .6em 0em 0em 0em;
	}
img {
	border: 0;
	}
	
/* ---- lists ------------------------------------- */
ol, ul {/*
	list-style: none;*/
	font-size: 1.1em;
	line-height: 1.8em;
	margin-top: 0.7em;
	margin-bottom: 0.9em; 
	}
ul {/*
	list-style: none;*/
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 0.7em;
	margin-bottom: 0.9em; 
	padding-left: 0px;
	}
	li ul {
		list-style-type: circle;
		font-size: 1.0em;
		padding-left: 0px;
		}
	li ul li {
		font-size: 1.0em;
		}
li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	text-indent: -25px;
	padding-left: 35px;
	}
li.first {
	margin-top: .7em;
	}
li.last {
	margin-bottom: .9em;
	}
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 {
	font-size: 1.1em;
	line-height: 1.8em;
	list-style-type: none;
	}
dt {
	font-size: .8em;
	text-transform: uppercase;
	color: gray;
	line-height: 1.8em;
	list-style-type: none;
	}
dd {
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-type: none;
	margin: 0 0 .6em 3.5em;
	text-indent: -1.5em;
	}
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.2em;
	margin: .7em 0em .9em 0em;
	padding: 0 0 0 20px;
	/* text-indent: 1.3em; */
	/* text-align: justify; */
	}
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;
	}
	
/* tables */
table {
	font-size: 1.1em;
	border-collapse: separate;
	border-spacing: 2px;
	display: table;
	}
tbody {
	background-color: #9ace77;
	display: table-row-group;
	vertical-align: middle;
	}
tr.odd {
	background-color: #ebfce2;
	}
tr.even {
	background-color: #e8fcfd;
	}
td {
	padding: 1ex;
	}
	
/***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; }

.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;
	}
.callout-right {
	float: right;
	margin: 30px 0 24px 30px;
	font-size: 1.5em;
	font-family: 'arial black', arial, helvetica, verdana, san-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #4a76b3;
	width: 300px;
	}
/************ layout specs **********************************/
#headingpic {
	 padding: 20px 0 0 50px;
	}
.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;
	}
/*** 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/sky-bg-960x531.jpg);
	background-repeat: no-repeat;
	background-position: 50% 194px;
	z-index: 3;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	}
#dDiv { /* left-justified page-wide div */
	position: relative;
	color: #000;
	/* height: 100%; */
	background-color: transparent; 
	background-image: url(../el/frond.gif);
	background-repeat: no-repeat;
	background-position: 100% 161px;
	border-width: 0 0 0 0;
	border-style: dashed;
	border-color: red;
	width: 960px;
	margin: 0 auto 0 auto;
	padding-top: 194px; /* room for header */
	padding-right: 0px;
	padding-bottom: 2em;
	padding-left: 0px;
	z-index: 4;
	}
	
#maincontent {
	position: relative;
	margin: 0 auto 0 0;
	width: 650px;
	padding: 10px 0 0 25px;
	/* border: 1px dashed silver; */
	}
#pageimage {
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 10;
	/* border: 1px dashed pink; */
	}
/* sidebar */
#sidebar {
	position: absolute;
	top: 556px;
	left: 704px;
	/* height: 105px; */
	width: 235px;
	text-align: center;
	background: transparent url(../el/sidebar-top.gif) no-repeat 0px 0px;
	padding: 25px 0 0 0; /* room for background image */
	z-index: 1;	
	}
body.home #sidebar {
	top: 540px;	
	}
#sidebar-inner {	
	position: relative;
	width: 235px;
	/* min-height: 105px; */
	background: transparent url(../el/sidebar-bottom.gif) no-repeat 0px bottom;
	padding: 0 0 13px 0;
	}
div.sidebar-link-div {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-top.gif) no-repeat 50% 0px;
	padding: 13px 0 0 0; /* room for background image */
	margin-bottom: 15px;
	}
div.sidebar-link-div-inner {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-bottom.gif) no-repeat 50% bottom;
	padding: 3px 0 18px 0; /* room for background image */
	}
div.sidebar-link-div-red {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-red-top.gif) no-repeat 50% 0px;
	padding: 13px 0 0 0; /* room for background image */
	margin-bottom: 15px;
	}
div.sidebar-link-div-red-inner {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-red-bottom.gif) no-repeat 50% bottom;
	padding: 3px 0 18px 0; /* room for background image */
	}
div.sidebar-link-div-ylw {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-ylw-top.gif) no-repeat 50% 0px;
	padding: 13px 0 0 0; /* room for background image */
	margin-bottom: 15px;
	}
div.sidebar-link-div-ylw-inner {
	position: relative;
	width: 235px;
	background: transparent url(../el/sidebar-link-div-ylw-bottom.gif) no-repeat 50% bottom;
	padding: 5px 0 18px 0; /* room for background image */
	}
/* sidebar-box, default pages */
#sidebar-box {
	position: absolute;
	top: 556px;
	left: 704px;
	height: 105px;
	width: 235px;
	text-align: center;
	background: transparent url(../el/greenbox-235x105.gif) no-repeat 0px 0px;
	z-index: 1;
	}
#box-one-link-div {
	width: 164px;
	height: 24px;
	position: absolute;
	left: 34px;
	top: 38px;
	}
a.box-one-link, a.box-one-link:link, a.box-one-link:visited {
	color: #4A76B8;
	font-size: 15px;
	font-weight: 700;
	}
a.box-one-link:active, a.box-one-link:hover {
	color: green;
	}
#box-two-link-div {
	width: 164px;
	height: 49px;
	position: absolute;
	left: 34px;
	top: 86px;
	padding-top: 3px;
	}
a.box-two-link, a.box-two-link:link {
	color: #4A76B8;
	font-size: 15px;
	font-weight: 700;
	}
a.box-two-link:visited {
	color: #6a6eb3;
	}
a.box-two-link:active, a.box-two-link:hover {
	color: green;
	}
	
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;
	}
/* ---------- menu styling ---------------------------------------------- */
#navbar {
	position: absolute;
	left: 50%;
	top: 161px;
	width: 960px;
	margin-left: -480px;
	background-color: #036735;
	padding: 1px 0px 2px 0px;
	}
#navbar-inner {
	position: relative;
	height: 20px; /* plus 10 of padding */
	width: 960px;
	background: transparent url(../el/navbar-bg.jpg) 0px 0px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	}
.w-section-menu #navbar {
	height: 60px;
	}
.w-sub-menu #navbar {
	height: 90px;
	}
.menu {
	text-align: center;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1em;
	height: 1em;
	overflow: hidden;
	}
.menu a {	
	text-align: center;
	line-height: 1em;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	padding: 0 .5em;
	border-right: 2px solid #FFE3E9;
	}
.menu a.last {	
	border-right: 0px solid #fff;
	}
.menu a,
.menu a:link,
.menu a:active,
.menu a:visited {	
	color: #fff;
	text-decoration: none;
	}
.menu a:hover {	
	color: #8cc54f;
	}
.sub-menu {
	margin-top: 6px;
	}

/* ---------- header specs ---------------------------------------------- */

#header {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 960px;
	height: 161px;
	/* border: 1px dashed red; */
	margin-left: -480px;
	z-index: 80;
	color: #000;
	background: transparent;
	background-image: url(../el/header-bg-960x161.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
#home-link {
	position: absolute;
	left: 20px;
	top: 54px;
	}
#logo-link {
	position: absolute;
	left: 850px;
	top: 68px;
	}
/* --- footer styles --------------------------------------------------- */

#footer {
	/* display: none; */
	position: relative;
	color: gray;
	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: .9em;
	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 {
	text-decoration: none;
	}
#websiteby a:hover {
	word-spacing: normal;
	color: #ff4b4b;
	text-decoration: none;
	border-bottom: 1px solid #CFF2FF;
	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 #CFF2FF;
	display: inline;
	}
#websiteby a span.www {
	border-bottom: 1px solid #CFF2FF;
	display: none;
	}
#websiteby a span.anchortext {
	border-bottom: 1px solid #CFF2FF;
	display: inline;
	}
#websiteby a span.design {
	border-bottom: 1px solid #CFF2FF;
	display: inline;
	}
#websiteby a span.newwindow {
	border-bottom: 1px solid #CFF2FF;
	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 #CFF2FF;
	padding-left: .7em;
	visibility: visible;
	}
#footmenu {
	position: relative;
	padding: 1ex 0 1ex 0;
	z-index: 99;
	border: 0px dashed red;
	}
#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 -------------------------------------------------- */
/* --- multi-page ---- */
img.intext-left {
	float: left;
	border: 1px solid green;
	margin: 14px 10px 4px 20px;
	}
img.intext-right {
	float: right;
	border: 1px solid green;
	margin: 14px 20px 4px 20px;
	}
/* ------------------------------------------------------------------------ */

/* --- index page styles -------------------------------------- */
.home #dDiv {
	/* background-image: url(../el/home-frond.gif); */
	background-image: url(../el/frond.gif);
	/* background-position: 673px 181px; */
	background-position: 674px 145px;
	}
.home #maincontent {
	/* display: inline-block;
	_display: inline; */
	float: left;
	margin: 0 0 0 0;
	z-index: 2;
	}
.home h1 {
	font-size: 1.9em;
	margin: 0.5em 0;
	text-align: center;
	font-style: italic;
	}
.home #map-container {
	position: relative;
	height: 449px;
	margin:22px 0 0;
	}
.home #map img {
	position: absolute;
	left: 140px;
	top: 0px;
	}
	
	
	
#map-div {
	position: absolute;
	left: 22px/* 140px */;
	top: 0px;
	/* position: relative;
	margin: 0 0 0 80px; */
	}
#map-div p {
	padding: 0 0 0 144px;
	}
#arnolfini {
	z-index: -1; 
	cursor: wait;
	}
#arnofinistandardimage {
	position:absolute; 
	left:0; 
	top:0; 
	width:600px; 
	height:449px; 
	background: transparent url(../js/loupe/images/map/old-map-600x449.jpg) no-repeat; 
	/* background:url(px.gif) no-repeat transparent; */
	}
#mirrordetail {
	position:absolute; 
	z-index: 20;  
	cursor: pointer; 
	left:-67px; 
	top:0; 
	width:500px; 
	height:502px; 
	background:url(../art/arnolfinimirror498x500.jpg) no-repeat 50% 50% #F7F9FA; 
	border: 1px solid silver;
	}
#starter /* loupe initiator */ {
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	z-index:102; 
	background-color: transparent; 
	}
#arnolfini_Loupe {
	z-index: 2;
	}

/* home sidebar-box */
body.home #sidebar {
	position: relative;
	/* display: inline-block;
	_display: inline; */
	float: left;
	left: 29px;
	top: 344px;
	/* margin-left: 25px; */
	}
body.home #sidebar-box {
	position: absolute;
	top: 532px;
	left: 703px;
	height: 170px;
	width: 235px;
	text-align: center;
	background: transparent none/* url(../el/greenbox-home-235x170.jpg) */ no-repeat 0px 0px;
	z-index: 1;
	}
body.home #box-one-link-div {
	width: 164px;
	height: 24px;
	position: absolute;
	left: 34px;
	top: 38px;
	}
a.box-one-link, a.box-one-link:link, a.box-one-link:visited {
	color: #4A76B8;
	font-size: 15px;
	font-weight: 700;
	}
a.box-one-link:active, a.box-one-link:hover {
	color: green;
	}
body.home #box-two-link-div {
	width: 180px;
	height: 49px;
	position: absolute;
	left: 25px;
	top: 86px;
	padding-top: 3px;
	}
a.box-two-link, a.box-two-link:link {
	color: #4A76B8;
	font-size: 15px;
	font-weight: 700;
	}
a.box-two-link:visited {
	color: #6a6eb3;
	}
a.box-two-link:active, a.box-two-link:hover {
	color: green;
	}

/* --- people page styles -------------------------------------------- */
.name-list {
	font-size: 1.2em;
	line-height: 1.4em;
	float: left;
	font-weight: 700;
	}
.name-list-left {
	padding-left: 116px;
	}
.name-list-right {
	padding-left: 65px;
	}
.name-list a {
	font-weight: 700;
	color: #000099;
	}
.people div.personnel-div {
	/* margin: 1.2em 0; */
	clear: left;
	}
.people h2.people {
	font-size: 1.4em;	
	}
div.personnel-div img {
	float: left;
	border: 1px solid green;
	margin: 14px 10px 4px 20px;
	}
.people h2 {
	width: 500px;
	margin-right: auto;
	margin-left: 0;
	}
.people .top {
	float: right;
	display: block;
	font-weight: 700;
	}
.people .top a {
	color: #3865a6;
	font-weight: 700;
	font-size: .9em;
	}

/* --- contact (reachus) page styles --------------------------------- */
.reachus p {
	font-size:1.2em;
	font-weight: 600;
	color: #623fa3;
	text-align: center;
	}
#thanks {	
	font-style: italic;
	}
#triggerline {
	font-style: normal;
	line-height: 1.6em;
	height: 30px;
	
	}
#triggerline span {
	height:100%;
	}

/* --- mapping-study page styles --------------------------------- */
/* --- meeting page styles --------------------------------- */
body.mapping-study a.projects, body.meeting a.projects {
	color: #FFE16C !important;
	cursor: pointer !important;
	}
body.mapping-study a.projects:hover, body.meeting a.projects:hover {
	color: #8CC54F !important;
	cursor: pointer !important;
	}
body.mapping-study h4 {
	margin-top: 1.2em;
	}
body.mapping-study a.report, body.mapping-study a.report:link, body.mapping-study a.report:active, body.mapping-study a.report:visited {
	font-size: 1.1em;
	font-weight: 700;
	text-decoration: underline;
	}
	body.mapping-study a.report:hover {
	text-decoration: none;
	}

/* --- info page styles ------------------------------------------------- */
#info-div {
	margin-left: 240px;
	}
#pineapple-div {
	position: absolute;
	left: 15px;
	top: 70px;
	}
/* --- for gallery pages, see separate style sheet ---------------------- */

/* --- books page list stuff -------------------------------------------- */
dl.books { position: relative; z-index: 5; }
.books dt { 
	font-style: italic;
	font-size: 1.3em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #167ea5;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: .2em;
	border-bottom: 1px solid #877fc8;
	width: 400px;
	position: relative;
	z-index: 5;
	}
.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;
	}
.books span.bookin {	
	text-indent: -2em;
	margin-left: 2em;
	}
dl.books dd a:link {
	color: #2238b2;
	text-decoration: none;
	}
dl.books dd a:visited {
	color: #877fc8;
	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: #623FA3;
	}
.bookcovers img {
	padding: 2em 6px 0ex 6px;
	}

/* --- 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: #167ea5;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: .2em;
	border-bottom: 1px solid #877fc8;
	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: #2238b2;
	text-decoration: none;
	}
dl.links dd a:visited {
	color: #877fc8;
	text-decoration: none;
	}
dl.links dd a:hover {
	color: #434cd9;
	text-decoration: underline;
	}
dl.links dd a:active {
	color: #C00;
	text-decoration: none;
	}
dl.links dd a span {
	color: #323232;
	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 */