body {padding: 0; border: 0; margin: 2.9% 0 1% 2%;}

#container {min-width:800px; max-width:1100px; margin: 2% 0 0 3.5%;}
#header{width: 91.8%;}

#banner_info{width:20%; height: 94px; float:left; text-align: right; margin: 0; padding:0;}
#banner_info img{border: 0;}
#banner_divide{width:2%; height: 94px; float:left; margin: 0; padding:0; background: #ffffff;}
#banner {width:76.4%; height: 94px; margin: 0; padding: 0; float:left; overflow: hidden; border: 0;}

#bannernav {width:100%; height:14px; float:left; padding: 5px 0 0 5px;}
#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:100%; height:40px; float:left; padding:0; margin: 0;}
#search {width:65%; height:35px; float:right; padding: 0 1% 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: -1% 0 0 1px; padding: 0; float: right;}

#bannerbottom{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; width:100%; height:35px; float:left; padding: 5px 0 0 5px;}
.bannerbottom_name{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 21px; color: #006633; font-weight: normal; padding: 0; margin: 0;}
#bannerbottom_left {width:38%; float:left; margin: 8px 0 0 0; padding: 0 0 0 3px; height: 33px; text-align: right;}
#bannerbottom_right{width:61%; height: 33px; margin: 5px 0 0 0; padding: 0 0 0 3px; float:left;}
.letter3{letter-spacing: 3px;}

/*********************************/

#wrapper {width: 91.8%;}
.letter3{letter-spacing: 3px;}
.clear {clear: both;}

#column_info{width:20%; float:left; text-align: right; margin: 0; padding:0; background: #ffffff;}

#column_info h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 21px;
color: #0000cc;	padding: 0;}
#column_info h3{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px;
color: #006633;	padding: 0; margin-top: -5px;}
#column_info img{float:right;}
#column_info_form{padding: 25px 0 0 0; margin: 0; clear:both; border: 0;}

.address {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #727272;	margin: 0; padding: 0; float:right;}
.address1{font-family: Verdana, Helvetica, sans-serif; font-size: 15px; color: #0000cc; margin: 5px 0 0 0; padding: 0; line-height: 17px; float:right; font-weight: normal;}
.address2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px;
color: #006633;	margin: 0; padding: 0; line-height: 16px; float:right; font-weight: normal;}
.address a, .address a:link, .address a:visited, .address a:active{text-decoration: underline;
color: #ff9900;}
.address a:hover {color: #ff0000; text-decoration: none;}
.address a:active{text-decoration: underline; color: #ff9900;}

.address1 a, .address1 a:link, .address1 a:visited, {text-decoration: none; color: #990000;}
.address1 a:hover {color: #ff9900; text-decoration: underline;}
.address1 a:active {text-decoration: none; color: #990000;}
.title {font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 20px; color: #006633; padding: 0px; line-height: 27px;}

#column_info_list{width: 99.8%; margin: 20px 0 20px 0; float:left;}
#column_info_list img{margin: 6px 0 0 0;}
#column_info_list ul{list-style: none; padding:4% 0 4% 0; margin: 0; float: left;}
#column_info_list ul li{width: 90%; float:right; font-family:Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; font-weight: normal; padding:0 4% 0 0; line-height: 16px;}
#column_info_list ul li a {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal;}
#column_info_list ul li a:link, #column_info_list ul li a:visited {text-decoration: none; color:#9f9f9f;}
#column_info_list ul li a:hover {color: #ff9900; text-decoration: underline;}
#column_info_list ul li a:active {text-decoration: none; color:#9f9f9f;}

/***********************************/

.column_divide{width:2%; float:left; margin: 0; padding:0; background: #ffffff;}
#column_main{width:77.8%; float:left; margin: 0; padding:0; overflow:hidden;}

/**********************************/

#short_nav {width: 99.6%; height: 16px; float:left; margin: 0; padding: 4px 0 0 0; background:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 6px; text-align: right; border-bottom: 1px solid #525252;}
#short_nav a, #short_nav a:link, #short_nav a:visited, #short_nav a:active{text-decoration: none;  color: #9f9f9f; font-size: 8px;}
#short_nav a:hover {color: #ff9900; text-decoration: underline;}
#short_nav img {margin:0; padding:2px 0 0 0; float:right; width: 100%;}

#sub_nav {width: 95.2%; float:left; margin: 0 0 5px 0; padding: 7px 15px 15px 15px; background:#ffffff; font-family: Verdana, Helvetica, sans-serif; border-bottom: 1px solid #525252; font-size: 12px; background: #f7f7f7;}
#sub_nav p{font-family: Verdana, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; color:#666666; line-height: 14px;}
.subspecial {font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; font-weight: bold; color:#525252;}
#sub_nav img{padding: 0; margin: 0; border: 0;}

#footspace {clear:both; width: 100%; float: left; margin: 0; padding: 1px 0 0 0; overflow: hidden;}
#footer {font-family: Verdana, Helvetica, sans-serif; font-size: 8px; width: 100%; height: 20px; float:left; margin: 0 0 2px 0; padding: 8px 0 6px 0; background:#fff; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
#footer p{margin: 0; padding: 0;  text-align: center;}
#footer a {padding:0; margin: 0;}
#footer a:link, #footer a:visited {text-decoration: none; color: #4b4b4b;}
#footer a:hover {text-decoration: underline; color: #ff9900; font-weight: normal;}
#footer a:active {text-decoration: none; color:#4b4b4b;}

#sub_footer {width: 91.3%; height: 35px; float:left; margin: 0; padding: 0;}
#sub_footer img{border: 0; float:right; margin: 0; padding: 0;}

/****************************/
#main_content {width: 99.8%; float:left; margin: 0; padding: 0;}

#main_content_left_list {width: 27%; float: left; margin: 1% 0 0 0; padding: 0 0 6.4% 0; background: #e8e9ff; border: 1px solid #a6a6a6;}
#main_content_left_list ul{list-style: none; padding:0; margin: 0;}
#main_content_left_list ul li{width: 100%; float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding:0 0 0 10px; line-height: 16px;}
#main_content_left_list ul li a, #main_content_left_list ul li a:link, #main_content_left_list ul li a:visited, #main_content_left_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 20px;}
#main_content_left_list ul li a:hover {color: #ff9900; text-decoration: none;}



.main_content_left_list2 {width: 27%; float: left; margin: .5% 0 .8% 0; padding: 0 0 2.8% 0; background: #cfedb1; border: 1px solid #a6a6a6;}
.main_content_left_list2 ul{list-style: none; padding:0; margin: 0;}
.main_content_left_list2 ul li{width: 100%; float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding:0 0 0 6%; line-height: 16px;}
.main_content_left_list2 ul li a, .main_content_left_list2 ul li a:link, .main_content_left_list2 ul li a:visited, .main_content_left_list2 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;}
.main_content_left_list2 ul li a:hover {color: #ff9900; text-decoration: none;}


#main_content_mid_holder {width: 43%; float:left; margin: 1% 0 0 1.3%; padding: 0;}

#major_column_spacer_holder1 {width: 42%; float:left; margin: .5% 0 0 1.3%; padding: 0;}

.major_pic_holder {width: 100%; float:left; margin: 0; padding: 0;}
.major_pic_holder img {float:left; padding: 1.2%; border: 1px solid #a6a6a6; margin: 0 0 0 2%;}

.minor_pic_holder {width: 13%; float:left; padding: 1.2%; margin: 0 0 0 2%; border: 1px solid #a6a6a6;}
.minor_pic_holder img {float:left; padding: 0; margin: 0 0 0 2%; border: 0;}

.drop {margin: 2% 0 0 0;}

#main_content_right_holder {width: 27.7%; float: left; margin: 1% 0 0 -1.2%; padding: 0;}

#major_list_next {width: 100%; float: left; margin: 10px 0 0 0; padding: 0;}
#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 0 0 20px;}
#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;}

.major_list_next2 {width: 98.8%; float: left; margin: 10px 0 0 0; padding: 0 0 15px 0; background: #ccff99; border: 1px solid #a6a6a6;}
.major_list_next2 ul{list-style: none; padding: 0 0 0 20px; margin: 0;}
.major_list_next2 ul li{float:left; font-family:Verdana, Helvetica, sans-serif; font-size: 9px; color: #006633; font-weight: normal; padding: 6 0 0 20px;}
.major_list_next2 ul li a, .major_list_next2 ul li a:link, .major_list_next2 ul li a:visited, .major_list_next2 ul li a:active{font-family:Verdana, Helvetica, sans-serif; font-size: 9px; float:left; cursor:default; text-decoration:underline; color: #0000cc; padding: 0 20px 0 30px;}
.major_list_next2 ul li a:hover {color: #ff9900; text-decoration: none;}
.major_list_next2 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;}
.major_list_next2 img{padding: 3% 0 0 25%; margin: 0;}




.title{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: bold; padding: 10px 0 0 20px; float:left;}


.header1{font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #1D6C0F; font-weight: normal; padding: 10px 0 0 20px; float:left;}
.header2{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #585858; font-weight: normal;padding: 10px 0 0 20px; float:left;}
.header4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: bold; padding: 10px 0 0 20px; float:left;}

.header3{padding: 10px 0 5px 5px; margin: 0; float:left;}
.header3 ul{list-style: none; padding: 0 0 0 5px; margin: 0;}
.header3 ul li{padding: 0 5px 0 0; margin: 0;}
.header3 h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 11px; color: #585858; font-weight: bold; padding: 0; float:left;}



#info_nav_holder {width:99.6%; float:left; margin:0; padding: 0;}
#info_nav {width:100%; float:left; margin:0; padding: 0;  background: url(../imgroot/printnav.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: 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; }