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:#675DC8; font-weight:600; text-decoration:none}
a:visited {color:#675Dcc; font-weight:600; text-decoration:none} 
a:hover {color:#666688; font-weight:600; text-decoration:underline}

.frame {
	position:relative;
    width: 800px;
    margin: 0 auto; /* auto enables the centering to work in firefox*/
    padding: 0px;
    text-align:center;
	border-style: solid;
	border-width: 1px 0px 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;
	/*width: 800px;*/
	height:19px;
	border:none;
	text-align: center;  /* affects each text item*/
	background-color: #EFB629;
} 

.menu2Container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height:15px;
	border:0px;
	border-bottom:1px solid #444444;
	text-align: center; /* affects each text item */
	background: #ffffff url(../gfx/menu.gif) no-repeat;
} 

.menu3Container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	/*border:1px #0000ff solid;*/
	background-color:#ffffff;
	height:15px; 
} 

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

ul#navlist {font-size:90% }

ul#navlist a
{
margin: 0px;
padding: 0px;
color: #000000;
font-weight: 800;
text-decoration: none;
letter-spacing:2px;
font-size:90%;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a 
{
/*width:120px; necessary for IE 5, padding + margin has no affect there*/
margin: 0px 0px 0px 0px;  /* in FFox this overrides the width - gave up - solved this with   */
padding: 0px 0px 0px 0px;

letter-spacing:1px;
}

ul#navlist li a:hover
{
color: #ffffff;
background-color:#000000;
}

ul#navlist li a:active /*doesn't work*/
{
color: #ffffff;
background-color:#00ff00;
}

ul#navlist li.current
{
color: #000000;  /* left as black because a change here has no affect*/
background-color:#E78007;
margin:0px;
padding:1px;
}

/* the popdown from the mainmenu (navlist) only works in ffox */
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
margin:0px 15px 0px 15px;
padding:5px 0px 0px 10px;
}

ul#navlist li:hover ul#subnavlist  /*one case: only shows the popdown if the mouse hovers over the menu*/
{
z-index:2;
display: block;
position: absolute;
font-size: 8pt;
text-align:left;
margin: 3px 15px 15px 0px;
padding: 0px 0px 0px 0px;
background-color: #ddddee;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
letter-spacing:1px;
padding: 6px;
margin: 0px 4px 8px 4px;
}

/*ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }*/ 

/***menu2 items***/

ul#nav2list {font-size:70% }

ul#nav2list a
{
color: #000000;
font-weight: 600;
text-decoration: none;
letter-spacing:1px;
}

ul#nav2list, ul#nav2list ul, ul#nav2list li
{
margin: 0px 3px;
padding: 0px;
list-style-type: none;
}

ul#nav2list li { float: right; }

ul#nav2list li a
{
/*width:70px;  necessary for IE 5, padding + margin has no affect there*/
margin: 0px;  /* in FFox this overrides the width - gave this up, solved it with   */
padding:1px 5px; /* so the hover bgcolor covers the whole line*/
letter-spacing:1 px;
}

ul#nav2list li a:hover
{
color: #ffffff;
background-color: #888899;
margin: 0px;
padding:1px 5px; /* nec for FF */

}

ul#nav2list li a:active
{
color: #cccccc;
/*background-color: #003366;*/
border: 0px #ffffff inset;
}

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

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
{
/*width:70px;  necessary for IE 5, padding + margin has no affect there*/
margin: 0px 0px 0px 0px;  /* in FFox this overrides the width - gave this up, solved it with   */
padding: 0px 3px; /* so the hover bgcolor covers the whole line*/
letter-spacing:1 px;
}

ul#nav3list li a:hover
{
color: #ffffff;
background-color: #333344;
background-color:#000000;
padding: 0px 3px; 
}

ul#nav3list li a:active
{
color: #cccccc;
border: 0px #ffffff inset;
}


.contentframe { /*holds menu3 + scrollbar*/
margin:0px;
padding:0px;
/*border:2px #ff0000 solid;*/
background-color:#ffffff;
overflow:auto;
height:462px;
width:100%;

}

.contentContainer { /*images + text holder */
margin:20px 15px 0px 40px;
padding:0px;

/*border:2px #ff0000 solid;*/

}

.contentContainer2 {
margin:0px;
padding:0px 0px 40px 0px;
border:0px;
background-color:#000000;
width:100%;
}

.textContainerA { /* articles.htm, */
text-align:left;
margin:10px 10px 0px 0px;
width:100%;
}

.year { /* year of pub. on cv pages */
color:#9882ac;
font-weight: 700;
width:66px;
font-size:90%;
line-height: 120%;
margin:0px 0px 0px 0px;
/*border: 1px #ff0000 solid;*/
}

.yearpdf { /* year of pub. on articles page */
color:#9882ac;
font-weight: 700;
width:66px;
line-height: 120%;
margin:3px 0px 0px 0px;
/*border: 1px #ff0000 solid;*/
}

.yearpdf a { /* PDF link */
color:#9882ff;
font-size:85%;
font-weight: 700;
margin:0px 0px 100px 0px;
/*border: 1px #ff0000 solid;*/
}

.year a:hover {
text-decoration:underline;
color:#333333;
font-weight: 700;
}

.floatleft {
float:left;
}

.floatright {
float:left;
}

/*.cvYearColumn {
float:left;
width:200px;
padding:0px 30px 10px 0px;
}*/

h1 { /* titles on most pages */
color:#87729b;
font-size: 170%;
font-weight: bold;
letter-spacing: 4px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
line-height: 1.2em;
}


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

h4 { /* undertitles on white pages, book titles, article titles */
color:#9882ac;
font-size: 105%;
font-weight: 600;
letter-spacing: 1px;
line-height:110%;
margin: 0 auto;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.3em;
}

h4 span {
font-weight:500;
line-height:140%;

}

p {
font-size:95%;
text-decoration:none;
display:inline;
}

p strong {
color:#444466;
font-weight:600;
}

p span {
color:#773366;
font-size:95%;
line-height:125%;
font-weight:500;
text-decoration:none;
letter-spacing:1px;

}

.backgroundColour {
background-color:#EEF1FC;
padding: 20px;
margin: -2px 0px 0px 5px;
}
em {
color:#7D3D75;
font-weight:500;
text-decoration:italic;
letter-spacing:1px;
}

.textWhite{
font-size:100%;
color:#ddddff;
font-weight:500;
letter-spacing:1px;
}

.textWhite strong {
font-size:95%;
color:#ddddff;
font-weight:600;
letter-spacing:2px;
}

.textQuotationLilac {
font-size:95%;
color:#696594;
font-weight:500;
letter-spacing:2px;
background-color:#EEF1FC;
padding: 10px;
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;
	
}

.imgLeftContainer {  
    float: left;
    padding: 0px;
    margin: 3px 5px 5px 0px;
    background-color:#ffffff;
}

.imgLeftThinBorder {
    text-align: center;
    font-size: 0.6em;
	line-height:120%;
    border-width: 3px;
    border-style: solid;
	color:#786789;
	display: block;
    border-color: #000011;
    padding: 0px;
    margin: 3px 15px 15px 0px;
background-color:#ffffff;
}


.imgRightContainer {  
    float: right;
    padding: 0px;
    margin: 0px 0px 5px 5px;
    background-color:#ffffff;
}

.imgRightThinBorder {
    text-align: center;
    font-size: 0.6em;
	line-height:120%;
    border-width: 3px;
    border-style: solid;
	color:#786789;
	display: block;
    border-color: #000011;
    padding: 0px;
    margin: 3px 0px 15px 15px;
background-color:#ffffff;
}

.imgThinBorder {

    text-align: center;
    font-size: 0.6em;
	line-height:120%;
    border-width: 3px;
    border-style: solid;
	color:#786789;
	display: block;
    border-color: #000011;
    padding: 0px;
    margin: 10px 0px 15px 20px;
}

.imgSmLeft strong {
    font-size: 0.8em;	
	color:#787889;
	font-weight:500;
}

.imgSmRightWhite {  /* on a black background*/
    float: right;
    text-align: center;
    font-size: 0.7em;
    border-width: 3px;
    border-style: solid;
    border-color: #000011;
    padding: 3px;
    margin: 2px 0px 2px 2px;
}

.imgArrow {  /* arrow_up.gif on white background - this has no affect, so border =zero in html */
	float:right;
    padding: 0px;
    margin: 0px;
	border-width:0px;	
}


.imgArrow a { 
	border-width:0px;	
}

.imgArrow a:hover { 
	border-width:0px;	
}

.footer 
{
clear:both;
color: #AB8AE1;
font-weight: 400;
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 10px 0px;
margin: 30px 0px 0px 0px;
background-color:#eeeeff;
}

.footer strong 
{
color: #AB8AE1;
font-weight: 600;
font-size:110%;
}