/* Firefox css for collector's books index */
body {padding: 0; border: 0; margin: 0 0 0 30px; background: #fff;}
#banner {width:852px; height: 85px; margin: 10px 0 0 0; float:left; overflow: hidden; border-top:1px solid #b8b8f1; background:#fff;}
#banner_left {width:170px; float:left; overflow: hidden; margin: 0; padding:0; background: #fff;}
#banner_left img {margin:0; padding-right:20px; float:right;}
#banner_right{width:682px; height: 84px; padding:0; float:left; background: #fff;}

#bannernav {width:682px; 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:682px; height:30px; float:left; padding:0 0 2px 0;}
#bannermidlft{width:245px; height:35px; float:left;}
#bannermidlft h2{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 14px; color: #006633; font-weight: normal; padding-left: 5px;}
#search {width:432px; height:28px; float:right; padding: 0 5px 2px 0;}
#search form {height:30px; float:right;font-family: verdana, helvetica, sans-serif; font-size: 9px; color: #5A5A5A; font-style: italic; font-weight: bold;}
#search form img {border:0;}

#search_top {width:418px; height:35px; float:right; margin: -15px 0 0 0; padding: 0;}
#search_top form {height:35px; float:right;font-family: verdana, helvetica, sans-serif; font-size: 9px; color: #5A5A5A; font-style: italic; font-weight: bold; margin: 0; padding: 0;}
#search_top form img {border:0; margin: 0; padding: 0;}



#bannerbottom{width:682px; height:35px; float:left; background: #fff; padding: 0;}
#bannerbottom h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding-left: 5px;}
.letter3{letter-spacing: 3px;}


#info {width: 852px; float:left; text-align: right; margin: 0; padding: 0; border-bottom: 1px solid #fc0; background: #fff;}

#content{width:682px; float:left; margin:0; padding:0; background: #fff;}

#footspace {clear:both; width: 850px; height: 6px; float: left; margin: 0; padding: 0; background: transparent; overflow: hidden;}
#footer{clear:both; width: 844px; height: 15px; float: left; margin: 0; padding: 4px 5px 0 5px; background: #09791e; overflow: hidden;}
#foottext {width: 100px; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal;float: left;}
#foottextrt{width: 100; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal;float: right;}

#column_info{width:150px; float:left; margin: 0; padding-right:20px;}
#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: 0px; 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;}


#column_nav{width:225px; float:left; margin:0; padding:0; border-left: 1px solid #b8b8f1; 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;}*/

.chosen{color:#fff; background:#99cc99;} 
.center {text-align: center;}
.clear {clear:both;}

#info_nav {width: 681px; float:left; margin:0; padding: 0; background: url(booksornithology/img/booknavuse2.jpg) 0 0 no-repeat;}

#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: 30px; height: 16px; display: block;}

#navmenu #nav11c a{width: 79px;}
#navmenu #nav12c a{width: 79px;}
#navmenu #nav13c a{width: 79px;}

#navmenu #nav1c {left: 0px;}
#navmenu #nav2c {left: 31px; background-position: -31px 0;}
#navmenu #nav3c {left: 62px; background-position: -62px 0;}
#navmenu #nav4c {left: 93px; background-position: -93px 0;}
#navmenu #nav5c {left: 124px; background-position: -124px 0;}
#navmenu #nav6c {left: 155px; background-position: -155px 0;}
#navmenu #nav7c {left: 186px; background-position: -186px 0;}
#navmenu #nav8c {left: 217px; background-position: -217px 0;}
#navmenu #nav9c {left: 248px; background-position: -248px 0;}

#navmenu #nav13c {left: 442px; background-position: -442px 0;}
#navmenu #nav11c {left: 522px; background-position: -522px 0;}
#navmenu #nav12c {left: 602px; background-position: -602px 0;}

#navmenu #nav1c a:hover {background: url(booksornithology/img/booknavuse2.jpg) 0px -16px no-repeat;}
#navmenu #nav2c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -31px -16px no-repeat;}
#navmenu #nav3c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -62px -16px no-repeat;}
#navmenu #nav4c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -93px -16px no-repeat;}
#navmenu #nav5c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -124px -16px no-repeat;}
#navmenu #nav6c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -155px -16px no-repeat;}
#navmenu #nav7c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -186px -16px no-repeat;}
#navmenu #nav8c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -217px -16px no-repeat;}
#navmenu #nav9c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -248px -16px no-repeat;}

#navmenu #nav13c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -442px -16px no-repeat;}
#navmenu #nav11c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -522px -16px no-repeat;}
#navmenu #nav12c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -602px -16px no-repeat;}

a.screen, a.screen:visited, 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.screen11, a.screen11:visited, a.screen12, a.screen12:visited{color: #ffcc00; position:relative; z-index:1;}

a.screen b {background: url(booksornithology/img/bookshome.gif) no-repeat; position:absolute; width:110px; 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.screen1 b {background: url(booksornithology/img/botany.gif) no-repeat; position:absolute; width:110px; 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.screen2 b {background: url(booksornithology/img/entomology.gif) no-repeat; position:absolute; width:110px; 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(booksornithology/img/general.gif) no-repeat; position:absolute; width:110px; 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(booksornithology/img/ichthyology.gif) no-repeat; position:absolute; width:110px; 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(booksornithology/img/ornithology.gif) no-repeat; position:absolute; width:110px; 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(booksornithology/img/payment.gif) no-repeat; position:absolute; width:140px; 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(booksornithology/img/shipping.gif) no-repeat; position:absolute; width:110px; 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(booksornithology/img/terms.gif) no-repeat; position:absolute; width:110px; 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 */}

/* position hover nav name */
a.screen b {left:281px; top:0px;}
a.screen1 b {left:250px; top:0px;}
a.screen2 b {left:219px; top:0px;}
a.screen3 b {left:188px; top:0px;}
a.screen4 b {left:157px; top:0px;}
a.screen5 b {left:126px; top:0px;}
a.screen6 b {left:95px; top:0px;}
a.screen7 b {left:64px; top:0px;}
a.screen8 b {left:33px; top:0px;}
a.screen9 b {left:2px; top:0px;}

a.screen:hover, 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.screen11:hover, a.screen12:hover, a.screen13:hover {text-decoration:none; color: #ff9900; border:0; /* needed for this to work in IE */ z-index:1000;}

a.screen:hover b, 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.screen11:hover b, a.screen12:hover b, a.screen13:hover b{visibility:visible; /* make the image visible */ height:14px; /* now give it a height */ cursor:pointer; /* for IE */z-index:1000; }

















