<style type="text/css" media="all">
/*menuh  - orig code from http://aleto.ch/menus/menuScroll4.html */
/* adapted by Sonja van Kerkhoff,  april 2007 */
/* works best in Firefox, in IE the dropdowns move to the right */

* { /* not affective in FF */
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	}

body {
    	font-family: "Lucida Grande", Arial, sans-serif;
    	margin: 0px;
    	padding: 0px;
	font-size: medium;
	background-color:#E78007;
	text-align:center;
	scrollbar-face-color:#ddaa66;
	}

a:link {color:#675DCf; font-weight:600; text-decoration:none} /*unvisited links*/
a:visited {color:#675Dcc; font-weight:600; text-decoration:none} 
a:hover {color:#666688; font-weight:600; text-decoration:underline}
a:active {color:#675DC8; font-weight:600; text-decoration:none}

.frame {
    width: 800px;
    margin: 0px auto; /* auto enables the centering to work in firefox*/
    padding: 0px;
    text-align:center;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	/*background-color:#ffffff;  no affect */
}

.titleContainer {
 margin: 0px;
 padding:0px;
 height:100px;
 background: #000000 url(../gfx/title.jpg);
}

.titlebanner {
    /*width: 800px;*/
    height:100px; /*necessary for mouseover to work*/
    margin : 0px;
    padding: 0px;
    border: 0px;
    /* border-style: solid;
    border-color: #666699; */
    vertical-align: top;
    background: #000000 url(../gfx/title.jpg);
}

.titlebanner_over {
    /*width: 800px;*/
	height:100px; /*necessary for mouseover to work*/
    /*float : right; */
    margin : 0px;
    padding: 0px;
    border: 0px;
    /*border-style : solid;
    border-color : #666699; */
    vertical-align: top;
    background: url(../gfx/title_over.jpg);
}

.menuContainer {
	margin: 0px;
	padding: 0px;
	padding-bottom:1px;
	/*width: 800px;*/
	/* height:19px; nec if background color is to be vis. */
	border:none;
	background-color: #000; /*EFB629 yellowish*/
} 

.menu {
	font-size:70%;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	}

.menu:after {
	display:block;
	content:'';
	clear:both;
	}

.menu ul, .menu li {	
	position:relative;
	line-height:1.5em;
	list-style:none;
	}

.menu li {
	background-color:#dfccff; 
	margin:0px;
	padding:0px;
	text-align:left; /* this aligns the rolldown underneath*/
	}

.menu .main { 
	float:left;
	margin-left:0px; /* was -1*/
	width:159px;
	}

.menu ul {
	position:absolute;
	overflow:hidden;
	width:158px; 
margin:0px;
padding:0px;
	}

.menu .main li {
	margin:0px;
	margin-top:-1px;
	width:158px; 
	}

* html .menu .main li { 
	float:left;
	clear:left;
	}

.menu ul ul {
	left:159px;
	top:0;
margin:0px;
padding:0px;
	margin-top:0;	
	margin-left: 0px; /* to line it up next the mother list */
	padding-top:1px;	
	}

.menu .left ul {
	left:auto;
	right:159px;
margin:0px;
padding:0px;
	}

/* .menu .fourth ul {
	left:80px;
	right:auto;
margin:0px;
padding:0px;
	}

*/

.menu .right ul {
	left:159px;
margin:0px;
padding:0px;
	}

.menu a, .menu h2 {
	cursor:pointer;
	display:block;
	color:#000;
	padding:2px 0px;
	margin:0px;
	width:100%;
	font-weight:normal;
	text-align:center;
	font-size:1em;
	border:1px solid #666;
	}

.menu .open h2 {
	background-color:#fd9;
	}

.menu .close h2 {
	background-color:#fb3;
	}

.menu a:hover {
	font-weight:bold;
	letter-spacing:1px;
	}

.menu .close ul {
	left: -2000px;
	top:-2000px;
	}

 /* left in as a separate tag in the html but doesn't work*/
/* .current a { 
color:#ff0000;
	}
*/

.contentframe { /*contains menu3 (print, etc) + scrollbar + footer */
clear:both;
padding:0px;
margin:0px;
/*border:2px #ff0000 solid;*/
background-color:#ffffff;
overflow:auto;
height:462px;
width:100%;
display:block;
}

/***localmenu items   - for links within the same page***/

.localMenuContainer {
	margin: 0px;
	padding: 0px; 
	display:block;
	/*border:1px #0000ff solid;*/
	background-color:#ffffff;
	height:15px; 
} 

.upwardsContainer { /* used on postings index */
	margin: -7px 0px;}

ul#nav3list {font-size:70% }

ul#nav3list a
{
color: #AB8AE1;
font-weight: 600;
text-decoration: none;
letter-spacing:1px;
}

ul#nav3list, ul#nav3list ul, ul#nav3list li
{
margin: 0px;
padding: 0px 0px;
list-style-type: none;
}

ul#nav3list li { float: right; }

ul#nav3list li a
{
margin: 0px 0px 0px 10px; 
padding: 5px; 
padding-bottom:2px; 
letter-spacing:1 px;
background-color: #eeeeff;
}

ul#nav3list li a:hover
{
color: #ffffff;
background-color: #333344;
background-color:#000000;
padding: 5px;
padding-bottom:2px; 
}

ul#nav3list li a:active
{
color: #cccccc;
border: 0px #ffffff inset;
}

.contentContainer { /*images + text holder */
margin:20px 20px 0px 40px;
padding:0px;
/*border: 1px #ffff00 solid;*/
text-align:left;
clear:both;

}

.contentContainerNarrow { 
/*images + text holder - art/index */
margin:10px 50px 0px 50px;
padding:0px;
/*border: 1px #ffff00 solid;*/
text-align:left;

}

.floatRight { /* art/index, art pages images, poetry index  */
margin:0px;
padding:0px;
float:right;
clear:both;
/*border:2px #ff00ff solid;*/
}

.floatRightnoClear { /* art pages images, poetry index  */
margin:0px;
padding:0px;
float:right;
/*border:2px #ff00ff solid;*/
}

.floatLeft{ /* articles: year+pdf,  art pages images */
margin:0px;
padding:0px;
float:left;
clear:both;
/*border: 1px #ffff00 solid;*/
}

.floatLeftnoClear { /* articles: year+pdf,  art pages images */
margin:0px;
padding:0px;
float:left;
/*border: 1px #ffff00 solid;*/
}


.clearFloat {clear:both;}


.cvlisting { /* container for year of pub. on cv pages */
color:#87729b;
font-weight: 600;
font-size:95%;
letter-spacing: 3px;
margin:1px 0px 0px 0px;
padding:0px 0px 40px 0px;
float:left;
width:80px;
line-height:110%;
clear:both;
/*border: 1px #ff00ff solid;*/

}

.listing_titles { /* container - uses h4 but the span makes an inline width possible */
/* used on postings index */
padding:5px 0px 0px 0px;
}

.listing_titles h4 { 
	background-color:#fed99f; 
	width:400px; 
	font-size:18pt;	
	font-weight: 700;
	}

.listing_titles h4 span {  /*not used*/
	width:228px;
	display:-moz-inline-box; /* so width works in FF */
	display:inline-block; 
	background-color:#fed99f;
}

.listing_titles a p { 
	font-size:90%; 
	color:#675Da8; 
	font-weight: 600; 
	border:0px; 
}

.listing_titles a p span { 
	width: 228px; 
	font-weight: 600; 
	border:0px; 
	border-bottom:1px #ffaaff dotted;  /* in IE it raises this slightly padding or margin doesn't help*/
	display:-moz-inline-box; /* so width works in FF */
	display:inline-block	
}

.listing_titles a:hover {border-bottom:1px #ccaaff solid;}
.listing_titles a:hover p, .listing_titles a:hover p span { border-bottom:1px #ffffff dotted; color:#6633dd;}

.yearpdf, .yearlink { /* container for year of pub. on articles page */
color:#ccccee;
background: #ccccfc url(../gfx/backpdf.jpg);
font-weight: 700;
width:64px;
height:64px;
line-height: 120%;
margin:2px 10px 5px 0px;
padding:10px 0px 0px 3px;
/*border: 1px #ffff00 solid;*/
}

/* not USED because this only works underneath the text areas */
/*.yearpdf a:hover{
background: #ccccfc url(../gfx/backpdfover.jpg);
}
*/

.yearpdf a:link, .yearpdf a:visited { /* nec for IE */
color:#ddddFF;
font-size: 18pt; /* pt used so that IE + FF sizes are more similiar */
letter-spacing:2px;
line-height: 18pt;

}

.yearpdf a:hover, .yearlink h4 a:hover {
color:#ffffff;
text-decoration:none;
}


.backgroundColour {
background-color:#EEF1FC;
padding: 20px;
margin: -2px 0px 0px 5px;
clear:both;
}

h1 { /* title above the contentContainer*/
color:#87729b;
font-size: 170%;
font-weight: bold;
letter-spacing: 4px;
margin: 20px 0px 10px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
line-height: 1.2em;
border-bottom:1px #a8729b dotted;
}

h1.left {  /* under contentContainerNarrow */
text-align: left;
}

h2 { /* undertitles on art pages + cvYearColumn*/
color:#a8729b;
font-size: 105%;
font-weight: 600;
letter-spacing: 1px;
margin: 0px 0px 0px 30px;
padding: 5px 0px 3px 40px; /*no affect on left, fix later*/
line-height:120%;
text-align: left;
}

h2.center {text-align:center; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
h2.smallmenu {
font-size: 74%; text-align:center; /*border:1px #0000ff solid;*/
margin: -15px 0px 0px 0px; padding: -15px 0px 0px 0px; background-color:#fdddff;}

h3 { /* subtitles: redder color */
color:#a8729b;
font-size: 115%;
font-weight: 600;
letter-spacing: 1px;
margin: 0 auto 5 auto;
padding: 0px 0px 3px 0px;
line-height:120%;
text-align: center;
border-bottom:1px #a8729b dotted;
}

h3.left {  /* under subtitle on posting pages*/
text-align: left;
font-size: 100%;
margin: 0px -20px 10px 1px;
padding: 0px 0px 10px 0px;
}

h3.leftPlain {border:none; text-align:left;} /* translations/tr_dutch */

h3 em {font-size: 80%; font-style:italic;}

h3 strong {font-style:italic; font-weight:700;}

h4 { /* book titles, article titles */
color:#9882ac;
font-size: 105%;
font-weight: 600;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
text-align: left;
line-height: 1.3em;
}

.yearpdf h4 {
color:#bbccff;
padding:5px 0px 0px 2px;
}

.yearpdf h4 a { /*  */
color:#bbbbFF;
font-weight:800;
font-size:125%;
line-height:130%;
/*border-bottom:4px #bbbbff dotted;*/
}

.year { /* */
color:#9882bb;
font-size: 85%;
font-weight: 700;
letter-spacing: 1px;
}

.yearlink h4 a { /* bahaipub */
color:#ffffFF;
font-weight:800;
font-size:120%;
margin:0px;
border-bottom:0px;
}


.intro {
color:#445577;
font-size:90%;
font-weight:500;
letter-spacing:1px;
margin:28px;
}

p {
font-size:95%;
text-decoration:none;
display:inline;
margin:0px;
padding:0px;
line-height:110%;
}

.contentContainerNarrow p { /* cv content, postings index */
font-size:85%;
text-decoration:none;
line-height:1.1em;
margin:5px 0px;
padding:0px 0px 10px 0px;
}

p strong {
color:#886688;
font-weight:600;
}

p span {
color:#773366;
line-height:125%;
font-weight:500;
text-decoration:none;
letter-spacing:1px;
}

.textQuotation {
font-size:95%;
color:#696594;
font-weight:500;
letter-spacing:2px;
background-color:#EEF1FC;
padding: 15px;
margin: 3px 0px 5px 0px;
}

.imgSmLeft {
    	float: left;
    	text-align: center;
    	font-size: 0.6em;
	line-height:120%;
    	border-width: 3px;
   	border-style: solid;
	color:#786789;
	background-color:#ccccee;
	display: block;
   	 border-color: #000011;
   	 padding: 4px;
    	margin: 3px 20px 5px 0px;	
}

.imgLeftThinBorder { /* artwork pages */
    	text-align: center;
    	font-size: 0.9em;
	line-height:120%;
    	border-width: 3px;
    	border-style: solid;
	color:#786789;
	display: block;
    	border-color: #000011;
    	padding: 1px;
    	margin: 2px 23px 20px 0px;
	background-color:#efefef;
}

.imgRightThinBorder { /* artwork pages */
    	text-align: center;
    	font-size: 0.9em;
	line-height:120%;
    	border-width: 3px;
    	border-style: solid;
	color:#786789;
	display: block;
    	border-color: #000011;
    	padding: 1px;
    	margin: 2px 0px 20px 20px;
	background-color:#efefff;
}



form p {
	margin:3em 0;
	text-align:right;
	line-height:3em;

	}

form p input{
	background:#fff url('/images/arrow.gif') scroll no-repeat 0 50%;
	border:0px solid #666;
	vertical-align:middle;
	padding:0;
	text-align:left;

	}

.footer 
{
clear:both;
color: #AB8AE1;
font-weight: 600;
font-size:80%;
text-decoration: none;
letter-spacing:2px;
border:0px;
border-top:1px #ab8ae1 dotted;
/*margin-right:-2px;*/
line-height:110%;
padding: 2px 0px 17px 0px;
margin: 30px 0px 0px 0px;
background-color:#eeeeff;
}

.footer strong 
{
color: #AB8AE1;
font-weight: 600;
font-size:110%;
}</style>