body {
 color: black;
 background-color: #ececec;
 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

h1 {
 font-size: 45px;
 color: #336666;
 text-align: center;
 padding: 0 10px 0 0;
 overflow: hidden;
 white-space: nowrap;
 margin: 20px 0 0 20px;
 text-decoration: none;
}

h2 {
 font-size: x-large;
 text-decoration: none;
 color: #336666;
 margin: 0;
}

h3 {
 font-size: large;
 text-decoration: none;
 color: #336666;
 margin: 0;
}

#header {
 border: 1px solid #336666;
 width: 90%;
 height: 120px;
 background-color: #c6cdcf;
 margin-right: auto;
 margin-left: 5%;
 overflow: hidden;
}

#content {
 border-left: 1px solid #336666;
 border-right: 1px solid #336666;
 border-top: 1px solid #336666;
 border-bottom: 1px solid #336666;
 width: 86%;
 padding: 20px 20px 30px 20px;
 background: #ececec;
 margin-left: 5%;
}

/*****
*  .pluginTopTable:  the table containing any plug-in output that is printed above the mainTable of WIKINDX
*****/
.pluginTopTable {
 border-left: 1px solid #336666;
 border-right: 1px solid #336666;
 border-top: 1px solid #336666;
 border-bottom: 1px solid #336666;
 width: 90%;
 padding: 5px;
 background: #ececec;
 margin-left: 5%;
}
/*****
*  .pluginBottomTable:  the table containing any plug-in output that is printed below the mainTable of WIKINDX
*****/
.pluginBottomTable {
 border-left: 1px solid #336666;
 border-right: 1px solid #336666;
 border-top: 1px solid #336666;
 border-bottom: 1px solid #336666;
 width: 90%;
 padding: 5px;
 background: #ececec;
 margin-left: 5%;
}
#content a {
 text-decoration: underline;
 font-weight: bold;
 color: #336666;
}

#content a:hover {
 text-decoration: underline;
 font-weight: bold;
 color: #336666;
 background: #FFFFFF;
}
/* hyperlinking for browsing creators, collections, publishers, categories and keywords.   Colour and size are defined in-line so should not appear here */
#content a.browseLink:visited, #content A.browseLink:link, #content A.browseLink:active{
	text-decoration	:	none;
}
#content a.browseLink:hover{
 background: #ececec;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
	background	:	#c6cdcf;
	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 */
#content a.cmsLink:visited, #content a.cmsLink:link, #content a.cmsLink:active{
	text-decoration	:	none;
	color	:	green;
	font-size: 0.8em;
	background	:	transparent;
}
#content a.cmsLink:hover{
 background: #ececec;
	font-size: 0.8em;
	color	:	green;
}

#content dt{
 font-weight: bold;
 color: #000;
}

#content dl {
 border-left: 5px solid  #c6cdcf;
 margin: 5px 5px;
 padding: 0 0 0 8px;
}

#content .publist dl {
 border-left: none;
 margin: 5px 5px;
 padding: 0 0 0 8px;
}

#content .list ul{
 list-style-image: url(images/puceorange.gif);
}

#content .address ul{
 list-style: none;
}

#content .alternate1 {
 background-color:  #c6cdcf;
}

#content .alternate2 {
 background-color: #FFFFFF;
}

/*****
*	when searching/selecting metadata, the resource details are displayed above the metadata in a table cell with these properties
*****/
#content .metaResourceDetails {
	font-weight	:	100;
	padding		: 	0 0 0 5em;
	border-top-width	:	3px;
	border-top-color	:	#336666;
	border-top-style	:	solid;
}

/*****
*	.highlight:	highlight <span>search terms</span> in text
*****/
#content .highlight {
	background	:	yellow;
}
/*****
*	.required:	highlighting for <span>required</span> form input elements.
*****/
.required {
	color		:	red;
}
/*****
* .error: <p>error messages</p>
*****/
.error {
	background	:	red;
	color		:	black;
}
/*****
* .success: <p>success messages</p>
*****/
.success {
	background	:	#33ff00;
	color		:	black;
}

#footer {
 border-left: 1px solid #336666;
 border-right: 1px solid #336666;
 border-bottom: 1px solid #336666;
 width: 90%;
 font-size: x-small;
 background-color: #c6cdcf;
 text-align: right;
 margin-right: auto;
 margin-left: 5%;
}

#footer p {
 color: black;
 padding: 0 15px 0 0;
 margin: 0;
}

#footer a {
 text-decoration: underline;
 color: #336666;
}

#footer a:hover {
 text-decoration: underline;
 background: #FFFFFF;
}

#nav {
 border-left: 1px solid #336666;
 border-right: 1px solid #336666;
 padding: 0;
 background-color: #336666;
 width: 90%;
 margin-right: auto;
 margin-left: 5%;
 height: 25px;
}

#nav ul {
 margin: 0;
 padding: 2px 5px 2px 10px;
 list-style: none;
 background-color: #336666;
}

#nav a {
	display: block;
}

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

#nav li a {
 text-decoration: none;
 font-weight: bold;
 font-size: small;
 color: #FFFFFF;
 border-left: 5px solid #336666;
 border-right: 10px solid #336666;
 padding: 0 10px 0 3px;
 background-color: #336666;
 margin: 0;
}

#nav li a:hover {
 background-color: #c6cdcf;
 color: #FFFFFF;
}

/* SuckerFish CSS drop down style */

#nav li ul {
 position: absolute;
 border        : 0;
 width: 7em;
 color: black;
 border-left: 5px solid #FFFFFF;
 margin: 0;
 left: -999em;
 padding-top: 6px;
 top: 1em; 
}

#nav li ul a {
 text-decoration: none;
 font-weight: normal;
 font-size: small;
 color: #FFFFFF;
 width: 9em;
 display: block;
 border-left: 0;
 border-right: 0;
 padding: 0;
 background-color: #336666;
 margin: 0;
}

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

#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;
}
/*****
*        added WIKINDX version2.3.4
*****/

/*****
*        .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 */
}

/* End Suckerfish Style */

/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/

.imageButton {
	background-color: #669999;
	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: #669999;
  color : #ffffff;
}

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

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

#formatBarDiv {
  position: absolute; top: 0px; right: 0px; left: 5.7%;
  width: 96%;
	height: 1%;
}

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

/* 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 : 1px;
	background : #336666;
	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;
}