/* main pages - the design pages have separate css*/

body {
background-color:#fdfdfd;
	font-family: arial, helvetica;
	color: #665577;
	margin:0px;
	padding:0px;
	font-size: small;
	text-align:center;
	}

.noCSS {display: none;}
.handheldHide {} /*stops flash appearing + hides the top menu*/

.handheldShow {display:none; /*extras only visible on mobile*/}
.handheldTitle {} /*used to show Sonja van Kerkhoff when flash menu is not there*/

a:link {color:#5462E1;  border-bottom:1px #ccccdd none; text-decoration:none} /*2C2CAE*/
a:visited {color:#7B51D4;  border-bottom:1px #ccccdd  none; text-decoration:none} 
a:hover {color:#cc095F;  border-bottom:1px #cc095F dotted; text-decoration:none}
a:active {color:#5462E1;  border-bottom:1px #ccccdd none; text-decoration:none} 
/* letter-spacing:1px; removed on all links 4-11-08*/


strong a:link {color:#5462ff; border-bottom:1px #ccccdd none; text-decoration:none} 
strong a:visited {color:#66879ff; border-bottom:1px #ccccdd  none; text-decoration:none} 
strong a:hover {color:#0000ff; border-bottom:1px #000033 dotted; text-decoration:none}
strong a:active  {color:#66879ff; border-bottom:1px #ccccdd none; text-decoration:none} 


a img, img {border: 0px;}
.floatLeft .spacer img, .floatRight .spacer img {border:0px;padding:0px;margin:0px;}

/*
img a: {border-color:#111111;} */

.frameFlash {  /* has the 'no flash' message */
    margin: 0px auto; /* auto enables the centering to work in firefox*/
    padding: 0px;
	width:100%;
	height:110px;
	text-align:center;
	background: url(gfx/alg/noflash.gif) no-repeat 55% 0%; /*6 apr 2011 width of top line was reduced */
}

.menuContainer, .footerContainer {
    margin: 0px; /* auto enables the centering to work in firefox*/
    padding: 0px;
	border:0px;
	border-top:1px #444444 solid;
	border-bottom:1px #444444 solid;
	font-size: 80%;
	}

.artmenu, .artmenu img, .footermenu {  /* top link on artwork pages */
	clear:both;
	letter-spacing:0px;
	text-align: center;
	width:100%;
	display:inline;
	padding:0px;
	margin:0px;
	/*background-color:#ffffff;*/
	}

.artmenu img, .artmenu img a, .footermenu img, .footermenu img a {width:25px; background: url('gfx/alg/house.gif') no-repeat 0px 1px; 
height:16px; margin:-1px 0px -3px 0px;} /*for the house home image added dec 2008*/

.artmenu_over img, .artmenu_over img a {width:25px; background: #fdfdfd url(gfx/alg/house_over.gif) no-repeat; 
height:16px; margin:-1px 0px -3px 0px;} /*for the house home image added dec 2008*/

.footermenu {clear:both;}


.artmenu a, .footermenu a {
	clear:both;
	background-color:#ededed;/*ededed*/
	text-decoration:none;
	border:0px;
	padding:0px;
	margin:0px;
	}

.artmenu a:hover, .footermenu a:hover {
	background-color:#0D0D6C;
	color:#ffffff;
	text-decoration:none;
	border:0px;
	padding:0px;
	margin:0px;
	}


.frame { /*within menu + footer, does nothing for the moment in FF*/
	width:100%; 
	border:0px;
	margin:0px auto;
	text-align:center;
	border:0px;
	/*border-top:1px #444444 solid;*/
	}


.tourImgContainer { /*container for tiny images bar */
	padding:0px 0px -10px 0px;
	margin:0px auto;
	/*border:5px #ddddfd solid;*/
	text-decoration:none; 
	width:480px;
	/*height:15px; this is a prob. if images don't load */
	display:block;
}

.tourImgContainer a  {text-decoration:none; border:0px;} /* seems to have no affect on text, check out sometime*/
.tourImgContainer a:hover {text-decoration:none; border:0px;}/* seems to have no affect on text, check out sometime*/
	

.tourImgContainer img {
	width:22px; 
	height:16px; 
	margin:0px; 
	padding:0px; 
	text-decoration:none;
	border:1px #111133 solid;
	}

.tourImgContainer img a  {text-decoration:none; border:1px #111133 solid;}
.tourImgContainer img a:hover {text-decoration:none; border:1px #cc095F solid;}
	
.indexPagesContainer { /* so align left works and is centered on index pages */
	/*border:1px #ff00ff solid;*/
	margin:20px auto;
	text-align:left;
	width:755px;
	font-size:90%;
	padding:0px 0px 0px 80px;
	color: #665577;
	line-height:180%;
	}
	
.indexPagesContainer span { /* so spacing between lines is closer - 09annis.htm */
	line-height:100%;
	}

.indexPagesContainer li {	padding:0px 0px 0px 0px;}

.indexPagesContainerNarrow {  
	margin:20px auto;
	text-align:left;
	width:425px;
	font-size:90%;
	padding:0px 0px 0px 0px;
	color: #665577;
	line-height:200%;
	}

.indexPagesContainer a:link, .indexPagesContainerNarrow a:link {color:#7462E1; font-weight: 700; border-bottom:1px #ccccdd none; letter-spacing:1px; text-decoration:none} /*2C2CAE*/
.indexPagesContainer a:visited, .indexPagesContainerNarrow a:visited {color:#8B51D4; font-weight: 700; border-bottom:1px #ccccdd  none; letter-spacing:1px; text-decoration:none} 
.indexPagesContainer a:hover, .indexPagesContainerNarrow a:hover {color:#cc095F; font-weight: 700; border-bottom:1px #cc095F dotted; letter-spacing:1px; text-decoration:none}

.indexPagesContainer li {line-height:110%;}

/* container for all image + text sections as one unit -not used for index pages*/
.pageContentContainer {
	width:730px; 
	border:0px;	
	margin:0px auto;
	/*border:1px #ffff00 solid;*/
	text-align:center;
	} 

.pageContentContainerWider{   /* used: ev.htm, dans.htm */
	/*margin-left: 10%;
	margin-right: 10%;*/
	margin:0px auto; /*ff won't center othewise*/
	text-align:center;
	background-color:none;
	width:850px;
	/*border:1px #ffff00 solid;*/
	}

.pageContentContainerNarrow{  /* used for under the flash navbar, about.htm, prints.htm */
	margin: 0px auto;
	padding:0px;
	text-align:center;
	background-color:none;
	width:601px;  /*so it responds as if it is 600px */
	}

.pageContentContainer800 {
	width:800px; 
	border:0px;	
	margin:0px auto;
	/*border:1px #ffff00 solid;*/
	text-align:center;
	} 

	
.pageContentContainer750 {
	width:750px; 
	border:0px;	
	margin:0px auto;
	/*border:1px #ffff00 solid;*/
	text-align:center;
	} 

.pageContentContainer700 {
	width:700px; 
	border:0px;	
	margin:0px auto;
	/*border:1px #ffff00 solid;*/
	text-align:center;
	} 

.pageContentContainer640{  /* oceania.htm */
	margin: 0px auto;
	text-align:center;
	background-color:none;
	width:640px;
	}

.pageContentContainer520{  /* oceania.htm */
	margin: 0px auto; text-align:center;
	background-color:none; width:520px;
	}
.width310px {width:310px;} /*needs to be in pixels to work in FF*/
.width200px {width:200px;}
.width420px {width:420px;}

.contentContainer {  /* mt/ev.htm  for text + image units */
	text-align:center;
/*border:1px #ff00ff solid;*/
	clear:both;
	text-align:center; /*doubt this has affect. added 22-12-08*/
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
.contentContainerNoBorder img 
	{
	border-bottom: 0px #00ff00 solid; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	} /* tried various things to solve map.htm - the gaps in ff are there even without the css */

.contentContainerAlternative /* future */
	{	
	background-color:#ffbb55;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.contentContainerAlternative 
	{	
	clear:both;
	background-color:#ffbb55;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.contentContainerAlternativeFuture { /*future* light mauve*/
	background-color:#FCAFC8;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	/*border:1px #333333 dotted;*/
	} 
	
.contentContainer img {border:1px #333366 solid; margin:2px 1px;}
/*.contentContainer img:hover {border:1px #ff3366 solid;}*/
.contentContainer img a:hover {border:1px #ff3366 solid;}*

.tour a  {color:#5555d3; text-decoration:none; border:0px; font-size:100%; font-weight:700;}  /*index.html*/
/*.tour a:hover {color:#cc095F; text-decoration:none; border-bottom:1px #cc095F dotted;} */
/*not used because it adds onto the img hover put under captionLarge */
.tour img  {border:1px #111144 solid;}

.tour a:hover {color:#cc095F; text-decoration:none;}
.tour img a:hover {border:2px #ff1144 solid;} /* no affect */

.tour .spacer img{border:none;} /* for tr.gif here */

.floatLeft { /*no margin so things can sit next to each other, use marginLeft if extra is needed*/
	float: left;
	padding: 0px;
	margin: 0px 0px 2px 0px;	
	text-align: center;
	/*font-size: .9 em;*/  /*removed this 28-12-07 it interferes with p caption size*/
	line-height:120%;
	display: block;
	color: #574774;
	/* border:1px #00ffff solid;*/
	}

.floatLeftClearLeft {
	clear:left;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;	
	text-align: center;
	/*font-size: .9 em;*/  /*removed this 28-12-07 it interferes with p caption size*/
	line-height:120%;
	display: block;
	color: #574774;
}

.floatLeftNoMargin {float:left; margin:0px; padding:0px;}

.floatRight, .floatRightNoMargin {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;	
	text-align: center;
	/*font-size: 1.0em;*/  /*removed this 28-12-07 it interferes with p caption size*/
	line-height:120%;
	display: block;
	color: #574774;
	}

.clearLeft {clear:left;}
.clearRight {clear:right;}

.floatRightNarrow{float:right; width:430px;}
.floatRightNarrowAlternative {
	float:right; 
	width:450px; 
	background-color:#ffbb55;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	border:none;
	/*border:1px #333333 dotted;*/
	} /*news + about*/
	
.floatRightWide {float:right; width:570px;} /*for year columns: photos/index.html*/

.floatLeft img, .floatLeftClearLeft img {border: 1px #000011 solid; padding: 0px; margin: 0px 5px 0px 0px;}

.floatLeftNoMargin img {margin:0px; padding:0px; border: 1px #000011 solid; display:block;} /*about, news*/

.floatRight img  {border: 1px #000011 solid; padding: 0px; margin: 0px 0px 0px 5px;}

.floatRightNoMargin img {  /* for images next to each other */
border: 1px #000011 solid; margin: 0px;display:block;}

.alignRight {text-align:right;}
.alignLeft {text-align:left;}

.margin20px {margin: 0px 10px 0px 10px; float:left; 100% border:1px #ff0000 solid;} /* spaces next to image floats */

.photograBgrd {background-color:#ffbb55; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; width:100%;} /*was eeaaee, then f9b4de then #f9B7fE */


.small {font-size: 90%; letter-spacing:0px;}
.small a {font-weight: 600;}
.small ul {
color:#708090; 
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 10px;
	}

.small li {
color:#87729b; 
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h1 {
color:#88728a;
font-size: 170%;
font-weight: bold;
letter-spacing: 4px;
margin: 12px 0px 5px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.2em;
}

h1.smaller {font-size:130%;  /* subtitles */
	margin: -5px 0px 15px 0px;
	}  

h1.noMarginTop {margin: 0px 0px 5px 0px;}


h1.smallerLeft {font-size:130%;  /* sound.htm */
	margin: 0px 0px 0px 0px;
	text-align:left; 
	} 
 
.contentContainerAlternativeFuture h1 
	{
	color:#444444;
	/*background-color:#fdfdfd;*/
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 160%;
	letter-spacing: 2px;
	}

h2 { /* undertitles on artwork pages*/
color:#87729b;
font-size: 105%;
font-weight: normal;
letter-spacing: 1px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 15px 0px;
text-align: center;
line-height: 1.3em;
}

.contentContainerAlternativeFuture h2 
	{
	color:#444444;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 120%;
	letter-spacing: 1px;
	}


h3 { /* so far only for cv title, about , news, photos/index.html, */
color:#7777aa; /*#bb62E1; changed July 2011*/
font-size: 120%;
letter-spacing:1px;
font-weight: 600;
text-align: left;
line-height: 1.1em;
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h3 strong {/*not yet*/
}

.contentContainerAlternativeFuture h3
	{
	color:#333333;
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 5px;
	display:block;
	}

/*text/index, projects/index, projects/workshop/index*/
.floatRightNarrowAlternative h3  {color:#ffffff; background-color:#333333; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -8px;}

.contentContainerAlternative  h3  {color:#ffffff; background-color:#333333; padding: 5px 3px 0px 3px; margin: 0px 0px 0px 0px;}
.contentContainerAlternative  h3  a:link, .contentContainerAlternative  h3  a:visited {color:#ffffff; background-color:#777777; padding: 5px 3px 0px 3px; margin: 0px -2px 0px -2px;}
.contentContainerAlternative  h3  a:hover {color:#ffffff; background-color:#ff0000; border-bottom:0px; text-decoration:none}
.contentContainerAlternative  h3  a:active {color:#ffffff; background-color:#777777;}


h4 {
color:#4F4D83;
font-size: 140%;
font-weight: normal;
letter-spacing:0px;
text-align: left;
line-height: 1.1em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h4 strong {
color:#4F4D83;
font-size: 90%;
}

h4.smaller {
font-size: 115%;
}



.contentContainerAlternativeFuture h4 /*future*/
	{
	color:#ffffff; /*has no affect for linked items*/
	font-size: 120%;
	border-bottom:0px #cc095F dotted; 
	letter-spacing:1px;
	font-weight:600;
	background-color:#ff0000;
	line-height: 1.3em;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /*padding doesn't work in IE 5 when display is inline, so used  */
	display:inline; /*need inline to keep coloured area to text*/
	}

.contentContainerAlternativeFuture h4 a:link 
	{
	color:#ffffff; /*doesn't have affect while the background colour does*/
	}

.contentContainerAlternativeFuture h4 a:hover
	{
	border-bottom:0px #cc095F dotted; 
	background-color:#907F85;
	text-decoration:none;
	}

.contentContainerAlternativeFuture h4 em 
	{
	font-size: 80%;	
	font-family: "Lucida Grande", times, sans-serif; 
	font-weight:500;
	} 

h5 {  /* future title */
color:#776699;
font-size: 120%;
font-weight:600;
letter-spacing:1px;
/*text-align: left;*/
line-height: 1.2em;
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}


h6 {  /* used for prices, pop up size info, links to other pages, hearts.htm */
color:#836D83;
font-size: 90%;
font-weight: normal;
letter-spacing:0px;
line-height: 1.6em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



.contentContainerAlternativeFuture h6 /*future labels*/
	{
	color:#ffffff; text-align: left; 
	background-color:#FC1C66; font-size: 70%; 
	font-weight: 600; letter-spacing:1px; line-height: 1.em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	line-height: 90%;
	/*border-bottom:10px #FC1C66 solid;*/
	} 

blockquote {} /*used on kerkho2 for indenting */

.submenuBar { /*used as div for menubar for cv,dvds,products, */
background-color:#EEDBFB;  /* E4D7E4 grey-purple till 6 apr 2011*/ 
display:block;
width:600px;
text-align:center;
padding:1px 0px 3px 0px;
margin: 0px 0px 0px 0px;
}

.submenuText { /*used as p class */
color:#666688; letter-spacing:2px; font-size:100%; font-weight:500;
line-height: 120%;
display:inline;
padding: 1px 3px 1px 3px;
margin: 0px 3px 1px 3px;
}

.submenuText em {color:#878589; font-size: 80%; font-weight: 900; font-style:normal; margin:0px 0px 0px 0px;} /*used in for the spacers*/
.submenuText strong {color:#666688; letter-spacing:2px;}
.submenuText a {margin: 0px 15px 0px 15px; font-weight:500;}

.menuImages { /* so far just for cv + other - will phrase this out and replace this with "tourImgContainer" */
padding:0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}

.cvYear { /* cv pages */
color:#87729b;
font-size: 110%;
font-weight: bold;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.3em;
width:100px;
}

.cvText { /* cv items */
color:#554455;
font-size: 100%;
font-weight: normal;
letter-spacing: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.3em;
}

.cvText strong { /* cv items */
color:#87729b;
font-weight: 650;
letter-spacing: .5px;
}

.intro {  /* bluish intro text */
color:#665588;
font-size: 100%;
font-weight: normal;
letter-spacing:1px;
/*text-align: center; */
line-height: 1.2em;
margin: 3px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

p {  /*main text*/
color:#506070; /*2nov11 changed from #708090 */
letter-spacing:0px;
font-size: 105%;
display:inline;
padding: 0px;
margin: 0px;
}

p.nl {color:#70809b; } /*dutch*/

p strong {color:#8FA1B4; }
p em {font-family: "Lucida Grande", times, sans-serif; color:#b7729f;}
p a em {font-family: "Lucida Grande", times, sans-serif; color:#b7729f;}
p a:hover em {color:#cc095F; border-bottom:1px #cc095F dotted;}

.floatRightNarrowAlternative p  {color:#333300;}
.floatRightNarrowAlternative p a em  {color:#eeeeff;}
.floatRightNarrowAlternative a {color:#0000ff;}
.floatRightNarrowAlternative p a:link, .floatRightNarrowAlternative p a:visited, .floatRightNarrowAlternative p a:active 
	{
	color:#ffffff; 
	padding:0px 1px 0px 2px; 
	margin:0px 0px 0px 0px; 
	background-color:#333333;
	text-decoration:none;
	}
.floatRightNarrowAlternative p a:hover 
	{
	color:#ffffff; 
	border-bottom:1px #cc095F dotted; 
	background-color:#ff0000;
	padding:0px 1px 0px 2px; 
	margin:0px 0px 0px 0px; 
	text-decoration:none;
	}

	.contentContainerAlternative p  {color:#333300;}
	.contentContainerAlternative p  a:link, .contentContainerAlternative p a:active {color:#333366;}
	.contentContainerAlternative p  a:hover 
	{
	color:#ffffff; /*doesn't have affect while the background colour does*/
	border-bottom:0px #cc095F dotted; 
	background-color:#ff0000;
	text-decoration:none;
	}

.contentContainerAlternativeFuture p
	{
	font-family: "Lucida Grande", times, sans-serif; 
	font-size: 110%;
	color:#444444;
	letter-spacing:0px;
	margin: 0px 0px 5px 5px;
	display:block; /*necessary for margin to work*/
	}

.contentContainerAlternativeFuture p a:link
	{
	color:#ffffff; /*doesn't have affect while the background colour does*/
	border-bottom:0px #cc095F dotted; 
	letter-spacing:1px;
	background-color:#ff0000;
	text-decoration:none;
	}

.contentContainerAlternativeFuture p a:active
	{
	border-bottom:0px #cc095F dotted; 
	background-color:#907F85;
	text-decoration:none;
	}

.contentContainerAlternativeFuture p a:hover
	{
	border-bottom:0px #cc095F dotted; 
	background-color:#D1CAC9;
	text-decoration:none;
	}

.contentContainerAlternativeFuture p em
	{
	color:#ffffff;
	border-bottom:0px #cc095F dotted; 
	background-color:#FD3406;
	text-decoration:none;
	font-size: 80%; 
	font-style:normal;
	font-weight:600;
	line-height: 1.em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	}
	
.contentContainerAlternativeFuture p label 	
	{ /*future*/
	color:#ffffff; 
	background-color:#FC1C66; font-size: 80%; 
	font-weight: 600; letter-spacing:1px; line-height: 1.em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	width:60px;
	border-bottom:0px #cc095F dotted; 
	} 


p.textlarger {  /*main text larger alterative*/
font-size: 110%;
letter-spacing:0px;
line-height: 1.6em;
display:inline;
padding: 0px 0px 2px 0px;
}

p.lightgrey {color:#bbaabb; display:inline; font-size:90%;} /*used for links*/
p.greysmall { /*top of cv page caption*/ color:#777777; font-size:90%;}
p.greysmall strong {color:#666677; font-weight:600; letter-spacing:1px; padding: 0px 2px 0px 2px;} 
p.small { color:#7074b6; font-size:80%; padding: 0px; margin: 0px;} 
p.smaller { /*top of cv page caption*/ color:#7074b6; font-size:75%; padding:0px; margin: 0px;}
p.bluish {color:#401580;}  /*kerkhoff.htm*/

.caption {
color:#8074A3; /*#87729b;*/
font-size: 90%;
font-weight: normal;
letter-spacing: 0px;
padding: 0px 0px 0px 0px;
margin:0px;
display:block;
line-height:1.2em;
}

.caption em {font-family: "Lucida Grande", times, sans-serif; color:#b7729f; letter-spacing:1px; font-size:100%;}
.caption strong {letter-spacing:1px; color:#786EB6; padding: 0px 2px 0px 2px;}

.photograBgrd .caption a:link, .photograBgrd .caption a:visited,  .photograBgrd .caption a:active     
	{
	color:#885588; 
	padding:0px 1px 0px 2px; 
	text-decoration:none;
	border:0px;
	font-weight:700;
	}
		
.photograBgrd .caption a:hover 
	{
	color:#ffffff; 
	background-color:#ff0000;
	padding:0px 1px 0px 2px; 
	margin:0px 0px 0px 0px; 
	text-decoration:none;
	border:0px;
	}

.captionLarge {  /*index.htm  removed jan08 because tables now are 100%*/
	font-size:130%;
	letter-spacing:0px;
	}

.captionLarge a:hover {color:#cc095F; text-decoration:none; border-bottom:1px #cc095F dotted;}

.photolinks {
display:inline;
color:#444444;
font-size: 80%;
font-weight: bold;
letter-spacing: 1px;
padding: 2px 0px 0px 2px;
width: 100%;
}

.contentContainer .greycaption, .greycaption {  /* used for caption under photographs*/
color:#bbaabb;
font-size: 80%;
letter-spacing:1px;
display: block;
line-height: 115%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.greycaption strong {
color:#aaaabb;
font-size: 100%;
display: inline;
}

.greycaptionTitle {
color:#bbaabb;
font-size: 80%;
font-weight: 600;
letter-spacing:1px;
display: block;
line-height: 115%;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}


.tinygreycaption {  /* tiny copyright caption under photographs*/
color:#aaaabb;
font-size: 80%;
font-weight: normal;
letter-spacing:0px;
text-align: center;
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.tinybluecaption {  /*annis.htm for numbers*/
color:#401580;
font-size: 85%;
font-weight: 600;
letter-spacing:0px;
text-align: center;
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
} 

.mauve {  /* for quotations + postcards */
color:#aa80aa;
font-size: 100%; font-weight: normal;
letter-spacing:1px; text-align: center;
line-height: 100%; display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

p.40percent {font-size: 40%;}

.nofloatcontainer {}

.border150px {
border:1px solid #000000;
width:150px;
}

.border300px {
border:1px solid #000000;
width:300px;
}

ul.plainlist {
color:#87729b;
font-size: 95%;
font-weight: normal;
letter-spacing: 0px;
line-height: 115%;
padding: 10px 0px 10px 0px;
margin: 0px;
text-align: left;
width: 100%;
list-style-type:disc
list-style-position:outside;
}

ul.submenu {  /* find out why this does not work a:link*/
color:#6755b3
font-size: 95%;
font-weight: normal;
letter-spacing: 0px;
line-height: 100%;
padding: 0px 0px 10px 0px;
margin: 0px;
text-align: left;
width: 100%;
list-style-type:disc
list-style-position:outside;
display:inline;
}

ul.text { /*text*/
color:#333333;
font-size: 95%;
font-weight: normal;
letter-spacing: 0px;
line-height: 115%;
padding: 10px 0px 10px 0px;
margin: 0px;
text-align: left;
list-style-type:disc;
list-style-position:inside;
padding:10px 20px 0px 20px;
}

ul.text a:link, ul.text a:visited, ul.text a:active {color:#5462E1;}
ul.text a:hover {
	color:#ffffff; 
	border-bottom:1px #cc095F dotted; 
	background-color:#ff0000;
	text-decoration:none;

	}

.linksListTitle {
color:#bb4799;
width:100%;
font-size: 105%;
font-weight: bold;
letter-spacing: 2px;
padding: -10px 0px 0px 0px;
margin: 10px 0px -5px 0px;
border-bottom: 3px dotted #e4d7e4;
/*background:url(arrow_u.gif) no-repeat right; */
}

.linksList ul {
padding: 0px 0px 0px 10px;
margin: 10px;
}

.linksList li {
color:#697999;
font-size: 90%;
font-weight: normal;
letter-spacing: 1px;
line-height: 115%;
padding: 0px 0px 8px 0px;
margin: 0px;
}

.linksList a {color:#697999; font-weight: 600;}

ul.smallFontBackground {
color:#FDAC34;
list-style-type:square;
list-style-position:outside;
font-size:170%;
font-weight:600;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;}

ul.smallFontBackground li {background-color:#ffbb55; /*#FBA825*/
padding:5px 7px 5px 8px;
margin:0px 0px 5px 10px;
}

ul.smallFontBackground li p {color:#606060; font-size:64%; line-height:105%;}
ul.smallFontBackground li p a strong {color:#6D4DE3; font-weight:700;}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.floatleft {float:left;}
.floatright {float:right;}

table  {
border-collapse: collapse;
border-top: hidden;
border-right: hidden;
border-bottom: hidden;
border-left: hidden;
border-padding: 0px;
border-spacing: 0px;
margin:0px;
font-size:100%; /*nec otherwise forces a 90% on p */
}


table.innerBorders /*22dec 2010 for faces/index.htm*/
	{
	border-top:1px solid #7E5EB9;
	border-left:1px solid #7E5EB9;
	border:0px solid #7E5EB9;
	padding:6px; 
	margin:0px;  /*no affect on inner spacing*/
	background-color: #efefee;
	font-size:82%; color:#663366;
	letter-spacing: 0px;
	line-height:100%;
	font-weight: 600;
	text-align:left;

	}

tr.innerBorders {
	
	border-bottom:1px solid #7E5EB9;
	 
}


/* <!--begin shown-->*/ /* empty table put around so the width is variable - needs to be a table */


table.cv
	{
	/*border-top:1px solid #7E5EB9;*/
	border:0px;
	padding:5px 0px 0px 0px; 
	margin:5px 0px 0px 0px;  /*no affect on inner spacing*/
	/*background: #efefef url(gfx/alg/diagonalines.gif) repeat;*/
	font-size:100%; color:#6B5EB9;
	letter-spacing: 2px;
	line-height:110%;
	font-weight: 700;
	text-align:left;
	width:600px;
	}

td.cv {
	width:80px;
	padding:0px 0px 0px 2px; 
}
	
td.cvContent {
font-size:100%; 
width:520px;
/*color:#7369B3;*/
letter-spacing: 0px;
font-weight: 500;
padding:0px 20px 8px 0px;
}

/*td.cvContent strong {font-weight: 600; color:#7369B3;}*/ /*don't use overrides h3 strong, etc.*/

table.shown
	{
	border-top:1px solid #7E5EB9;
	border-left:1px solid #7E5EB9;
	padding:0px; 
	margin:0px;  /*no affect on inner spacing*/
	background: #efefef url(gfx/alg/diagonalines.gif) repeat;
	font-size:100%; color:#6B5EB9;
	letter-spacing: 2px;
	line-height:110%;
	font-weight: 700;
	text-align:left;
	}

td.shown /* {width:90px;} width is overridden by text in 2nd td, so used &#160; in first row 2-8-2010 changed this to inserting a img in the first row.*/
{
	padding:0px 0px 0px 2px; }
	
td.shownContent {
font-size:100%; 
width:100%;
color:#7369B3;
letter-spacing: 0px;
font-weight: 500;
padding:0px 6px 8px 0px; /* 4may11 took out 0px bottom seems to have no affect*/
}

td.shownContent strong {font-weight: 600; color:#7369B3;}

/*
.shown p {color:#8855dd; display:block;}
.shown p strong {color:#8855dd;}
.shown p strong a {color:#7462E1;}
.shown p strong a:hover {color:#cc095F;} */

table.shown img {border: 0px #ffffff solid;} 
/*added  2-8-2010, kept variable for multiple years*/

/*
td {
color:#6755b3; 
font-size: 100%;
border-top: hidden;
border-right: hidden;
border-bottom: hidden;
border-left: hidden;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
vertical-align: bottom;
}
*/
/*table#shown {}

caption  {
color:#4455be;
font-size: 100%;
font-weight: bold;
text-align: left;
letter-spacing: 2px;
text-shadow: 0px 0px 0px; *//* minimal effect in firefox 1.0 & IExplorer 5.0 *//*
font-variant: small-caps; *//* firefox 1.0 - typed capital appears larger+bolder, no affect in IExplorer 5.0 *//*
} */

/*
th.shown {
color:#4355be;
font-size: 70%;
font-weight: normal;
font-style:italic;
padding-top: 0px;
padding-bottom: 5px;
text-align: left;
}

th.shown strong {
color:#6755cc;
font-size: 90%;
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
text-shadow: 2px 2px 3px;*//*
}
/*
td {
color:#6855bb;
*//*text-align:left; removed because it overrides all td instances*//*
font-size: 100%;
border-top: hidden;
border-right: hidden;
border-bottom: hidden;
border-left: hidden;
padding-top: 3px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
vertical-align: top;
} */
/*
td strong {color:#4455be;}*/
/*
td strong a:link {color:#4455dd;  border-bottom:1px #dddddd none; letter-spacing:1px; text-decoration:none} 
/*2C2CAE*//*used because the border-bottom doesn't work in FF here*/
/*td strong a:visited {color:#4455dd;  border-bottom:1px #dddddd none; letter-spacing:1px; text-decoration:none} 
td strong a:hover {color:#cc095F;  border-bottom:1px #cc095f dotted; letter-spacing:1px; text-decoration:none}
a:active {color:#4455dd;  border-bottom:1px #4355ee none; letter-spacing:1px; text-decoration:none}
*//* on pages where there are only links such as the MODA index page the strong tag is 
inside the anchor and so the css for td a overrides the td strong a css*/

.relatedworktitle {
color:#7A7AAC;
font-size:100%;
background-color:#ddddee;
font-size: 110%;
font-weight: bold;
padding: 0px 0px 0px 180px;
width:100%;
text-align:left; 
display:block;
margin: 0px 0px 0px 0px;
line-height:105%;
border-color:#7A7AAC;
text-shadow: 0px 0px 0px;
}

.relatedworktitle span {} /*might add this as extra feature - not used yet*/

.relatedwork {
background-color:#fdfdfd;
color:#6969bb;
text-align:left;
width:600;
font-size:90%;
padding: 10px 0px 5px 0px;
}

.relatedwork a:link, .relatedwork a:visited, .relatedwork a:hover 
	{
font-weight: 700;
	}