body {
	min-width: 600px;
}
.banner_strip {
	background-color: #9a918a;
	border-top: 0.3rem solid #600;
	border-bottom: 0.1rem solid #600;
	height: 100px;
	width: 100%;
}
#banner {
	text-align: center;
}
h1 {
	color: #600;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 4.5rem;
	letter-spacing: 0.08em;
}
#the_authors {
	color: #300;
	font-size: 1.9rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}
#photo {
	background-image: url(site_images/cerambycid_4.jpg);
	background-repeat: no-repeat;
}
#photo_credit {
	/*cursor: pointer;*/
	height: 3rem;
	margin-top: 45.5rem;
	width: 15rem;
}
#photo_credit a {
	text-decoration:none;
	color:white;
	font-size:1.0rem;
	margin-left:2.0rem;
}
.new_window_link img {
	margin-left: 0.4rem;
}
#footer {
	clear: both;
	color: #300;
	font-size: 1.5rem;
	padding-top: 0.5rem;
	text-align: center;
}
#footer span {
	font-weight: 700;
}
.no_select {
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.centred {
	margin-left: auto;
	margin-right: auto;
}
.tab {
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1;
}
.tab:hover {
	color: #300;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#container {
	position: relative;
	width: 988px;
}
#smaller_panes {
	float: left;
}
.small_pane {
	background-color: transparent;
	border-bottom: 1px solid #300;
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	position: absolute;
	top: 0;
	height: 480px;
	width: 640px;
}
.tabs {
	background-color: #fff;
	border-bottom: 1px solid #300;
	height: 480px;
	width: 172px;
}
.tabs ul {
	list-style: none;
}
.tabs li {
	background-color: #9a918a;
	border-bottom: 1px solid #300;
	font-size: 1.3rem;
	font-weight: 700;
	height: 1.8em;
	padding-top: 0.5em;
	text-align: left;
}
.tabs li a {
	color: #300;
	margin-left: 0.8em;
	text-decoration: none;
}
.left_tabs {
	border-left: 1px solid #300;
	float: left;
}
.tabs .tab_on {
	background-color: #cdba96;
}
.right_tabs {
	border-right: 1px solid #300;
	float: right;
}
.disabled {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.disabled:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
/* logo left */
.left {
	background-image: url(site_images/CSIRO_Black.jpg);
}
/* logo right */
.right {
	background-image: url(site_images/abrs.jpg);
}
.logo {
	height: 171px;
	width: 172px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}
/*************** Internal Pages - use em for units on child elements to stay relative to font-size 1.5rem *****************/
.page_holder, #gallery_holder {
	background-color: #eae4d8;
	font-size: 1.5rem;
	/*height: 480px;*/
	/*overflow: hidden;*/
}
/* ============= general internal pages ================= */
.page_mast_list {
	background-color: #cfc6b5;
	border-bottom: 1px solid #600;
}
.page_mast {
	background-color: #cbbfa9;
	border-bottom: 1px solid #600;
}
.for_printer {
	position: absolute;
	top: 0;
	left: 29.1em;
	white-space: nowrap;
}
.for_printer img {
	display: block;
	float: right;
	margin-left: .7em;
	margin-top: -0.4em;
}
.for_printer a {
	text-decoration: none;
}
.print_icon {
	/*padding-left: 2.5em;*/
	text-decoration: none;
}
.for_gal {
	padding-left: 20.8em;
}
.for_genera {
	padding-left: 3.7em;
}
/*icon only for pages of lists*/
.print_icon img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 0.6em;
	margin-top: -0.5em;
}
.page_holder p, #gallery_holder p {
	padding: 0.5em 1em .5em .5em;
	line-height: 140%;
}
.page_holder a, #gallery_holder a {
	color: #300;
}
.page_holder h4 {
	margin-left: 0.5em;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.page_holder div.author_img {
	border-bottom: 1px solid black;
}
.page_holder div.author_img img {
	display: block;
	height: auto;
	width: auto;
}
.page_holder #contacts {
	display: block;
	margin-left: 50rem;
	margin-top: -2.8rem;
	margin-bottom: 0.5em;
}
.author_page_scroll {
	height: 17.5em;
	overflow: auto;
}
.reference_content p {
	padding-left: 1.5em;
	text-indent: -1em;
}
/* uc = under construction */
.uc {
	border: 1px solid #000;
	float: left;
	filter: alpha(opacity=60);
	margin-right: 0.6rem;
	opacity: 0.6;
}
.x_links img {
	display: block;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
}
.x_links p {
	text-align: center;
	margin-top: 0.5em;
	padding: 0;
}
/* ============ end general internal pages ============== */
/* ++++++++++++++++ gallery and genera ++++++++++++++++++ */
h3 {
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	margin-left: 0.5em;
}
/* ********* lists ********* */

.list_page {
	border-bottom: 1px solid #300;
}
.list_page h3 {
	font-size: 1.5rem;
	padding-top: 0.32em;
}

.subfamily_info {
	height: 2.2em;
	font-size: 0.9em;
}
.subfamily_info a {
	margin-left: 0.6em;
}
/*this is the text 'search'*/
.subfamily_info span {
	margin-left: 2em;
	margin-right: 0.6em;
}
.subfamily_info #search_text {
	background-color: #eae4d8;
}
.subfamily_tabs {
	list-style: none;
	position: absolute;
	top: 0.2em;
	left: 5.5em;
}
.subfamily_tabs li {
	float: left;
	margin-left: 0.25em;
	border: 1px solid #300;
}
.subfamily_tabs a {
	text-decoration: none;
	display: block;
	padding: 0.08em 0.25em 0.45em 0.25em;
}
.subfamily_tabs a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.subfamily_tabs li.list_tab_on a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
li.list_tab_on a {
	filter: alpha(opacity=100);
	opacity: 1;
	font-weight: 700;
}
li.list_tab_on {
	border-bottom: 1px solid #cfc6b5;
}
/* ********* end lists ********* */
/* ********* genera lists ********* */
.page_holder .genus_list {
	margin-left: 2.5em;
}
.page_holder .genus_list ul {
	float: left;
	list-style: none;
	width: 19em;
}
.page_holder .genus_list ul.first_column {
	margin-left: 0;
}
.page_holder .genus_list ul li {
	margin-bottom: 0.35em;
	margin-top: 0.35em;
}
.page_holder .the_genus_link {
	font-style: italic;
}
.page_holder .the_genus_link img {
	margin-left: 0.3em;
}
.page_holder ul.synonyms li {
	margin: 0;
}
.page_holder ul.synonyms a {
	font-size: 0.9em;
	text-decoration: none;
}
.page_holder .genus_name a {
	color: #600;
	font-weight: 600;
}
/* ******* end genera lists ******** */
/* +++++++++++++++++++++++++++++Image Gallery and Images in Pages CSS+++++++++++++++++++++++*/
/*general page scroll divs*/
.page_scroll {
	height: 29.5em;
	overflow: auto;
}
/*gallery and genus scroll divs*/
.list_container, .gallery_container  {
	height: 41.8rem;
	/*width:735px;*/
	overflow: auto;
}
.gallery {
	background-color: transparent;
	float: left;
}
.gallery:first-child {
	margin-left: 1em;
}
.gallery_container div {
	height: 11.8em;
	width: 10em;
	margin-top: 1em;
	margin-left: 0.48em;
	float: left;
}
.gallery img {
	height: auto;
	width: auto;
}
.gallery img {
	border: 1px solid #000;
}
.g_arrow {
	border: none;
	height: auto;
	margin-left: 0.3em;
	width: auto;
}
.page_holder .e_cap, #gallery_holder .g_cap {
	font-size: 0.9em;
	padding: 0;
}
#gallery_holder .g_cap {
	text-align: center;
}
.page_holder .e_cap {
	margin-bottom: 0.5em;
	width: 30rem;
	text-align: center;
}
.page_holder .page_imgs {
	height: auto;
	width: 100%;
}
.page_holder .page_imgs img {
	height: auto;
	width: auto;
	border: 1px solid #000;
	border-right: none;
}
.page_holder a .last_img {
	border-right: 1px solid #000;
}
.page_holder .page_imgs .id_one {
	width: 20.2rem;
	height: auto;
}
.page_holder .page_imgs .id_two {
	width: 40.3rem;
	height: auto;
}
.page_holder .page_imgs .one {
	width: 15.2rem;
	height: auto;
}
.page_holder .page_imgs .two {
	width: 30.3rem;
	height: auto;
}
.page_holder .page_imgs .three {
	width: 45.4rem;
	height: auto;
	/*margin-bottom:-1.8rem;*/
}
.page_holder .txt {
	clear: left;
}
.page_holder .page_imgs .four {
	width: 610px;
	height: auto;
}
.page_holder .page_imgs .inner {
	margin-left: auto;
	margin-right: auto;
}
.page_holder .figure_num {
	float: left;
	width: 15rem;
	text-align: center;
	margin-top: -1rem;
	margin-bottom: -1.4rem;
}
.page_holder .undo {
	margin-bottom: 0;
}
.page_holder .page_imgs .four .e_cap {
	float: left;
}
.page_holder .page_imgs .three .e_cap {
	float: left;
}
.page_holder .page_imgs .three .e_cap:last-child {
	width: 15rem;
}
/*for exotic key*/
.page_holder p.go_on {
	margin-top: -1.2rem;
	margin-bottom: 1rem;
}
.page_holder p.caption {
	margin-top: -1rem;
}
/*image frame displays full size images*/
#img_frame {
	background-color: white;
}
#img_frame img {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	width: auto;
}
#img_frame > div:last-child {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
#img_frame img.g_arrow {
	border: none;
	display: inline;
	margin-left: 0.3em;
	margin-top: 0;
}
#img_frame .e_cap {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}
#img_frame .g_cap {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}
#img_frame .g_cap img {
	height: auto;
	width: auto;
}
.gallery .g_cap a,#img_frame .g_cap a {
	color: #300;
	font-style: italic;
}
.the_img .em_img {
	height: auto;
	width: auto;
}
#img_frame > div.e_paras {
	width: auto;
}
.gallery_container > div img {
	border:1px solid black;
}
.gallery_container .g_cap img {
	border:none;
}
/*++++++++++end of Image Gallery and Images in Pages CSS+++++++++++++++++++*/
/************** ID subfamily page***********************/
.couplet, .subheading {
	font-weight: 600;
	color: #666;
}
.subheading {
	font-size: 1.2em;
}
div.second {
	margin-bottom: 2rem;
}
.even {
	background-color: #d8d2c7;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
/************** end of ID subfamily page***********************/