/*** CSS reboot ***/
/* http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-weight: 300;
  line-height: 1.3;
  background: #FFFFFF;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** end of CSS reboot ***/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 1024px;
  margin: 20px auto;
}
a {
  text-decoration: underline;
  color: #800000;
}
a:hover {
  text-decoration: none;
  color: #404040;
}
p, 
.item-page td,
.item-page li {
	color: #404040;
	font-size: 0.875em;
	margin-bottom: 12px;
}
p.readmore {
	margin-top: -12px;
}
p.img_caption {
	color: #507700;
	font-style: oblique;
	font-size: 0.75em;
}
.view-featured .main p {
	font-size: 1em;
}
blockquote {
  padding-left: 30px;
  font-style: italic;
}  
table {
	  margin-bottom: 12px;
}
td {
	padding: 0 4px 4px 4px;
}
em, i {
	font-style: italic;
}
li ol li:first-child {
	margin-top: 12px;
}
strong {
	font-weight: bold;
}
span.label-warning {
	color: #e00000;
	font-size: 0.8em;
	margin-left: 10px;
}
h1 {
	color: #808080;
	font-size: 1.375em;
  font-weight: bold;
  margin-bottom: 12px;
}
.page-header h1 {
	color: #507700;
	font-size: 1.75em;
  font-weight: bold;
  margin-bottom: 4px;
}
h2 {
	color: #507700;
	font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 4px;
}
h3,
.ba-form-page .ba-form-field-item h3,
.blog .item h2 {
	color: #507700;
	font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 4px;
}
h4 {
	color: #507700;
	font-size: 1em;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 4px;
}
h6 {
	color: #9AA6BF;
	font-size: 0.875em;
  font-weight: bold;
  margin: -12px 0 12px 0;	
  clear: both;
}
.blog .items-row {
	margin: 10px 0;
	border-top: 2px solid #808080;
	padding: 10px 0;
	clear: both;
}
.blog .span6:first-child {
	margin-top: 0;
	border-top: none;
}
.blog .item-image img {
	padding-bottom: 6px;
}
.bloghome2col h2 {
	x-color: #800000;
	border: 1px solid #808080;
	background: #f0f0f0;
  font-size: 1.5em;
  text-align: center;
}
.bloghome2col .span6 {
	font-size: 0.875em;
	background: #c0c0c0;
}
.bloghome2col .column-1 {
	width: 318px;
	float: left;
}	
.bloghome2col .column-2 {
	width: 318px;
	float: right;
}	
.item-pagenews .article-info {
	padding-bottom: 10px;
}
/*
.blogspecies h1,
.blogspecies h2,
.blogspecies h3 {
  display: inline;
  padding-right: 8px;
}
.blogspecies h2 {
  font-style: italic;
  font-size: 1em;
  color: #808080;
}
*/
.blog .item dl.article-info,
.blognews .item dl.article-info,
.item-page dl.article-info {
	float: right;
	color: #800000;
}
.blog .item h2 {
	width: 750px;
}
.blog .item dl.article-info,
.item-page dl.article-info {
	margin-top: -28px;
}
.blog .item time {
	font-size: 0.75em;
}
.blognews .item p,
.xx-item-page p {
	clear: both;
}
.tour .category-desc-text {
  float: left;
  width: 65%;
  overflow: hidden;
}
.tour .category-desc-text p {
	clear: both;
}
.tour .category-desc-text .img_caption {
  width: unset !important;  
}
.tour .category-desc-text .img_caption img {
	width: 100%;
}
.tour .category-desc-image {
	float: right;
	width: 33%;
	margin-top: 30px;
	position: relative;
}
.tour .category-desc-image img {
	width: 100%;
}
.tour .location-label {
	font-size: 10px;
	line-height: 10px;
	color: #000;
	position: absolute;
}
.tour .location-label-left {
  width: 0;
  direction: rtl;
  white-space: nowrap;
}

a.twoline {
	padding-top: 4px;
	padding-bottom: 4px;
}

ul {
	padding-left: 20px;
	list-style-type: none;
}
ul.pager { 
	padding: 0;
}
ul.pager li { 
  display: inline;
}

div.pull-right img,
div.img_caption.right,
img[style*="float: right;"],
img[align~="right"] {
	margin: 0 0 4px 9px;
}
div.pull-left img,
div.img_caption.left,
img[style*="float: left;"],
img[align~=left] {
	margin: 0 9px 4px 0;
}
.pull-right img {
	float: right;
}
.pull-left img {
	float: left;
}
.push-right p {
	text-align: right;
	position: absolute; 
	right: 300px;
	bottom: 60px;
}
.push-left p {
	text-align: left;
	position: absolute; 
  left: 300px;
	bottom: 60px;
}
p.caption_nojs {
	font-size: 0.64em;
	color: #9c9c9c;
}

.header {
	background: url(/images/Banner.jpg) top right;
  height: 110px;
  width: 1024px;
  padding: 0;
  border-bottom: 8px solid #808080;
  margin-bottom: 8px;
}

/* 2 Column settings 180px:844px */
.twocol.container2 {
	background: #FFF;                  /* column 2 background colour         */
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
}
.twocol .container1 {
  color: #202020;
	background: #FFF;                  /* column 1 background colour        */
	float: left;
	width: 100%;
	position: relative;
	right: 844px;
}
.twocol .col1 {
	float: left;
	width: 170px;
	position: relative;
	left: 844px;
	padding-bottom: 40px;
	xx-overflow: hidden;
	xx-min-height: 600px;
	xx-background: #507700;
}
.twocol .col2 {
  color: #202020;
	float: left;
	width: 839px;
	position: relative;
	left: 859px;
	overflow: hidden;
}

/*** Fluid 3-column layout - CSS derived from http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/
.container3 {                           /*-- Wrapper for text pane within main body --*/
  position: relative;                   /* Fix the IE7 overflow hidden bug    */
  clear: both;
  float: left;
  width: 100%;                          /* Width of whole page                */
  overflow: hidden;                     /* Truncate any overhanging divs      */
  padding: 0;  
  margin: 0 0 8px 0;
}

/* common column settings */
.threecol .container2,
.threecol .container1 {
  float: left;
  width: 100%;
  position: relative;
}

.threecol .col1,
.threecol .col2,
.threecol .col3 {
  float: left;
  position: relative;
  padding: 0;                           /* no left and right padding on       */
                                        /* columns, we just make them         */
                                        /* narrower instead only padding top  */
                                        /* and bottom is included here, make  */
                                        /* it whatever value you need         */
  min-height: 400px;
}
.threecol .col1,
.threecol .col3 {
  overflow: hidden;
}  
/* 3 Column settings 170px:684px:170px */
.threecol {
  background-color: #FFFFFF;            /* Right column background colour     */
  color: #404040;
}
.threecol .container2 {
  right: 170px;                         /* Right column width                 */
  background-color: #FFF;               /* Center column background colour    */
  margin: 0;  
}
.threecol .container1 {
  right: 684px;                         /* Centre column width                */
}
.threecol .col1 {
  width: 654px;                         /* Centre column content width        */
                                        /*  (column width minus padding)      */
  left: 1039px;                         /* 100% plus left padding of center   */
                                        /*  column                            */
  min-height: 400px;
  color: #000;
  xx-padding-right: 15px;
}
.threecol .col2 {
  width: 170px;                         /* Left column content width          */
                                        /*  (column width minus padding)      */
  left: 200px;                          /* width of (right column) plus       */
                                        /*  (center column left and right     */
                                        /*   padding) plus                    */
                                        /* (left column left padding)         */
}
.threecol .col3 {
  width: 150px;                         /* Right column content width         */
                                        /*  (column width minus padding)      */
  left: 884px;                          /* (100% - left column width) plus    */
                                        /*   (center column left and right    */
                                        /*    padding) plus                   */
                                        /*   (left column left and right      */
                                        /*    padding) plus                   */
                                        /*   (right column left padding)      */
  font-size: 0.65em;
  padding: 0 10px;
  background: #C0C0C0; 
}
.blognews h2 {
	color: #800000;
	background: #808080;
	font-size: 1.25em;
	width: 150px;
	padding: 5px 10px 5px 10px;
	margin-left: -10px;
}
.threecol .col1 img {
	max-width: 654px;
}
.twocol .col1 img {
	max-width: 839px;
}
.twocol .col1 h3,
.threecol .col2 h3 {
	width: 152px;
	font-size: 1em;
	margin: 20px 0 0 0;
	background: #800000;
	color: #C0C0C0;
	padding: 2px 4px 4px 14px;
	font-variant: small-caps;
}
.threecol .col3 h3 {
	background: #800000;
	color: #C0C0C0;
	font-size: 1.5em;
	font-variant: small-caps;
	width: 156px;
	padding: 2px 4px 4px 10px;
	margin: 0 0 0 -10px;
}


.footer {
	color: #800000;
	clear: both;
	font-size: 0.857em;
  height: 16px;
  padding: 4px 0;
  border-top: 2px solid #808080;	
  border-bottom: 2px solid #808080;
}
.footer a {
	font-variant: normal;
}
.footer p {
	margin: 0;
}
.footer-left {
	float: left;
}
.footer-centre {
	float: left;
	padding-left: 190px;
}
.footer-right {
	float: right;
}
.colophon {
  clear: both;
	font-size: 0.629em;
	text-align: right;
	padding: 3px 0;
}
.colophon ul.nav {
	padding: 0;
	margin: 0;
	float: left;
}
/*** ARI menu over-rides ***/
.ux-menu a {
	font-variant: small-caps;
  transition: all 0.5s ease 0s;
}
#ariext90_container {
	margin-bottom: 20px;
}
ul#ariext90 li {
	width: 170px !important;
}
ul#ariext90 li a {
	border: none;
}
ul#ariext90 ul.ux-menu-sub {
	left: 170px !important;
}
ul#ariext90 ul.ux-menu-sub ul,
ul#ariext90 ul.ux-menu-sub ul li {
	width: 200px !important;
}
ul#ariext90 ul.ux-menu-sub ul ul {
	left: 200px !important;
}


ul#ariext94 li {
	width: 170px !important;
}
ul#ariext94 li a {
  border: none;
}
li.ux-menu-item131 a {
	background: #507700 url(/images/Blogger24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item131 a:hover {
	background: #98BF21 url(/images/Blogger24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item133 a,
li.ux-menu-item134 a,
li.ux-menu-item135 a {
	background: #507700 url(/images/FB24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item133 a:hover,
li.ux-menu-item134 a:hover,
li.ux-menu-item135 a:hover {
	background: #98BF21 url(/images/FB24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item512 a {
	background: #507700 url(/images/youtube24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item512 a:hover {
	background: #98BF21 url(/images/youtube24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item480 a {
	background: #507700 url(/images/LMF24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}
li.ux-menu-item480 a:hover {
	background: #98BF21 url(/images/LMF24.png) no-repeat 4px 4px !important;
	padding: 10px 8px 10px 32px;
}

li.ux-menu-item133 a,
li.ux-menu-item133 a:hover,
li.ux-menu-item152 a,
li.ux-menu-item152 a:hover {
	padding-top: 4px;
	padding-bottom: 4px;
}

ul#ariext102 li {
	width: 170px !important;
}
ul#ariext102 li a {
  border: none;
}

/*** Conservation break list ***/
.blogconservation-break {
  border: 1px dashed #404040;
  padding: 10px;
  margin: 10px 0 6px 0;
  background: #E7EEDF;
}
.blogconservation-break .page-header {
  clear: both;
}
.blogconservation-break .page-header h2 {
  color: #404040;
  font-size: 0.875em;
  float: left;
  width:260px;
}
.blogconservation-break p {
  /* float: left; */
  margin-left: 280px;
  margin-bottom: 8px;
}
.blogconservation-break:after {
  content: "";
  display: table;
  clear: both;
}

.biblio-item span {
	color: #808080;
	font-size: 0.8125em;
}
p.journallist-pages { display: inline-block; width: 10%; min-width: 100px; vertical-align: top; padding-bottom: 4px; margin-bottom: 0;}
p.journallist-title { display: inline-block; width: 70%; vertical-align: top; padding-bottom: 4px; margin-bottom: 0;}
span.journallist-link { display: inline-block; padding-left: 6px; margin-bottom: 0;}
span.journallist-size { display: inline-block; color: #808080; padding-left: 6px; margin-bottom: 0; font-size: 75%;}
img.journallist-cover { float: right; border: 2px solid #808080; margin-top: -28px; }

ul.biblio-index-list {
  background: #507700;
  line-height: 28px;
}	
ul.biblio-index-list li {
	display: inline;
}
ul.biblio-index-list li a {
	padding: 0 4px;
  text-decoration: none;
  color: #fff;
}
ul.biblio-index-list li a:hover {
	background: #98bf21;
	color: #000;
}
ul.biblio-index {
	list-style type: none;
	margin-left : -20px;
}
ul.biblio-index ul {
	margin-left: 30px;
}
ul.biblio-index a {
	font-size: 0.75em;
	text-decoration: none;
}
ul.biblio-index a:hover {
	text-decoration: underline;
}

.item-pagenews ul {
	font-size: 0.75rem;
}
.specieslist-list,
.specieslist-tree {
	height: 840px;
	overflow-y: scroll;
}
/*** baforms overrides **/
.cons-break-date .ba-field-label-wrapper {
	width: 540px;
	float: left
}
.cons-break-date .ba-field-container {
	width: 140px;
	display: inline-block;
}
.form-text .ba-form-checkbox-title {
	font-weight: normal;
	font-size: 14px;
}
/*** droptables overrides ***/
.droptables_table .filterable thead .sorting::after,
.droptables_table .filterable thead .sorting_asc::after,
.droptables_table .filterable thead .sorting_desc::after {
	top: 3% !important;
}
[class*="sorting"] .droptables-filter-input {
	margin: 0 !important;
}
	
/** Suppress editing ***/
.btn-group,
ul.actions,
span.list-edit {
	display: none;
}
@media print {
	.header,
	.twocol .col1,
	.footer,
	.colophon {	
    display: none;
  }
  .twocol .col2 .specieslist-list,
  .twocol .col2 .specieslist-tree {
  	overflow: unset;
  	height: unset;
  }
}