body { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; text-align: center; margin: 0 8px; padding: 0; }
#wrap { text-align: left; width: 980px; margin: 0 auto; padding: 0; }
a:link { color: #960; text-decoration: none; }
a:visited { color: #960; text-decoration: none; }
a:hover { color: #600; text-decoration: underline; }
/*Top Navigation (tn)*/
#topnav { background-position: 0 0; text-align: right; width: 100%; height: 25px; margin: 0; padding: 0 8px 0 0; }
#tn { background-image: url(../media/nav/hcrab.gif); background-repeat: no-repeat; background-position: right 6px; top: 0; height: 25px; margin: 0; padding: 8px 40px 0 0; }
#tn li { margin: 0; padding-top: 0; padding-left: 8px; list-style-type: none; display: inline; white-space: nowrap; }
#tn li a { color: #fc6; font-size: 95%; display: inline; white-space: nowrap; }
#tn li a.selected { color: #600; }
/*Main Nav*/
#footer { text-align: right; padding-right: 30px; }
#mn { background-color: white; background-image: url(../media/menus/mn-bg.gif); background-repeat: repeat-x; background-position: 0 0; text-align: right; height: 79px; margin-top: 6px; }
#logo { background-image: url(../media/menus/logo.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 29px; width: 294px; height: 68px; }
#maintop { text-align: right; right: 0; margin: 0; padding: 17px 0 0; }
#mntop { height: 16px; overflow: hidden; margin: 0 0 0 460px; padding: 0; }
#mntop li { float: left; margin: 0; padding: 0 0 0 2px; list-style-type: none; display: inline; }
#mntop a { font-size: 80%; height: 16px; overflow: hidden; float: left; margin: 0; padding: 16px 0 0; }
#mntop a:hover { background-position: 0 -32px; }
#mntop a.selected { background-position: 0 -16px; }
#poems a { background: url(../media/menus/poems.gif) no-repeat left top; width: 126px; }
#news a { background: url(../media/menus/news.gif) no-repeat left top; width: 45px; }

#toolbox a { background: url(http://horseshoecrab.org/media/menus/toolbox.gif) no-repeat left top; width: 93px; }
#sightings a { background: url(../media/menus/sightings.gif) no-repeat left top; width: 84px; }
#involve a { background: url(../media/menus/involve.gif) no-repeat left top; width: 74px; }
#store a { background: url(../media/menus/store.gif) no-repeat left top; width: 86px; }
#mnbot {
	height: 30px;
	overflow: hidden;
	padding: 0;
	margin: 2px 0 0 575px;
}
#mnbot li { list-style-type: none; display: inline; margin: 0; padding: 0 0 0 0; float: left; }
#mnbot a { font-size: 80%; margin: 0; padding: 30px 0 0; height: 16px; float: left; overflow: hidden; }
#mnbot a:hover { background-position: 0 -60px; }
#mnbot a.selected { background-position: 0 -30px; }
#hist a { background: url(../media/menus/hist.gif) no-repeat left top; width: 57px; }
#evo a { background: url(../media/menus/evo.gif) no-repeat left top; width: 64px; }
#anat a { background: url(../media/menus/anat.gif) no-repeat left top; width: 67px; }
#med a {
	width: 65px;
	background-image: url(../media/menus/health.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#conserve a { background: url(../media/menus/conserve.gif) no-repeat left top; width: 86px; }
#research a { background: url(../media/menus/research.gif) no-repeat left top; width: 66px; }
/*Bands*/
#content { font-weight: normal; background-color: white; background-image: url(../media/menus/bg-poem.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
#band { background-color: #cc9; height: 6px; }
#left { background-color: #cc9; width: 152px; float: left; padding-top: 20px; padding-left: 0; }
#left p { margin-left: 12px; }
#left h1 { color: white; margin-left: 12px; }
#main { background-color: white; position: relative; top: 0; width: auto; margin-top: 0; margin-right: 8px; margin-left: 160px; padding: 20px 20px 40px; }
#mainnarrow { background-color: white; position: relative; top: 0; width: 500px; float: left; }
.mainsidebar { width: 200px; float: right; }
.sidebar2 { width: 200px; float: left; margin-right: 30px; }
body.conserve #left { background-color: #cc9; background-image: url(../media/titles/conservation.gif); background-repeat: no-repeat; background-position: 12px 12px; padding-top: 40px; }
body.nh #left { background-color: #cc9; background-image: url(../media/titles/nathist.gif); background-repeat: no-repeat; background-position: 12px 12px; padding-top: 60px; }
body.med #left { background-color: #cc9; background-image: url(../media/titles/medical.gif); background-repeat: no-repeat; background-position: 12px 12px; padding-top: 60px; }
body.poems #content { background-color: white; background-image: url(../media/menus/bg-poem.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
body.poems #band { background-color: #cc9; height: 6px; }
body.poems #left { background-color: #cc9; background-image: url(../poem/img/nav/tpoem.gif); background-repeat: no-repeat; background-position: 14px 12px; width: 128px; padding-top: 50px; padding-right: 6px; padding-left: 4px; }
body.poems #main { background-color: white; background-image: url(../poem/img/nav/hole.gif); background-repeat: repeat-y; position: relative; top: 0; margin: 0 0 0 140px; padding: 20px 24px 30px 60px; }
body.involve #content { background-color: white; background-image: url(../media/menus/bg-poem.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
body.involve #band { background-color: #cc9; height: 6px; }
body.involve #left { background-color: #cc9; background-image: url(../media/tinvolve.gif); background-repeat: no-repeat; background-position: 6px 9px; padding-top: 60px; }
body.involve #main { background-color: white; position: relative; top: 0; width: auto; margin: 0 8px 0 160px; padding: 20px 20px 30px; }
body.feature #content { background-color: white; background-image: url(../media/menus/bg-poem.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
body.feature #band { background-color: #cc9; height: 6px; }
body.feature #left { background-color: #cc9;  left: 8px; width: 152px; float: left; padding-top: 30px; padding-left: 0; }
body.feature #main { background-color: white; position: relative; top: 0; width: auto; margin: 0 8px 0 160px; padding: 20px 20px 30px; }
/*Company Store*/
body.shop #content { background-color: white; background-image: url(../media/menus/bg-gold.gif); background-repeat: repeat-y; margin: 0; padding: 0; }
body.shop #band { background-color: #dabb5d; height: 6px; }
body.shop #left { background-color: #dabb5d; background-image: url(../media/menus/store-navbg.gif); background-repeat: no-repeat; background-position: 5px top; top: 116px; left: 8px; width: 152px; float: left; padding-top: 120px; padding-left: 0; }
body.shop #main { background-color: white; background-image: url(../media/menus/store-mainbg.gif); background-repeat: no-repeat; background-position: left 0; position: relative; top: 0; width: auto; margin: 0 8px 0 152px; padding: 20px 20px 30px 28px; }
body.shop #footer { font-size: 90%; background-color: white; background-image: url(../media/menus/bg-gold.gif); background-repeat: repeat-y;height: 24px; clear: both; padding-top: 6px; padding-left: 200px; border-top: 1px solid #dabb5d; }
body.shop #sn li a { color: #600; }
body.shop #sn li a:hover, body.shop #sn li a.selected { color: white; }
.shopfeature { text-align: center; width: 150px; float: left; margin-top: 10px; margin-right: 10px; margin-left: 10px; padding-top: 10px; border-top: 1px solid #dabb5d; display: block; }
.itemlist { display: block; margin-right: 10px; padding-top: 10px; float: left; }
.item list form { margin: 0; padding: 0; white-space: nowrap; }
body.shop #left form { margin-top: 12px; margin-left: 12px; }
#footer { font-size: 90%; background-color: white; background-image: url(../media/menus/bg-poem.gif); background-repeat: repeat-y; padding-top: 6px; padding-left: 200px; height: 24px; clear: both; border-top: 1px solid #cc9; }
/*two Column Center Layout*/
#mainleft { margin: 0 240px 0 0; padding: 0 0 0 0; }
#mainright { position: absolute; top: 12px; right: 16px; width: 190px; margin: 0; padding: 0; }
.clearall { clear: both; margin: 0; padding: 0; }
.clearleft { clear: left; }
/*Type Styles*/
.floatleft { float: left; padding: 0 16px 1em 0; }
.promo { margin-top: 20px; padding: 5px; border: dotted 1px #600; }
.promo form { padding-top: 9px; padding-bottom: 0; }
body.shop td { padding-top: 4px; padding-right: 12px; padding-bottom: 4px; border-top: 1px solid #cc9; border-bottom-style: none; }
td { padding-right: 9px; border-bottom: 1px solid #cc9; }
table#open td { padding-top: 3px; padding-right: 9px; padding-bottom: 3px; border-bottom: 1px solid #cc9; }
table#open th { color: #993; font-size: 110%; text-align: left; padding-top: 3px; padding-right: 9px; padding-bottom: 3px; border-bottom: 1px solid #cc9; }
#submitarea { padding-top: 6px; padding-bottom: 20px; border-bottom-style: none; }
table#grid td { background-color: #f0f0cc; margin-right: 6px; margin-bottom: 6px; padding-bottom: 4px; padding-left: 9px; border-right: 1px solid #cc9; }
tr { vertical-align: top; }
table#grid { margin-top: 30px; }
table#norule td { margin: 0; padding: 0 6px 3px 0; border-style: none; }
h1 { color: #c60; font-size: 130%; font-weight: bold; }
h2 { color: #c60; font-size: 125%; font-weight: normal; margin-top: 1.25em; margin-bottom: 0; }
h3 { color: #600; font-size: 110%; font-weight: bold; margin-top: 1em; margin-bottom: 0; }
h4 { color: #4d4d1a; font-size: 100%; font-weight: bold; margin-top: 1.75em; margin-bottom: 0; }
.intro { line-height: 1.75em; }
body.involve div.promo { margin-top: 20px; margin-right: 12px; margin-left: 12px; padding: 0; border-style: none; }
body.involve div.promo form { padding-top: 9px; padding-bottom: 0; }
.intro { color: #676722; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; }
td { font-size: 11px; }
table#grid2 td { padding-right: 15px; padding-bottom: 12px; }
.floatright { float: right; padding-bottom: 30px; padding-left: 30px; }
.clearright { clear: right; }
/*home page*/
body.home #content { background-color: #f8f8f1; background-image: url(../media/home/content-bg.gif); background-repeat: repeat-x; background-position: left 0; margin-bottom: 0; padding-bottom: 0; }
body.home #left { background-color: transparent; background-image: url(../media/home/content-bg2.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 455px; float: left; margin-bottom: 0; padding-bottom: 420px; padding-left: 15px; }
body.home #footer { background-image: none; }
body.home #left h1 { color: #960; font-size: 140%; }
body.home #right { background-color: white; background-image: url(../media/home/promo-bgtop.gif); background-repeat: no-repeat; background-position: 0 0; width: 465px; float: right; margin-top: 30px; margin-bottom: 20px; padding: 5px 15px 15px; }
body.home #right h3 { color: white; font-size: 12px; line-height: 12px; margin: 0; padding-top: 8px; padding-bottom: 0; padding-left: 12px; }
body.home #right div#col1 { width: 223px; float: left; padding: 0; display: block; }
body.home #right div#col2 { display: block; padding: 0; width: 223px; float: right; }
body.home #more { clear: left; border-top: 1px solid #eadca9; }
body.home #more h2 { margin-top: 0.75em; }
.promo { margin: 8px 0 0; padding: 0; border-style: none; }
.promo p { line-height: 1.3; margin: 0; padding-top: 8px; padding-right: 8px; padding-left: 12px; }
body.home #right h3#one { background-color: #f8f8f1; background-image: url(../media/home/hd-discover.gif); background-repeat: no-repeat; background-position: left 0; height: 25px; }
.promo#discover { background-color: #f8f8f1; background-image: url(../media/home/bg-discover.jpg); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 129px; }
.promo#discover p { padding-right: 55px; }
.promo#celebrate { color: white; background-color: #993; background-image: url(../media/home/bg-celebrate.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px; }
.promo#celebrate a { color: #ededda; }
.promo#locate { background-color: #f8f8f1; background-image: url(../media/home/bg-locate.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px; }
.promo#shop { background-color: #eadca9; background-image: url(../media/home/bg-shop.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px; }
.promo#participate { background-color: #ededda; background-image: url(../media/home/bg-participate.jpg); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px; }
body.home #right h3#two { background-color: #f8f8f1; background-image: url(../media/home/hd-locate.gif); background-repeat: no-repeat; background-position: left 0; height: 18px; }
body.home #right h3#three { background-color: #f8f8f1; background-image: url(../media/home/hd-celebrate.gif); background-repeat: no-repeat; background-position: left 0; height: 18px; }
body.home #right h3#four { background-color: #f8f8f1; background-image: url(../media/home/hd-participate.gif); background-repeat: no-repeat; background-position: left 0; height: 25px; }
body.home #right h3#five { background-color: #f8f8f1; background-image: url(../media/home/hd-shop.gif); background-repeat: no-repeat; background-position: left 0; height: 25px; }
/*Style for Evolution*/
body.evo #band { background-color: #cc9; }
body.evo td { margin: 0; padding: 0; border-style: none; }
body.evo #left { background-color: #cc9; background-image: url(../media/titles/evolution.gif); background-repeat: no-repeat; background-position: 11px 9px; padding-top: 40px; }
body.evo #left h3 { padding-bottom: 8px; padding-left: 11px; }
body.evo #main { margin-top: 0; padding-top: 0; padding-bottom: 20px; }
body.evo #content { margin: 0; padding: 0; }
body.evo h1 { clear: right; margin-bottom: 0; padding-top: 10px; border-top: 1px solid #cc9; }
body.evo h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #cc9; }
body.evo #col1 { width: 250px; float: left; }
body.evo #col2 { width: 510px; float: right; }
body.evo ul { margin-left: 1.3em; padding-left: 0; }
#epoch { float: right; margin: 20px 0 0; padding: 0 0 6px; }
#epoch li { padding: 3px 4px 6px; border-top: 1px solid #993; border-right: 1px solid #993; list-style-type: none; display: inline; }
#epoch li.selected { color: white; background-color: #993; }
#epoch li.selected a { color: white; text-decoration: none; }
#epoch a {  }
#epoch li img { vertical-align: text-bottom; }
#current { margin: 0; padding: 3px 0 6px; }
table.holocene { width: 100%; border-top: 1px solid #cc9; }
#current li { padding: 3px 4px 6px; border-right: 1px solid #cc9; list-style-type: none; display: inline; }
#current li.selected { color: white; background-color: #993; }
body.evo p.rule { clear: left; margin-top: 0; border-bottom: 1px solid #cc9; }
#current li.selected a { color: white; text-decoration: none; }
/*Research Styles*/
body.research #left { background-image: url(http://horseshoecrab.org/media/titles/research.gif); background-repeat: no-repeat; background-position: 11px 0; padding-top: 30px; }
#researchlist li { margin: 0; padding: 6px 0; border-top: 1px solid #caca96; list-style-type: none; }
/*Subnav*/
#sn { margin: 0; padding: 0; }
#sn li { margin-top: 6px; margin-left: 12px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; border-bottom: 1px dotted #960; border-left: 1px dotted #960; list-style-type: none; }
#sn li a:link { color: #4d4d1a; text-decoration: none; }
#sn li a:hover { color: #960; text-decoration: none; }
#sn li a:visited { color: #4d4d1a; text-decoration: none; }
#sn li a.selected { color: #600; font-weight: bold; text-decoration: none; }
#researchlist { margin: 0; padding: 0; }
body.involve #sn li a:hover { color: #960; text-decoration: none; }
body.nh #sn li a:hover { color: #960; text-decoration: none; }
body.conserve #sn li a:hover { color: #960; text-decoration: none; }
body.research #sn li a:hover { color: #960; text-decoration: none; }
body.evo #sn li a:hover { color: #960; text-decoration: none; }
body #sn li a:hover { color: #960; text-decoration: none; }