body {
	background	:	#74664a;
	font-family	:	sans-serif;
	font-size	:	0.9em;
	color		:	#f6eedf;
}

#nav {
 padding: 0.1em;
 background : #84765a;
 width: 96%;
 margin: -0.2em;
/*
 margin-right: auto; 
 margin-left: auto;
*/
 height: 1em;
 border : 2px groove #f6eedf;
}

#nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav a {
	display: block;
}

#nav li {
 list-style: none;
/* display: inline; */
 padding: 0;
 float: left;
 margin: 0;
 position: relative;
 z-index: 20; 
}

#nav li a {
 text-decoration: none;
 font-size	:	0.9em;
 color: red;
 border-left: -10px solid #84765a;
 border-right: 10px solid #84765a;
 padding: 0 1em 0 0.1em;
 background-color	:	#84765a; 
 margin: 0;
}

#nav li a:hover {
	background	:	#f6eedf;
	color		:	red;
}

/* SuckerFish CSS drop down style */

#nav li ul {
 position: absolute;
 border	: 0;
 width: 10.5em;
 color: red;
 margin: 0;
 left: -999em;
 padding: 0.1em 0 0 0;
 top: 1.4em;
 background-color: #84765a;
}

#nav li ul a {
 text-decoration: none;
 font-weight: normal;
	font-size	:	0.9em;
 color: red;
 width: 12em;
 display: block;
 border-left: 0;
 border-right: 0;
 padding: 0 0 0 0.2em;
	background	:	#84765a;
	border	:	2px groove #f6eedf;
 margin: 0;
}

#nav li:hover ul, #nav li.over ul {
 display: block;
 top: 1em;
}

#nav li.sfhover ul {
 display: block;
 top: 1em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
}
/* End Suckerfish Style */




/* normal links and paging links */
A.link:visited, A.link:link, A.link:active, A.page:visited, A.page:link, A.page.active {
	text-decoration	:	none;
	color		:	red;
	background	:	transparent;
	border		:	none;
}
A.link:hover, A.page:hover {
	text-decoration	:	none;
	background	:	#f6eedf;
	color		:	#74664a;
	border		:	none;
}
/* resource links for resource URLs */
A.rLink:visited, A.rLink:link, A.rLink:active {
	text-decoration	:	none;
	background	:	transparent;
	color		:	#f6eedf;
	border		:	none;
}
A.rLink:hover {
	text-decoration	:	none;
	background	:	#f6eedf;
	color		:	#74664a;
	border		:	none;
}
/* image links */
A.imgLink:visited, A.imgLink:link, A.imgLink:active {
	text-decoration	:	none;
	background	:	transparent;
	border		:	none;
}
A.imgLink:hover {
	text-decoration	:	none;
	background	:	transparent;
	border		:	none;
}
/* hyperlinking for browsing creators, collections, publishers, categories and keywords.   Colour and size are defined in-line so should not appear here */
A.browseLink:visited, A.browseLink:link, A.browseLink:active{
	text-decoration	:	none;
	background	:	transparent;
}
A.browseLink:hover{
	background	:	#f6eedf;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
	background	:	#BCB5A7;
	color	:	black;
}
/* When viewing lists of resources, display a hyperlink to a pop-up window to generate a CMS (Content Management System) 'replacement tag' for each resource */
A.cmsLink:visited, A.cmsLink:link, A.cmsLink:active{
	text-decoration	:	none;
	color	:	red;
	font-size: 0.7em;
	background	:	transparent;
}
A.cmsLink:hover{
	background	:	#f6eedf;
	font-size: 0.7em;
	color	:	red;
}
/*****
*  .titleTable:  the table/div containing the title bar
*****/
.titleTable {
	width		:	96%;
}
/*****
*  .menuTable:  the table/div containing the drop-down menus
*****/
.menuTable {
	margin		:	0 0 0 2%;
	width		:	96%;
	padding		:	0;
	clear		:	both;
}
/*****
*  .mainTable:  the table/div containing the main content of WIKINDX
*****/
.mainTable {
	border		:	none;
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .pluginTopTable:  the table containing any plug-in output that is printed above the mainTable of WIKINDX
*****/
.pluginTopTable {
	border		:	none;
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .pluginBottomTable:  the table containing any plug-in output that is printed below the mainTable of WIKINDX
*****/
.pluginBottomTable {
	border		:	none;
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .styleTable:  the table containing administration of bibliographic styles
*****/
.styleTable {
	border		:	#f6eedf 1px groove;
	width		:	100%;
	padding		:	0.2em;
	clear		:	both;
}
/*****
*  redefine HTML headings - see /core/html/MISC.php
*****/
h1, h2, h3, h4	{
	color		:	#f6eedf;
	margin		:	0 0 1em 0;
}
/*****
*  .footerFooter:  footer information at end of script - part of a table
*****/
.footerTable  {
        font-size	:	0.6em;
	color		:	#f6eedf;
	width		:	96%;
}
/*****
* .error: <p>error messages</p>
*****/
.error {
	background	:	red;
	color		:	black;
}
/*****
* .success: <p>success messages</p>
*****/
.success {
	background	:	#33ff00;
	color		:	black;
}
/*****
*	.small: small text
*****/
.small, .hint {
	font-size	:	0.8em;
}
/*****
*	.hint: text hints given to provide further information usually on form input.  Often used in conjunction
*		with .small and usually the class of <span>....</span>
*****/
.hint	{
	color		:	#f6eedf;
}
/*****
*	alternate background colours and font sizes for <td>resources</td> in a bibliographic list
*****/
.alternate1 {
	background	:	#7b6f57;
/*	border-bottom		:	2px groove #583b04; */
	font-size	:	0.9em;
	color		:	#f6eedf;
}
.alternate2 {
	background	:	#74664a;
/*	border-bottom		:	2px groove #583b04; */
	font-size	:	0.9em;
	color		:	#f6eedf;
}
/*****
*	when searching/selecting metadata, the resource details are displayed above the metadata in a table cell with these properties
*****/
.metaResourceDetails {
	background	:	#84765a;
	font-size	:	0.9em;
	font-weight	:	100;
	padding		: 	0 0 0 5em;
	border-top-width	:	3px;
	border-top-color	:	#ffd900;
	border-top-style	:	solid;
}
/*****
*	.highlight:	highlight <span>search terms</span> in text
*****/
.highlight {
	background	:	black;
}
/*****
*	.required:	highlighting for <span>required</span> form input elements.
*****/
.required {
	color		:	red;
}
/*****
*	.linkCite:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This style is dynamically assigned to appropriate links on page load if the user agent supports JavaScript.
*****/
.linkCite {
 display:inline; /* used to show to JavaScript supporting user agents */
}
/*****
*	.linkCiteHidden:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This is the default style applied to Cite links.
*****/
.linkCiteHidden {
display:none; /* used to hide from non-JavaScript user agents */
}

/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/
.imageButton {
	background-color: #f6eedf;
	border: outset 2px #c0c0c0;
	width: 24px;
	height: 24px;
	padding: 0;
/*	margin: 1px;	*/
	text-align: center;
	vertical-align: middle;
}

.formatSelect {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #f6eedf;
  color : #84765a;
}

.formatSelectOptgroup {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #f6eedf;
  color : #84765a;
}

#formatBar {
  border-width: 3px;
  border-style: ridge;
  background: url("images/formatBarBackground.png");
  opacity: 0.80;
}

#formatBarDiv {
  position: absolute; top: 0px; left: 2.8%;
  width: 94%;
	height: 1%;
}

#pageContents {
  clear: left;
	width: 99%;
	overflow: auto;
	position: absolute; bottom: 0;
	top: 63px;
}

/* End Javascript Format Bar */

/* iFrame for the WYSIWYG word processor 
Not all settings are handled by IE 
Height and width of suwpOuter are set in the code
*/
.suwpOuter {
	padding : 4px;
	background : #84765a;
	border 	: 0; /* curses on Bill Gates */
	margin : 1%;
}
.suwpInner {
	padding : 0px;
	background : white;
	border 	: 0; /* curses on Bill Gates */
	width : 98%;
	margin : 1%;
	color : black;
}