body {
    font-family: "Lucida Grande", Arial, sans-serif;
    margin: 0px;
    padding: 0px;
	font-size: medium;
	text-align:center;
}

a:link {color:#888888; text-decoration:underline; font-style:italic; font-weight:none; letter-spacing:1px;}
a:visited {color:#888888; text-decoration:underline; font-style:italic; font-weight:none; letter-spacing:1px;} 
a:hover {color:#888888; text-decoration:underline; font-style:italic; font-weight:none; letter-spacing:1px;}

.frame {
	/*position:relative;*/
    width: 635px;
   /* margin: 0 auto; *//* here it centres without auto in FF */
    padding: 0px;
    text-align:center;
	/*border:1px #ff0000 solid;*/
	border:none; /*nec otherwise settings from the other css is read*/
	height:100%; /*seems to have no affect*/
}

.titleContainer, .titlebanner, .titlebanner_over  {
display:none;
}

.menuContainer {
display:none;
} 

.menu2Container {
display:none;
} 

.menu3Container {
display:none;
} 

/* MAIN MENU  *horizontal *** css.maxdesign.com.au/listamatic2/horizontal04.htm */
/* navlist = mainmenu item, subnavlist = popdown, only works in firefox */

ul#navlist, ul#navlist a, ul#navlist, ul#navlist ul, ul#navlist li, ul#navlist li, ul#navlist li a, ul#navlist li a:hover, ul#navlist li a:active 
{
display:none;
}

ul#subnavlist, ul#subnavlist li, ul#subnavlist li a, ul#navlist li:hover ul#subnavlist, ul#navlist li:hover ul#subnavlist li a  
{ 
display: none; 
}

/***menu2 items***/
ul#nav2list, ul#nav2list a, ul#nav2list, ul#nav2list ul, ul#nav2list li, ul#nav2list li, ul#nav2list li a, ul#nav2list li a:hover, ul#nav2list li a:active {display: none }

/***menu3 items   - for links within the same page***/

ul#nav3list, ul#nav3list a, ul#nav3list, ul#nav3list ul, ul#nav3list li, ul#nav3list li, ul#nav3list li a, ul#nav3list li a:hover, ul#nav3list li a:active {display:none;}


.contentframe { /*holds menu3 + scrollbar / nec. to display contents */
margin:0px;
padding:0px;
border: none; /*nec otherwise settings from the other css is read*/
height:100%; /*nec to override the main css height */

}

.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;
}

h3 { /* subtitles: redder color */
color:#a8729b;
font-size: 115%;
font-weight: 600;
letter-spacing: 1px;
margin: 0 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 */

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>