body { font:15px Arial,Helvetica,sans-serif; padding:0; margin:0; background-color:#FFF; line-height:20px; }

h1 { font:24px Geneva,Arial,Helvetica,sans-serif; font-weight:bold; color:#BC4D5A; line-height:normal; }
h2 { font:19px Geneva,Arial,Helvetica,sans-serif; font-weight:bold; line-height:normal; }
h3 { font:17px Geneva,Arial,Helvetica,sans-serif; font-weight:bold; line-height:normal; }
h4 { font-size:15px; line-height:normal; }
h5 { font-size:13px; line-height:normal; }
h6 { font-size:12px; line-height:normal; }

dt { font-weight:bold; }

blockquote { font-style:italic; }

#logo { float:left; display:block; width:320px; height:110px; font-size:xx-small; text-indent:-1000px; }

#quicklinks { float:left; width:590px; margin-top:16px; margin-right:20px; }

#search { margin-bottom:22px; text-align:right; }
#search .submit { padding-left:8px;
background-color:transparent; border:none; color:#fff; text-transform:uppercase; font-size:13px; line-height:normal;
background-image:url(/__data/assets/image/0007/3121/search_arrow.png); background-repeat:no-repeat;
background-position:left center; }
fieldset { border:0; margin:0; padding:0; }
#search_label { display:none; }

.topnav { margin-top:12px; text-transform:uppercase; text-align:right; font-size:12px; line-height:normal; }
.topnav a { color:#fff; text-decoration:none; }
.topnav a:hover { text-decoration:underline; }
.topnav .divider { color:#bc7821; margin-left:5px; margin-right:5px; }

#banner { width:932px; height:205px; margin-left:auto; margin-right:auto; padding-left:18px;
background-image:url(/__data/assets/image/0014/3137/header_bg.png); background-repeat:no-repeat; background-position:right top; color:#FFF; background-color:#FFF; }

#main { width:950px; margin-left:auto; margin-right:auto; padding-top:8px; }

#leftcol { float:left; width:298px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:4px; color:#676AAD; }

#section { height:56px; padding-top:8px; font-size:24px; line-height:normal; background-repeat:no-repeat; background-position:left bottom; text-align:center; }
#section a { text-decoration:none; color:#FFF; }

#sectiontext { position:relative; top:33%; }

#mainnav { margin-top:5px; padding-left:28px; padding-top:3px; background-image:url(/__data/assets/image/0019/24760/leftnav-bg.png); background-repeat:no-repeat; background-position:right top; }

#content { float:left; width:635px; padding-left:9px; padding-right:8px; padding-top:4px; padding-bottom:4px; background-color:#FFF; } /* 652px total width */

.feature { float:right; width:280px; margin-left:4px; margin-top:2px; margin-bottom:4px;
padding:4px 4px 4px 4px; background-color:#e0e0e0; }
.feature a { font-size:14px; line-height:normal; }
#feature-title { font-weight:bold; }

.notice { background-color:#eee; padding:0.5ex; margin:0.5ex; border:1px solid #ddd; font-size:12px; }

#lineage { padding-top:8px; font-size:12px; line-height:normal; }
#lineage a, .lineage a { color:#000; text-decoration:none; }
#lineage a:hover, .lineage a:hover { text-decoration:underline; }

#modified { color:#999; margin-top:20px; padding-top:2px; font-size:12px; text-align:right; clear:both; }

.nav1,.nav2,.nav3,.nav4 { margin-top:8px; margin-bottom:8px; margin-right:4px; }
.nav5,.nav6 { margin-top:4px; margin-bottom:4px; margin-right:2px; }
.nav1 { margin-left:0px; padding-left:16px; font-size:16px; line-height:normal; color:#BC4D5A;
background-image:url(/__data/assets/image/0004/24529/blue-bullet.png); background-repeat:no-repeat;
background-position:left center; }
.nav2 { margin-left:17px; font-size:14px; line-height:normal; color:#6166ab; }
.nav3 { margin-left:37px; font-size:12px; line-height:normal; color:#918F90; }
.nav4 { margin-left:57px; font-size:12px; line-height:normal; color:#918F90; }
.nav5 { margin-left:77px; font-size:11px; line-height:normal; color:#918F90; }
.nav6 { margin-left:97px; font-size:10px; line-height:normal; color:#918F90; }
.selected { color:#bb4d5a; text-decoration:none; }
.hier { color:#bb4d5a; text-decoration:none; }
.normal { color:#6166ab; text-decoration:none; }
.nav2 .normal, .nav3 .normal, .nav4 .normal, .nav5 .normal, .nav6 .normal { color:#666; }

#footer-top-line { width:932px; margin-left:auto; margin-right:auto; clear:both; }
#footer { width:930px; margin-left:auto; margin-right:auto; padding:14px 1px 4px 19px; font-size:12px; line-height:normal;
color:#6166ab; background-color:#FFF; }
#footer .column { width:180px; padding-left:3px; padding-right:3px; float:left; }
#footer a { color:#6166ab; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer span { color:#c4636f; }
#footer img { border:0px; margin:2px; }
#footer-bottom-line { width:941px; height:18px; margin-left:auto; margin-right:auto; clear:both;
background:url(/__data/assets/image/0005/25196/footer-bottom-line.png) no-repeat; }

a.arrow-link { display:block; padding-left:24px; font-weight:bold; height:25px; margin-top:8px; text-decoration:none;
background:url(/__data/assets/image/0014/3308/Contact_us.png) no-repeat 0% 40%; }
a.arrow-link:hover { text-decoration:underline; }

.spaced li { margin-top:1ex; margin-bottom:1ex; }

.pages { clear:both; margin:12px 0 }
.pages a { text-decoration:none }
.pages a:hover { text-decoration:underline }

#search-results .odd { background-color:#F8F8F8; clear:right; }
#search-results .even { background-color:#F0F0F0; clear:right; }
#search-results .result { margin-top:12px; }
#search-results img { float:right; margin:2px 2px 2px 6px; border:1px solid #666; }
#search-results .lineage, #search-results .updated { font-size:12px; }
#search-results .score { font-size:12px; line-height:normal; color:#999; }
#search-results br { clear:right; }

.rss a { background:url(/__data/assets/image/0003/25554/rss.png) no-repeat 0% 50%;
margin:3px 0px; padding:3px 0px 3px 22px; display:block; }

table.image { background-color:#e0e0e0; margin-left:0.2em; margin-right:0.2em; }
.photocredit { font-size:10px; color:#666; line-height:normal; text-align:left; }
.mainpiccaption { color:#000; line-height:normal; text-align:left; margin:0; }
.imageTable1, .imageTable2, .imageTable3 { width:90%; border:none; margin-left:auto; margin-right:auto; }
.imageTable1 td, .imageTable2 td, .imageTable3 td { text-align:center; padding:0.25em; position:relative; }

#top-rt-show { width:284px; padding:2px; background-color:#EEE; float:right;
 margin-left:5px; margin-bottom:2px; font-size:12px; line-height:16px;
 border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#top-rt-show img { border:1px solid #666; }
.caption { border-bottom:1px solid #CCC; margin-bottom:5px; padding-bottom:2px; padding-left:1px; font-weight:bold; }
.show1 .caption { border-bottom:0; margin-bottom:1px; padding-bottom:0; padding-left:1px; }
#icons { padding-bottom:1px; }
#icons img { vertical-align:middle; margin:2px; }
.show1 #icons { display:none }

.webcam .main-image { text-align:center; }
.webcam table { border:0; margin-left:auto; margin-right:auto; }
.webcam td { text-align:center; }
.webcam .heading { font-weight:bold; }
.webcam .thumb { width:132px; padding:4px; margin:4px; text-align:center; vertical-align:top; background-color:#EEE; }
.timelapse { text-align:center; margin-top:10px; }

.station-news-index img, .news-index img { float:right; margin-left:4px; margin-top:2px; margin-bottom:2px; border:1px solid #666; }
.station-news-index p, .news-index p { clear:both; }

.news-index .item img { float:right; margin-left:6px; margin-top:2px; margin-bottom:2px; border:1px solid #666; }
.news-index .item { clear:right; margin-bottom:12px; }
.date { font-size:12px; color:#999; }
.newsarchive-date { color: #555; font-size: 0.9em; }

.rightmenu { background-color:#ddddec; }
.rightmenu h2 { font-size:18px; line-height:normal; color:#BC4D5A; }
.rightmenusub { font-size:14px; line-height:normal; color:#BC4D5A; font-weight:bold; }
.rightmenusubsub { font-size:12px; line-height:normal; color:#6166ab; font-weight:bold; }

.iucn-lc { color:#060; }
.iucn-nt { color:#060; }
.iucn-vu { color:#600; }
.iucn-en { color:#600; }
.iucn-cr { color:#900; }

form .note { font-size: 0.7em; margin-top: 0px; }
form table td { padding-bottom:10px; }

.form-validate { color: #C00; font-size: 0.9em; font-weight: bold; }

.video_intro { margin-top:8px; margin-bottom:8px; }
.transcript { display:none; border:1px dashed black; background-color:#EEE; font-size:14px;
 padding-left:14px; padding-right:14px; }

.showhide { font-size:14px; margin-bottom:16px; }

#more-info { clear:both; }

.station-image-row { clear:both; }
.station-image-row div { width:275px; margin-left:2px; margin-right:2px; margin-top:12px; border:1px solid #CCC; float:left; text-align:center; background-color:#EEE; }
.station-image-row p { margin-top:0px; margin-bottom:2px; padding:2px; font-size:12px; font-weight:bold; }
.station-image-row img { border:0; }
#prev_next { clear:both; margin-top:12px; margin-bottom:12px; }
#prev_next div { width:50%; float:left; margin-top:12px; margin-bottom:12px; }

table.data tr { background-color:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
table.data td, table.data th { padding:2px; }
td.num { text-align:right; }

table.border { font-size:13px; }
table.border th { background-color:#CCC }
table.border td { border-top:1px solid #000; border-bottom:1px solid #000; }

/* Asset creation tools */
div.addasset { clear:both; padding-bottom:20px; width:540px; }
div.addasset form { background-color:#efefef; border:1px solid #6d83af; padding:0px; }
div.addasset form input#image_0 { background-color:#fff; }
div.addasset form p.tasktitle { background-color:#819acf; color:#fefefe; display:block; font-weight:bold; margin:0px; padding:6px; }
div.addasset form div.input-fields { padding:10px; }
div.addasset form div.input-fields div { padding-bottom:6px; }
div.addasset form label { color:#4D79CF; font-size:0.8em; font-weight:bold; }
div.addasset form div.usage { margin-top:10px; }
div.addasset form div.usage input { margin-left:-7px; }
.icynote { font-size:0.7em; margin:0px; }
.icynote a { color:#555; }
.icynote a:hover { color:#bf5f6e; }
div.addasset-btn { margin-bottom:20px; margin-top:0px; }
button.addasset-btn { background-color:#819acf; border:1px solid #6d83af; color:#fefefe; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; margin:0px; padding:4px 8px; }
div.img-btns { margin:0px auto; padding-left:2em; width:13em; }
div.del-img button.addasset-btn { float:left; margin:2px; padding:2px; }
div.addasset-btn a { background-color:#819acf; border:1px solid #6d83af; color:#fefefe; font-size:0.8em; font-weight:bold; margin:0px; padding:4px 8px; text-decoration:none; }
.addasset-btn a:hover, button.addasset-btn:hover { background-color:#b54d5c; border:1px solid #ccc; }
#btndisabled { background-color:#9badcf; border:1px solid #dedeed; color:#fefefe; font-size:0.9em; padding:4px; text-align:center; width:145px; }
#result { margin-top:15px; }
#loading { display:none; }
.issueexists { display:inline; }
.issueexists p { background-color:#819acf; color:#fefefe; display:inline; font-size:0.8em; font-weight:bold; padding:0px 6px; }

table.grid { border-collapse:collapse; border-top:1px solid #333; border-right:1px solid #333; }
table.grid th, table.grid td { border-bottom:1px solid #333; border-left:1px solid #333; text-align:left; margin:0px; padding:10px; vertical-align:top; }

table .w20 { width:20%; }
table .w25 { width:25%; }
table .w30 { width:30%; }
table .w40 { width:40%; }
table .w50 { width:50%; }
table .w60 { width:60%; }
table .w70 { width:70%; }
table .w75 { width:75%; }
table .w80 { width:80%; }