body {
 color: #000;
 background-color: #fff;
 background-image: url(images/body-bg-blue.gif);
 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

h1 {
 font-size: 60px;
 color: blue;
 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: #36f;
 margin: 0;
}

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

#header {
 border: 1px solid black;
 background-image: url(images/header-bg-blue.jpg);
 width: 90%;
 height: 120px;
 background-color: #fff;
 margin-left: 5%;
 overflow: hidden;
}

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

/*****
*  .pluginTopTable:  the table containing any plug-in output that is printed above the mainTable of WIKINDX
*****/
.pluginTopTable {
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: 1px solid black;
 width: 90%;
 padding: 5px 5px 5px 5px;
 background: #fff;
 margin-left: 5%;
}
/*****
*  .pluginBottomTable:  the table containing any plug-in output that is printed below the mainTable of WIKINDX
*****/
.pluginBottomTable {
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: 1px solid black;
 width: 90%;
 padding: 5px 5px 5px 5px;
 background: #fff;
 margin-left: 5%;
}

#content a {
 text-decoration: underline;
 color: #000;
}

#content a:hover {
 text-decoration: underline;
 color: #000;
}

/* image links */
#content a.imgLink:visited, #content a.imgLink:link, #content a.imgLink:active {
	text-decoration	:	none;
	background	:	transparent;
}
#content a.imgLink:hover {
	text-decoration	:	none;
	background	:	transparent;
}

/* resource links for resource URLs */
#content A.rLink:visited, #content A.rLink:link, #content A.rLink:active {
	text-decoration	:	none;
	background	:	transparent;
	color		:	black;
}
#content A.rLink:hover {
	text-decoration	:	none;
	background	:	blue;
	color		:	black;
	border		:	none;
}
/* 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{
	text-decoration	:	none;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
	background	:	white;
	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.7em;
	background	:	transparent;
}
#content A.cmsLink:hover{
	background	:	blue;
	font-size: 0.7em;
	color	:	green;
}
#content dt{
 font-weight: bold;
 color: #000;
}

#content dl {
 border-left: 5px solid blue;
 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/arrow-blue.gif);
}

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

#content .alternate1 {
 background-color: #9cf;
}

#content .alternate2 {
 background-color: #39F;
}

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

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

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

#footer a {
 text-decoration: none;
 color: black;
}

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

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

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

#nav a {
	display: block;
}

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

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

#nav li a:hover {
 background-color: #9cf;
}

/* SuckerFish CSS drop down style */

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

#nav li ul a {
 text-decoration: none;
 font-weight: normal;
 font-size: small;
 color: black;
 width: 9em;
 display: block;
 border-left: 0;
 border-right: 0;
 padding: 0;
 background-color: #39f;
 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;
}
/* End Suckerfish Style */


/*****
*	.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.
*****/
#content .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.
*****/
#content .linkCiteHidden {
display:none; /* used to hide from non-JavaScript user agents */
}

/*****
*	.highlight:	highlight <span>search terms</span> in text
*****/
.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;
}
/*****
*	.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		:	gray;
}
/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/

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

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

#formatBar {
/*  position: absolute; top: 0px; right: 0px;
  width: 96%;*/
  border-width: 3px;
  border-style: ridge;
  background: url("images/formatBarBackground.png");
/*  opacity: 0.80; */
}

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

/* End Javascript Format Bar */

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


/* 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 : 2px;
	background : blue;
	border 	: 0; /* curses on Bill Gates */
	margin : 1%;
}
.suwpInner {
	padding : 0px;
	background : #f9f9f9;
	border 	: 0; /* curses on Bill Gates */
	margin : 1%;
	color : black;
}