/* CSS Document */

@import url("../stylesheets/menu.css");

body {
    background-image: url("../images/galaxy90.jpg");
    background-repeat: no-repeat;
    background-color: #000066;
    font-family: Arial, Helvetica;
    font-size: 0.8em;
    color: black;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

p {
    text-align: center;
}

p.left {
    text-align: left;
}

.access {
    display: none;
}

#header {
    height: 92px;
    margin-right: 25px;
    background-image: url('../images/pandora_head.gif');
    background-position: left;
    background-repeat: no-repeat;
}

#banner {
    background-image: url(../images/pandora_nlahead.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 92px;
}

#search {
    margin-left: 150px;
    margin-right: 25px;
    height: 55px;
    background-color: #9C9ACE;
    background-image: url('../images/corner.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

.searchtext {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 8pt;
    color: #400000;
    background-color: #ffffff;
}

.searchForm {
    position: absolute;
    height: 44px;
    border: 0px solid yellow;
    /* width: 510px; */
    padding-top: 5px;
    padding-left: 40px;
    top: 90px;
}

.searchFormRight {
    /*width:250px;*/
    float: right;
    color: black;
    line-height: 30px;
    height: 30px;
    padding-right: 45px;
}

.searchForm, .searchFormRight a {
    color: black;
}

.searchFormRight span {
    display: none;
}

.searchFormRight select {
    line-height:30px;
    font-size:100%;
    margin-top:12px;
}

.searchForm #searchFormLinks {
    float:right;
    display:inline;
    position:absolute;
    width:150px;
    right:0;
    top:3px;
    font-size:8pt;
}


#menu {
    float: left;
    width: 150px;   /* Looks like  margin-left in content controls width. */ 
    border:0px solid green;
}


#content {
    border:0px solid white;
    margin-left:150px;
    background-color: white;
    margin-right:25px;
    padding-left:45px;
    padding-right:45px;
    padding-bottom:20px;
/*  margin-bottom:-50px;*/
/*  position:relative; */  /* Joe got rid of this */ 
}

#contentBreadcrumbs {
    padding-top:1em;
}

/*  IE wants a 'height' of at least 1em small values are ignored.  The

 *  "line-height" is used instead.  Also, (IE only) the div cannot be empty

 *  (place a &nbsp).

 */
#footer {
    margin-left:150px;
    margin-right:25px;
    margin-top:0px;
    margin-bottom:0px;
    background-image: url('../images/bottom_bar.gif');
    background-color: #000066;  /* Backup background color if image goes MIA */
    line-height: 4px;
    height: 4px;  /* Unlike Firefox, IE does not respect this */
}

/*
#content a {
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color: #000009
}
*/
/*
#content a, .bodyLink, .bodyLink a {
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color:  #000099;
}
*/
/*
#content a:hover, .bodyLink a:hover {
    background: #AEB0D0;
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
/*  color: #000099; 
}
*/

/*
#content img:hover {
    text-decoration : underline;
    background:none;
    float: right;
}
*/

img{
    border: none; /*  -- Turned off by joe */
/*  float: right; */
}

#content li{
    margin-top:5px;
    margin-bottom:5px;
}

/* Subject Links
*/
a.subjects {
    color:black;
    text-decoration: none;
}

.itemlist {
    list-style-image:url('../images/button.gif');
}

.itemlist a{
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color:  #000099;
}

.itemlist a:hover{
    background-color: #AEB0D0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color:  #000099;
}

/*
#home, .home  {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000099;
}

#home a:hover, .home a:hover {
    background: #AEB0D0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000099;
}
*/

#selectedTitle, .selectedTitle {
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    text-decoration : none;
    color: #000099;
}

.indent {
    padding-left:25px;
}

.alert {
    color:red;
}

.whiteback {
    background-color: #FFFFFF;
}

.bodyWhite {
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color:  #ffffff;
}

.bodyWhite a:hover {
    background: #AEB0D0;
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color:  #000000;
}

#bodyRed, .bodyRed {
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : underline;
    color:  #FF0000;
}

.bodyRed a:hover, #bodyRed a:hover {
    background: #AEB0D0;
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : underline;
    color:  #FF0000;
}

.partners {
/*  padding-top:10px;*/
/*  padding-bottom:10px; */
    padding-left:10px;
    padding-right:10px;
/*  min-height:100px;*/
    height:100px;
}

.partnersContent {
    width: 80%;
    float: left;
    text-align: left;
}

.partnersLogo {
    text-align: center;
}


div.browseSubjects {
    background-color: #EBF5CD;
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 25px;

}

div.browseSubjects span {
    display: none;
}

div.browseSubjects a {
    color:black;
    text-decoration: none;
}

div.browseSubjects a:hover {
    background: #AEB0D0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000099;
}

div.browseSubjects li {
   list-style-type: none; 
}

.browseSubjects table {
    width: 99%; /* leave room for IE's rounding errors */
}


h1.browseSubjectsHeading {
    padding-left: 0px;
    background-image: url("../images/browse.gif");
    border-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 26px;
    width: 150px;
}

h1.browseSubjectsHeading span {
    display:none;
}

.navcontainer {
    margin-top:0px;
    padding-top:8px;
    padding-bottom:8px;
    text-align: center;
    border-top: 1px #99CC00 solid;
    border-bottom: 1px #99CC00 solid;
}

h1{
    color: #000066;
    font-size: 130%;
    border-bottom: 1px solid #99CC00;
    margin-bottom: 1em
}

.citation{
    border-top: 1px #99CC00 solid;
    text-align: center;
}

/*  Style the list of subject subcategories */

.subcategories a{
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #c956cc;
}

.subcategories a:hover{
    background: #AEB0D0;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #c956cc;
}

.subcategories a:visited {
	font-size:100%;
	font-style: normal;
	font-weight: bold;
	text-decoration : none;
	color: #c956cc;
}

.subcategories h2 {
/*  border-bottom: 1px #99CC00 solid; */
    font-size:100%;
    font-style: normal;
    font-weight: bold;
}

.subcategories ul {
    margin-left: 0;
    list-style-type: none;
}


h2#titles {
    color: #000066;
    font-size: 120%;
}

ul#navlist {
    display: inline;
    list-style-type: none;
}

.itemnavigation {
    border-top: 1px #99CC00 solid;
    border-bottom: 1px #99CC00 solid;
    margin-top: 1em;
    height: 1%;
}

.itemnavigation table {
    width: 100%;
}

.itemnavigation h2 {
    color: #000066;
    font-size: 120%;
    margin: 3px 0px 3px 0;
}

td#alignright {
    text-align: right;
}

#show {
    font-size: 75%;
}

a.linkback {
    font-size:100%;
    font-style: normal;
    font-weight: bold;
    text-decoration : none;
    color:  #000099;
    text-align: center;
}

a.navcontainer {
    display: inline;
    font-size:100%;
    font-style: normal;
    font-weight: bold;
    text-decoration : none;
    color:  #000099;
    text-align: center;
}

/* Home page alpha wheel */
a.alphabetical {
    font-size:110%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color:  #000099;
    position: relative;
    top: -2px;
}

.alphabeticalSelected {
    font-size:110%;
    font-style: normal;
    font-weight: normal;
    text-decoration : none;
    color: #c956cc;
    position: relative;
    top: -2px;
}

a:hover.alphabetical {
    background: #AEB0D0;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color:  #000099;
}

/* Style the complete title list link */
a#allTitles {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : underline;
    color:  #000099;
}

a:hover#allTitles{
    background: #AEB0D0;
    font-size:100%;
    font-style: normal;
    font-weight: normal;
    text-decoration : underline;
    color:  #000099;
}

/* Box with citation on collection page */
.collectionCite p {
    background-color: #9C9ACE;
    text-align: center;
    color: #FFFFFF;
}

.collectionGroup h2 {
    color: #000066;
    font-size: 130%;
    border-bottom: 1px solid #99CC00;
    margin-bottom: 1em;
}

.bottomNavBar {
    background-color: orange;
}

.totalItemsPopup {
/*  position: absolute; */
    float: left;
    width: 50%;
    height: 10px;
    line-height: 1em;
    padding-left: 10px;
    padding-bottom: 5px;
/*  margin-left: -67%; */
    background-color: blue;
}

.pageNav {
/*  float: right; */
    height: 10px;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: blue;
}

ul#alphalinks {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  text-align: center;
/*  background: #036; 
  float: left; */
  width: 100%;
}
ul#alphalinks li {
  display: inline;
  margin-left: 0.4em;
}
ul#alphalinks a {
  font-style: normal;
  font-size: 100%; 
  font-weight:  normal;
  text-decoration: none;
  color: #000099;
}
ul#alphalinks a:hover {
  background: #AEB0D0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #000099;
}

a.plugins_popup { text-decoration: none; overflow: visible; position: relative; }
a.plugins_popup:hover  { color: black; }
a.plugins_popup:hover span { visibility: visible; }

a.plugins_popup span {
	color: black;
	text-decoration: none;
	display: block;
	border: 1px solid #99cc00;
	padding: .7em;
	position: absolute;
	top: 0;
	left: 15px;
	background: white;
	text-align: left;
	width: 35em;
	visibility: hidden;
	z-index: 100;
}
























