@charset "utf-8";
/* CSS Reset Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, textarea {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {background-color:#03c1c6; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height: 130%;}
strong {font-weight:bold;}
em {font-style:italic;}

/* #wrapper {margin:0 auto; width:1000px;} */
#main {width:1000px; margin:0 auto; padding:0; background-image:url(http://www.hhnaturemuseum.org/images/common/mainBG.gif); background-repeat:repeat-y; background-position:top center;}

.clear {clear:both;
line-height:1px;}
.clear2 {clear:both; border-bottom:1px dashed #333; background:none; height:5px; margin:0 0 3px 0;}

#logoSide {width:246px; float:left; margin:0; padding:0;}
img.memberButton1 {display:none;}
img.memberButton2 {display:none;}
img.memberButton3 {display:none;}
#memberbutton1, #memberbutton2, #memberbutton3 {background-color:#105ba4; height:60px; width:169px; padding:10px 0 10px 0; margin:0 0 0 30px;}
#memberbutton1 {border-top:1px solid #0e4f8e; border-bottom:none; border-right:none; border-left:none; background-image:url(http://www.hhnaturemuseum.org/images/common/bt_member_up.gif); background-repeat:no-repeat; background-position:0 10px;}
#memberbutton2 {border-top:1px solid #0e4f8e; border-bottom:1px solid #0e4f8e; border-right:none; border-left:none; background-image:url(http://www.hhnaturemuseum.org/images/common/bt_renew_up.gif); background-repeat:no-repeat; background-position:0 10px;}
#memberbutton3 {border-top:none; border-bottom:1px solid #0e4f8e; border-right:none; border-left:none; background-image:url(http://www.hhnaturemuseum.org/images/common/bt_email_up.gif); background-repeat:no-repeat; background-position:0 10px;}
.mailingInfo {text-align:right; width:139px; margin:20px 0px 30px 29px; padding:0 10px 0 20px; color:#fff; font-size:11px; color:#CCC;}
.info2 {background-image:url(http://www.hhnaturemuseum.org/images/common/information01.gif); background-repeat:no-repeat; background-position:3px 0;}
.info3 {background-image:url(http://www.hhnaturemuseum.org/images/common/information02.gif); background-repeat:no-repeat; background-position:3px 0;}
.mailingInfo h5 a{color:#fff; font-weight:bold; font-size:12px; text-decoration:none;}
.mailingInfo h5 a:hover{color:#ffff07;}

#contentSide {width:754px; float:right; margin:0; padding:0; background-image:url(http://www.hhnaturemuseum.org/images/common/topBG.gif); background-repeat:no-repeat; background-position:top left;}

#banner {background-color:#f1e6df; height:207px; width:723px; margin:30px 0 0 0;}
#photoBanner1 {float:left; margin:15px 4px 0 0px; display:inline; width:225px;}
#photoBanner2 {float:left; margin:15px 0 0 0;  display:inline; width:225px;}

#topNavigation {background-color:#FFF; width:251px; height:177px; float:right; margin:15px 15px 0 0;}
#topNavigation h4 {color:#044254; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:14px 0 14px 0;}
#topNavigation .searchDiv {float:left; padding:0 5px 0 10px; height:20px; width:165px;}
#topNavigation input.search {width:160px; height:20px; background-color:#CCC; border:1px solid #333333;}
#topNavigation .searchButtonDiv {float:left; height:20px; width:50px; border:1px solid #666; background-color:#333; text-align:center;}
#topNavigation input.searchButton {color:#ffff00; font-size:12px; background:none; text-align:center; padding:2px 0 0 0;}
#topNavigation input.searchButton:hover {cursor:pointer;}
#topNavigation table#topNavDrops {width:100%; border:none; background:none; font-size:11px; margin:0;}
#topNavigation td.labelTopNav {width:30%; text-align:right;}
#topNavigation td.selectTopNav  {width:70%; text-align:left;}
#topNavigation table#topNavDrops select {width:165px; height:20px; background-color:#333; border:1px solid #666; color:#ffff00; margin:}

#navigation {height:29px; width:723px; background-color:#03c1c6; margin:0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; font-weight:bold; font-size:12px;}
#navigation ul {list-style-type:none; padding:0 0 0 15px;}
#navigation ul li {list-style-type:none; float:left; margin:0 18px 0 0; padding:8px 4px 6px 4px;}
#navigation ul li:hover {background-color:#eeeeee; color:#a52a2a;}
#navigation ul li.lastLink {margin:0 0 0 0;}
#navigation a {text-decoration:none; color:#000; padding:8px 4px 6px 4px;}
#navigation a:hover {background-color:#eeeeee; color:#a52a2a; text-decoration:none;}

#theGuts {width:723px; padding:10px 0px 20px 0px; background-color:#f1e6df;}
#theGutsLeft {width:450px; padding:10px; float:left; background-color:#f1e6df;}
#theGutsRight {width:230px; padding:10px; float:left; background-color:#f1e6df;}
#theGuts div.imageCaption img {display:block;}
#theGuts div.imageCaption {color:#FF0000; font-size:11px; line-height:16px; width:400px; margin:10px 0 10px 0;}
#theGuts p {padding:10px 0 10px 0; line-height:18px;}
#theGuts a {color:#0f5ba6; text-decoration:none;}
#theGuts a:hover {color:#0f5ba6; text-decoration:underline;}

#theGuts h1 {color:#333; font-size:28px; font-weight:normal; line-height:35px; padding:0 0 10px 0;}
#theGuts h2 {color:#0e4f8e; font-size:22px; font-weight:normal; line-height:32px; padding:0 0 8px 0;}
#theGuts h3 {color:#105BA4; font-size:19px; font-weight:normal; line-height:22px; padding:0 0 8px 0;}
#theGuts h4 {color:#105BA4; font-size:16px; font-weight:bold; line-height:20px; padding:0 0 5px 0;}
#theGuts h5 {color:#0f5ba6; font-size:13px; font-weight:bold; line-height:18px; padding:0;}
#theGuts h6{color:#e20202; font-size:11px; line-height:16px; margin:10px 0 10px 0;}

#theGuts ul {list-style-type:disc; padding:10px 20px 10px 40px;}
#theGuts ul li {padding:1px;}
#theGutsRight p {color:#FF0000; padding:0 0 10px 0;}
#theGutsRight p.seeMore {text-align:right; font-size:11px;}
#theGutsRight ul {list-style-type:disc; padding:0 0 15px 15px; color:#0f5ba6; }
#theGutsRight ul li {padding:1px; color:#0f5ba6; }

#footer {width:1000px; margin:0 auto; padding:5px; text-align:center; color:#ccc; font-size:11px; display:block;}
#footer p {padding:0; line-height:16px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}

.righty150, .righty200, .righty300{
display: block;
width: 160px;
text-align:center;
float:right;
}

.righty200{
width: 210px;
}

.righty300{
width: 310px;
}


.lefty150, lefty200, lefty300{
display: block;
width: 160px;
text-align:center;
float:left;
}

.lefty200{
width: 210px;
}

.lefty300{
width: 310px;
}

.righty150 img, .righty200 img, .righty300 img, .lefty150 img, .lefty200 img, .lefty300 img{
border: 1px solid #0e4f8e;
}

.blockImage150{
width:160px;
display: block;
}

.blockImage200{
width:210px;
display: block;
}

.blockImage300{
width:310px;
display: block;
}

.blockImage420{
width:420px;
display: block;
}

#theGutsLeft object{
padding-top: 10px;
padding-bottom: 10px;
}

#theGutsLeft table{
border: 1px solid #0e4f8e;
}

#theGutsLeft td{
padding: 4px;
padding-left: 8px;
font-weight: bold;
background: #ffffff;
border-top: 1px solid #0e4f8e;
}

#theGutsLeft table th{
background: #03c1c6;
font-weight: bold;
padding: 4px;
}

/******* Front Page **************/
#frontpage h2{
margin: 0;
padding:0;
color:#105BA4; font-size:21px; line-height:24px; padding:0 0 8px 0;
font-weight: bold;
}

#frontpage h5{
color:#000;
font-size:13px;
padding:0;
margin:0 0 3px 0;
line-height: 17px;
}

#frontpage .space{
padding-top: 15px;
}

/******* Overview lists *************/
#overlist li p{
margin-top:0;
padding-top:0;
}

/******** RIGHT COLUMN ************/
#rightinfo p a, #rightinfo p a:hover{
color: #e20202;
}

/*********** RESULTS TABLE *************/
#theGutsLeft #resultstable table td{
padding: 4px;
padding-left: 8px;
font-weight: normal;
background: #ffffff;
border-top: 1px solid #0e4f8e;
} 

/************ RIGHT PICTURE ************/

.rightpicture{
float: right;
border: 1px solid #0e4f8e;
margin-left: 5px;
}

/************* JUMP MENU FIX **************/
.nav_cat_archive ul, .nav_cat_archive li, #topNavigation ul, #topNavigation li, #topNavDrops li, #topNavDrops ull{
list-style:none !important;
}

#jumpfix ul, #jumpfix li{
list-style:none !important;
line-height: 0;
}
/************* SUBMIT BUTTON ***************/

/*#submit {
	background: #666666;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 2px 5px 3px 5px;
	border: 1px solid #333333;
	}*/