body {padding: 0; border: 0; margin: 30px 0 10px 70px;} #banner {width:850px; height: 95px; margin: 0; padding: 0; float:left; overflow: hidden; background: #ffffff; border: 0;} #banner_left {width:169px; float:left; overflow: hidden; margin: 0;} #banner_left img {margin:0; padding:1px 20px 0 0; float:right;} #banner_right{width:681px; height: 85px; padding:0; float:left;} #bannernav {width:681px; height:19px; float:left;} #bannernav a, #bannernav a:visited {float:left; color: #727272; font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #ff9900; padding: 3px 0 0 0;} #bannernav a:hover {color: #ff0000; text-decoration: none;} #bannermid {width:681px; height:40px; float:left; padding:0 0 2px 0;} #bannermidlft{width:258px; height:35px; float:left;} #bannermidlft h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding-left: 5px;} #search {width:98%px; height:35px; float:right; padding: 5px 34px 0 0;} #search form {height:35px; float:right;font-family: verdana, helvetica, sans-serif; font-size: 9px; color: #5A5A5A; font-style: italic; font-weight: bold;} #search form img {border:0; margin: -5px 0 0 1px; padding: 0; float: right;} #bannerbottom{width:679px; height:35px; float:left; border-left: 1px solid #fc0; border-top: 1px solid #fc0; background: #fbfc99; padding: 0;} #bannerbottom h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding-left: 5px; margin-top: -1px;} #bannerbottom h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 14px; color: #006633; font-weight: normal; padding-left: 5px;} #bannerbottom h3{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; float:left; padding: 0; color:#5f5f5f; font-weight: normal; margin-top: 5px;} #bannerbottom h4{font-family: Verdana, Helvetica, sans-serif; font-size: 15px; height:35px; float:left; font-weight: bold; padding: 0 0 0 5px; color:#5f5f5f; margin-top: 0;} #bannerbottom_left {width:195px; float:left; margin: 3px 0 0 0; height: 33px;} #bannerbottom_right{width:484px; height: 33px; padding: 0; float:left;} .letter3{letter-spacing: 3px;} .clear {clear: both;} #info {width: 849px; float:left; text-align: right; margin: 0; border: 0;} #column_productdesc{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99;} #column_productdesc p{font-size: 10px; color: #000000; float:left; text-align: left; padding:0 5px 0 5px;} #column_productdesc h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;} #column_productdesc h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;} #column_productdesc h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;} #column_productdesc form{float:right; padding: 0 10px 0 0;} #short_nav {width: 680px; float:left; margin: 0; padding: 2px 0 0 0; background:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; text-align: right;} #short_nav a, #short_nav a:link, #short_nav a:visited, #short_nav a:active{text-decoration: none; color: #4b4b4b;} #short_nav a:hover {color: #ff9900; text-decoration: underline;} #short_nav img {margin:0; padding:2px 0 0 0; float:right;} #line_thin {width: 680px; float:left; margin: 0; padding: 0; background:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; text-align: right;} #line_thin img {margin:0; padding:0; float:right;} #line_thin1 {width: 680px; float:left; margin: 0; padding: 0 0 0 170px; background:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; text-align: right;} #line_thin1 img {margin:0; padding:0; float:right;} #line_thin2 {width: 849px; float:left; margin: 0; padding: 0; background:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; text-align: right;} #line_thin2 img {margin:0; padding:0; float:right;} #footspace1 {clear:both; width: 850px; height: 16px; float: left; margin: -19px 0 0 0; padding: 0; background: transparent; overflow: hidden;} #footer1{clear:both; width: 843px; float: left; margin: 0; padding: 1px 2px 0 5px; background: #6dd16b; overflow: hidden;} #foottext1 {width: 150px; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal;float: left;} #foottextrt1{width: 150; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal; float: right; padding-right: 7px;} #footspace {clear:both; width: 850px; float: left; margin: 0; padding: 1px 0 0 0; overflow: hidden;} #footspace p{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; text-align:center; padding: 5px 5px 5px 5px;} #footer_left {width: 171px;float: left;} #footer {width: 850px; float:left; margin: 0; padding: 0; background:#fff; border-top: 1px solid #999999; border-bottom: 1px solid gray;} #footer p{font-family: Verdana, Helvetica, sans-serif; font-size: 8px; margin: 0; padding: 3px 0 4px 0; text-align: center;} #footer a, #footer a:link {text-decoration: none; color: #4b4b4b;} #footer a:visited {text-decoration: none;} #footer a:hover {color: #ff9900; text-decoration: underline;} #footer a:active {text-decoration: none; color: #9f9f9f;} #footer img {margin:0; padding:0; float:right;} .display_book_container {width:450px; height:460px; text-align:left; padding:0; margin:0; float:left; overflow: hidden; background:#ccff99;} /* slides styling */ .display_book {width:448px; height:410px; text-align:left; padding:0; margin:0; float:left; overflow: hidden; background:#fff;} .display_book h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;} .display_book ul {list-style: none; padding: 0; margin: 5px 0 5px 6px; width: 78px; background: #fff; border: 1px solid #b8b8f1; position: relative; top: 1px; height: 396px;} /* size of thumb display area */ .display_book ul li {display:inline; width:91px; height:91px; float:left; margin:6px 4px 0 4px;} /* discription of static thumbs */ .display_book ul li a{display:block; cursor:default; text-decoration:none;} .display_book ul li a.vert {width:68px; height:91px;} .display_book ul li a.hor {width:91px; height:68px;} .display_book ul li a b {display:none; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #727272; margin: 0; text-align: left; height: 20px;} .display_book ul li a.vert img {display:block; width:68px; height:91px; border:1px solid #fc0;} .display_book ul li a.hor img {display:block; width:91px; height:68px; border:1px solid #fc0;} /* discription of hover thumbs */ .display_book ul li a:hover {white-space:normal; position:relative;} .display_book ul li a.vert:hover img {position:absolute; left:10px; top:-1px; width:68px; height:91px; border-color:#fc0;} .display_book ul li a.hor:hover img {position:absolute; left:10px; top:-1px; width:91px; height:68px; border-color:#fc0;} .display_book ul li a:active, .display_book ul li a:focus {position:static; outline:0;} /* large image display */ .display_book ul li a:focus.vert img, .display_book ul li a:active.vert img {background-color:#D1FFA4; position:absolute; left:86px; top:5px; width:260px; height:338px; border:0; padding:5px 44px;} .display_book ul li a:focus.hor img, .display_book ul li a:active.hor img {background-color:#D1FFA4; position:absolute; left:86px; top:5px; width:338px; height:260px; border:0; padding:44px 5px;} .display_book ul li a:focus b, .display_book ul li a:active b {display:block; position:absolute; width:334px; height:25px; border:1px solid #b8b8f1; top:358px; left:86px; color:#000; font-weight:normal; padding:6px;} #column_info{width:150px; float:left; margin: 0; padding-right:19px; border:0; background: #ffffff;} #column_info h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 21px; color: #0000cc; /*blue */padding: 0px;} #column_info h3{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; /* green */ padding: 0px;} #column_info form{float:right;} .address {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #727272; margin: 0; padding: 0px; line-height: 15px;} .address1{font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #0000cc;/*blue */ margin: 0; padding: 0px; line-height: 17px;} .address2{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; /*green */ margin: 0; padding: 0; line-height: 16px;} .address a, .address a:link, .address a:visited, .address a:active{text-decoration: underline; color: #ff9900;} .address a:hover {color: #ff0000; text-decoration: none;} .address1 a, .address1 a:link, .address1 a:visited, .address1 a:active{text-decoration: none; color: #990000;} .address1 a:hover {color: #ff9900; text-decoration: underline;} .title {font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 20px; color: #006633; padding: 0px; line-height: 27px;} .weightb {font-weight:bold;} .dot{font-family: Wingdings, sans-serif; font-size: 12px; color: #990000; margin: 0; padding: 0px; text-align: right; line-height: 17px;} .placert {text-align: right; } .hidetext {color: #ffffff;} #title {width: 679px; float:left; margin: 0; padding: 0; border-left: 1px solid #fc0; background:#fff;} #title_instructions {width: 679px; float:left; margin: 0; padding: 0; border-bottom:1px solid #fc0; background: #ffcc66;} #title_instructions p{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #000; font-weight: normal; text-align:left; padding: 0 5px 0 5px;} #sitemap {width: 679px; float:left; margin: 0; padding: 0; border-left: 1px solid #fc0;} #sitemap_desc{width:679px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif;} #sitemap_desc p{font-size: 10px; color: #000000; float:left; text-align: left; padding:0 5px 0 5px;} #sitemap_desc h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;} #sitemap_desc h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;} #sitemap_desc h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;} /* used in nzapterms, nzapprivacy, nzapprints */ #terms {width: 679px; float:left; margin: 0; padding: 0; border-left: 1px solid #fc0;} #terms_desc{width:679px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif;} #terms_desc_left {width:569px; float:left; margin:0; padding:0;} #terms_desc_right {width:110px; float:left; margin:0; padding:0;} #terms_desc p{font-size: 11px; color: #000000; float:left; text-align: left; padding:0 30px 0 30px;} #terms_desc h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 20px;} #terms_desc h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 20px;} #terms_desc h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;} #terms_desc h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;} #terms_desc h6{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 20px; letter-spacing: 3px;} #terms_desc{margin:0; padding:0; float:right;} #terms_desc a, #terms_desc a:link, #terms_desc a:visited {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #ff9933;} #terms_desc a:hover {color: #ff0000; text-decoration: none;} #terms_desc a:active {text-decoration: underline; color: #ff9933;} /* **************** for bird,insects,mammals,mollusca,botanical archive **************** */ #content {width: 679px; float:left; margin: 0; padding: 0; background:#fff;} #content h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: normal; padding: 2px 0 0 5px; float:left;} #content img {margin:0; padding:0; float:left; height: 97px; width: 80px; border:1px solid #9999cc;} #content a, #content a:visited {float:left; color: #727272; font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #ff9900; padding: 5px 8px; 0 0;} #content a:hover {color: #ff0000; text-decoration: none;} #content_instructions {width: 679px; float:left; margin: 0; padding: 0; border-bottom:1px solid #0000e1; background: #ffcc66;} #content_instructions p{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #000; font-weight: normal; text-align:left; padding: 5px 5px 5px 5px;} #content_instructions li{margin: 0; padding: 0; list-style: none; display: block; position: absolute;} #content_desc{width: 148px; float:left; margin: 0; padding: 0;} #content_desc p{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #666633; font-weight: normal; text-align:left; padding: 10px 5px 5px 5px;} #content_desc_rt{width: 520px; float:left; margin: 0; padding: 5px 5px 5px 5px;} #content_desc_rt img {margin:0; padding:0; float:left; height: 97px; width: 80px; border:1px solid #9999cc;} #content_desc_rt h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: normal; padding: 2px 0 0 5px; float:left;} #content_return a {float:left; padding: 0;} /* ***************** END bird,insects,mammals,mollusca,botanical archive ************* */ /* ********* for nzapaboutprints.html ******************* */ #terms_desc_left h5{font-size: 11px; color: #000000; float:left; text-align: left; padding:0 30px 0 30px; line-height: 15px; font-weight: normal;} /* ********* for nzapaboutprints.html ******************* */ #archive {width: 679px; float:left; margin: 0; padding: 0; border-left: 1px solid #fc0;} #archive_list {width: 220px; float:left; margin: 0; padding: 0;} #archive_list ul{list-style: none; padding: 0; margin: 0;} #archive_list ul li{float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding: 3px 0 0 5px;} #archive_list ul li a, #archive_list ul li a:link, #archive_list ul li a:visited, #archive_list ul li a:active{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; float:left; cursor:default; text-decoration:underline; color: #0000cc; padding: 0 0 0 10px;} #archive_list ul li a:hover {color: #ff9900; text-decoration: none;} #archive_list h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: normal; padding: 5px 0 0 5px; float:left;} #archive_list_next {width: 230px; float:left; margin: 0; padding: 0;} #archive_list_next ul{list-style: none; padding: 0; margin: 0;} #archive_list_next ul li{float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding: 3px 0 0 5px;} #archive_list_next ul li a, #archive_list_next ul li a:link, #archive_list_next ul li a:visited, #archive_list_next ul li a:active{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; float:left; cursor:default; text-decoration:underline; color: #0000cc; padding: 0 0 0 10px;} #archive_list_next ul li a:hover {color: #ff9900; text-decoration: none;} #archive_list_next h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: normal; padding: 5px 0 0 5px; float:left;} #content{width:680px; float:left; margin:0; padding:0; background: #fff;} #column_nav{width:225px; float:left; margin:0; padding:0; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 9px;} #column_nav h1{font-size:12px; font-weight:normal; color:#fc0; margin:0 0 0 5px; float:left; line-height: 18px;} #column_nav h2{font-size:16px; font-weight:bold; color:#ff9933; margin:0 0 0 5px; float:left; line-height: 18px;} #column_nav p{font-size:9px; font-weight:normal; color:#000; margin:0 0 0 5px; float:left;} #column_nav ul{font-size: 9px; list-style: none; padding: 0; margin: 0; background: #fff; text-align:left;} #column_nav ul li{float:right; width: 225px;} #column_nav ul li a, #column_nav ul li a:link, #column_nav ul li a:visited, #column_nav ul li a:active{float:left; padding-left: 5px; font-size: 9px; cursor:default; text-decoration:underline; color: #0000cc; line-height:13px;} #column_nav ul li a:hover {color: #ff9900; text-decoration: none;} /*#column_nav p{font-size:9px; font-weight:normal; color:#000; margin:0 0 0 5px; float:left;}*/ #column_vert{width: 1px; float: left; margin:0 padding:0;} .red {color: #C21236;} /* ********* for nzapsitenews.html ******************* */ #terms_descleft{width:340px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif;} #terms_descleft h6{font-size: 11px; color: #000000; float:left; margin: -5px 0 0 0; padding:0 0 0 15px; line-height: 11px; font-weight: normal;} #terms_descright{width:337px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif;} #terms_descright h6{font-size: 11px; color: #000000; float:left; margin: -5px 0 0 0; padding:0 0 0 15px; line-height: 11px; font-weight: normal;} #major_list_next ul{list-style: none; padding: 0 0 0 20px; margin: 0;} #major_list_next ul li{float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding: 0;} #major_list_next ul li a, #major_list_next ul li a:link, #major_list_next ul li a:visited, #major_list_next ul li a:active{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; float:left; cursor:default; text-decoration:underline; color: #0000cc; padding: 0 0 0 20px;} #major_list_next ul li a:hover {color: #ff9900; text-decoration: none;} #major_list_next h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: normal; padding: 5px 0 0 5px; float:left;} #header2{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #585858; font-weight: normal; padding: 10px 0 0 0; float:left;} #header2_0{padding: 0;} /* ********* for nzapsitenews.html ******************* */ #info_nav {width:679px; float:left; margin: 0; padding: 0; background: url(imgroot/printnav.jpg) 0 0 no-repeat; border-left: 1px solid #fc0;} #navmenu {position: relative; margin: 0 auto; padding: 0; height: 16px; float: left;} #navmenu li {height: 16px; position: absolute; display: block; list-style: none; float: left;} #navmenu a {width: 27px; height: 16px; display: block;} #navmenu #nav14c a{width: 74px;} #navmenu #nav15c a{width: 78px;} #navmenu #nav16c a{width: 81px;} #navmenu #nav2c a, #navmenu #nav3c a, #navmenu #nav3c a, #navmenu #nav4c a, #navmenu #nav5c a, #navmenu #nav6c a, #navmenu #nav7c a {width: 23px;} #navmenu #nav8c a, #navmenu #nav9c a, #navmenu #nav10c a, #navmenu #nav11c a, #navmenu #nav12c a, #navmenu #nav13c a{width: 11px;} #navmenu #nav1c {left: 0px;} #navmenu #nav2c {left: 28px; background-position: -28px 0;} #navmenu #nav3c {left: 52px; background-position: -52px 0;} #navmenu #nav4c {left: 76px; background-position: -76px 0;} #navmenu #nav5c {left: 100px; background-position: -100px 0;} #navmenu #nav6c {left: 124px; background-position: -124px 0;} #navmenu #nav7c {left: 148px; background-position: -148px 0;} #navmenu #nav8c {left: 172px; background-position: -172px 0;} #navmenu #nav9c {left: 184px; background-position: -184px 0;} #navmenu #nav10c {left: 196px; background-position: -196px 0;} #navmenu #nav11c {left: 208px; background-position: -208px 0;} #navmenu #nav12c {left: 220px; background-position: -220px 0;} #navmenu #nav13c {left: 232px; background-position: -232px 0;} #navmenu #nav14c {left: 445px; background-position: -445px 0;} #navmenu #nav15c {left: 520px; background-position: -520px 0;} #navmenu #nav16c {left: 598px; background-position: -598px 0;} #navmenu #nav1c a:hover {background: url(imgroot/printnav.jpg) 0px -15px no-repeat;} #navmenu #nav2c a:hover {background: url(imgroot/printnav.jpg) -28px -15px no-repeat;} #navmenu #nav3c a:hover {background: url(imgroot/printnav.jpg) -52px -15px no-repeat;} #navmenu #nav4c a:hover {background: url(imgroot/printnav.jpg) -76px -15px no-repeat;} #navmenu #nav5c a:hover {background: url(imgroot/printnav.jpg) -100px -15px no-repeat;} #navmenu #nav6c a:hover {background: url(imgroot/printnav.jpg) -124px -15px no-repeat;} #navmenu #nav7c a:hover {background: url(imgroot/printnav.jpg) -148px -15px no-repeat;} #navmenu #nav8c a:hover {background: url(imgroot/printnav.jpg) -172px -15px no-repeat;} #navmenu #nav9c a:hover {background: url(imgroot/printnav.jpg) -184px -15px no-repeat;} #navmenu #nav10c a:hover {background: url(imgroot/printnav.jpg) -196px -15px no-repeat;} #navmenu #nav11c a:hover {background: url(imgroot/printnav.jpg) -208px -15px no-repeat;} #navmenu #nav12c a:hover {background: url(imgroot/printnav.jpg) -220px -15px no-repeat;} #navmenu #nav13c a:hover {background: url(imgroot/printnav.jpg) -232px -15px no-repeat;} #navmenu #nav14c a:hover {background: url(imgroot/printnav.jpg) -445px -15px no-repeat;} #navmenu #nav15c a:hover {background: url(imgroot/printnav.jpg) -520px -15px no-repeat;} #navmenu #nav16c a:hover {background: url(imgroot/printnav.jpg) -598px -15px no-repeat;} a.screen1, a.screen1:visited, a.screen2, a.screen2:visited, a.screen3, a.screen3:visited, a.screen4, a.screen4:visited, a.screen5, a.screen5:visited, a.screen6, a.screen6:visited, a.screen7, a.screen7:visited, a.screen8, a.screen8:visited, a.screen9, a.screen9:visited, a.screen10, a.screen10:visited, a.screen11, a.screen11:visited, a.screen12, a.screen12:visited, a.screen13, a.screen13:visited, a.screen14, a.screen14:visited, a.screen15, a.screen15:visited, a.screen16, a.screen16:visited {color: #ffcc00; position:relative; z-index:1;} a.screen1 b {background: url(booksornithology/img/bookshome.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen2 b {background: url(imgroot/avestitle.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen3 b {background: url(imgroot/plantaetitle.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen4 b {background: url(imgroot/insectatitle.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen5 b {background: url(imgroot/mammaliatitle.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen6 b {background: url(imgroot/molluscatitle.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen7 b {background: url(imgroot/landscapesnz.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen8 b {background: url(imgroot/archivebirds.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen9 b {background: url(imgroot/archivebotanicals.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen10 b {background: url(imgroot/archiveinsects.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen11 b {background: url(imgroot/archivemammals.gif) no-repeat; position:absolute; width:212px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */} a.screen12 b {background: url(imgroot/archiveshells.gif) no-repeat; position:absolute; width:212px; z-index:1000; visibility:hidden; height:0;} a.screen13 b {background: url(imgroot/archivelandscape.gif) no-repeat; position:absolute; width:212px; z-index:1000; visibility:hidden; height:0;} /* position hover nav name */ a.screen1 b {left:238px; top:0px;} a.screen2 b {left:210px; top:0px;} a.screen3 b {left:186px; top:0px;} a.screen4 b {left:162px; top:0px;} a.screen5 b {left:137px; top:0px;} a.screen6 b {left:114px; top:0px;} a.screen7 b {left:90px; top:0px;} a.screen8 b {left:66px; top:0px;} a.screen9 b {left:54px; top:0px;} a.screen10 b {left:42px; top:0px;} a.screen11 b {left:30px; top:0px;} a.screen12 b {left:18px; top:0px;} a.screen13 b {left:6px; top:0px;} a.screen1:hover, a.screen2:hover, a.screen3:hover, a.screen4:hover, a.screen5:hover, a.screen6:hover, a.screen7:hover, a.screen8:hover, a.screen9:hover, a.screen10:hover, a.screen11:hover, a.screen12:hover, a.screen13:hover, a.screen14:hover, a.screen15:hover, a.screen16:hover {text-decoration:none; color: #ff9900; border:0; /* needed for this to work in IE */ z-index:1000;} a.screen1:hover b, a.screen2:hover b, a.screen3:hover b, a.screen4:hover b, a.screen5:hover b, a.screen6:hover b, a.screen7:hover b, a.screen8:hover b, a.screen9:hover b, a.screen10:hover b, a.screen11:hover b, a.screen12:hover b, a.screen13:hover b, a.screen14:hover b, a.screen15:hover b, a.screen16:hover b{visibility:visible; /* make the image visible */ height:14px; /* now give it a height */ cursor:pointer; /* for IE */z-index:1000; }