@charset "utf-8";
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	background: url(images/bg_top.gif) repeat-x;
}
/* TEXT STYLES -------------------------------------- */
a {
	font-weight: normal;
	color: #348101;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #348101;
	text-decoration: underline;
}
h1 {
	font-size: 18px;
	line-height: normal;
	color: #348101;
	margin-top: 0px;
}
h2 {
	font-size: 15px;
	line-height:normal;
	color: #348101;
}
h3, h4, h5, h6 {
	font-size: 12px;
	line-height: normal;
	color: #348101;
}
/* MAIN SYLES ------------------------------------------ */
#main {
	text-align: left;
	vertical-align: top;
	width: 990px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}
/* HOMEPAGE ------------------------------------------- */
div#homepage {
	width: 700px;
}
div#branding {
	width: 713px;
	height: 271px;
	background: #ffffff url(images/branding_bg.gif) no-repeat;
	position: relative;
}
div#image-collections {
	width: 447px;
	height: 264px;
	position: absolute;
	top: 7px;
	left: 8px;
}
/* INNER PAGE ------------------------------------------- */
div#innerpage {
	width: 700px;
	padding: 0px 0px 0px 0px;
}
/* TOP SYLES ------------------------------------------ */
#top {
	width: 990px;
	height: 112px;
	background-image: url(images/bg_top.gif);
	background-repeat: repeat-x;
	position: relative;
}
#logo {
	position: absolute;
	top: 21px;
	left: 12px;
}
#contacts {
	text-align: right;
	position: absolute;
	top: 18px;
	right: 12px;
}
div#login {
	position: absolute;
	top: 70px;
	right: 12px;
}
	div#login img, div#login input {vertical-align: middle;}
/* CONTENT ------------------------------------------- */
#content-container {
	text-align: left;
	vertical-align: top;
	width: 990px;
	height: 353px;
	position: relative;
}
div#left {
	text-align: center;
	width: 480px;
	height: 329px;
	position: absolute;
	top: 12px;
	left: 12px;
}
div#right{
	text-align: left;
	width: 450px;
	height: 305px;
	padding: 0px 10px 0px 20px;
	position: absolute;
	top: 22px;
	right: 12px;
	overflow: auto;
}
div#content-text {text-align: left; width: 426px; height: 305px; padding: 20px 5px 5px 5px; overflow: auto; position: absolute; top: 30px; left: 18px;}
/* BOTTOM CONTENT ----------------------------- */
div#bottom-content {width: 990px; height: auto; position: relative;}
div#bottom-content-inner {width: 990px; height: auto; position: relative; margin-top: 15px;}
ul#homepage-icons {width: 735px; height: 109px; margin: 0px 0px 0px 0px; padding: 0px; position: absolute; left: 4px;}
    ul#homepage-icons li {list-style-type: none; margin: 0px; padding: 0px; float: left; text-indent: -9999px;}
	li#icon-1 a {display: block; margin-right: 4px; width: 180px; height: 109px; background: url(images/icon3_about.jpg) no-repeat 0 0;}
	li#icon-1 a:hover {background-position: 0 100%;}
	li#icon-2 a {display: block; margin-right: 4px; width: 180px; height: 109px; background: url(images/icon1_as_seen.jpg) no-repeat 0 0;}
	li#icon-2 a:hover {background-position: 0 100%;}
	li#icon-4 a {display: block; margin-right: 4px; width: 180px; height: 109px; background: url(images/icon4_exhibitions.jpg) no-repeat 0 0;}
	li#icon-4 a:hover {background-position: 0 100%;}
	li#icon-3 a {display: block; width: 180px; height: 109px; background: url(images/icon2_contact.jpg) no-repeat 0 0;}
	li#icon-3 a:hover {background-position: 0 100%;}
div#tour {text-align: center; position: absolute; right: 4px;}
/* FOOTER ---------------------- */
div#footer {text-align: center; width: 990px; position: relative; top: 130px;}

/* RETRACTABLE --------------------------------------------------------------- */
div#catalogue {
	text-align: center;
	width: 680px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 15px 75px;
}
	table#thumbnail-large {
		float: left;
		margin-right: 10px;
		border: 1px solid #000000;
		padding: 0px;
	}
	td#thumbnail {
		width: 387px;
		height: 336px;
	}
		td#thumbnail img {
			width: expression( document.body.clientWidth > (367/12) * parseInt(document.body.currentStyle.fontSize) ? "367px" : "auto" );
   			max-width: 367px;
			height: expression( this.scrollHeight > 316 ? "316px" : "auto" );
   			max-height: 316px;
		}
		div#thumbnail-no-image {
			font-size: 14px;
			font-weight: bold;
			color: #605f5f;
			position: absolute;
			width: 387px;
			text-align: center;
			top: 120px;
			left: 0px;
		}
	#thumbnail-small {
		float: left;
		width: 188px;
		height: 336px;
		margin-bottom: 10px;
		/* border: 1px solid #000000; */
		overflow: auto;
	}
		.thumbnail-item {
			float: left;
			width: 50px;
			height: 50px;
			margin-right: 5px;
			margin-bottom: 5px;
			border: 1px solid #000000;
		}
		.thumbnail-item img {
			width: 50px;
		}
div#tab-content {
	clear: both;
	width: 990px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 410px;
	left: 25px;
}
div#tab-content-2 {
	clear: both;
	width: 907px;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#tab-content-3 {
	clear: both;
	width: 907px;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#tab-content-4 {
	clear: both;
	width: 907px;
	height: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.reference-number {
	float: right;
	margin-right: 100px;
	font-size: 14px;
	font-weight: bold;
	color: #348101;
}
span.ref {
	color: #000000;
}
#breadcrumbs {
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 405px;
	right: 50px;

}
	#breadcrumbs a {
		color: #348101;
		font-weight: bold;
		text-decoration: none;
		margin: 0px 3px;
	}
	#breadcrumbs a:hover {
		color: #348101;
		font-weight: bold;
		text-decoration: underline;
	}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

ul.shadetabs {
margin: 0px;
padding: 0px;
}

ul.shadetabs li{
display: inline;
margin: 0px;
padding: 0px;
}

.shadetabs li a{
float: left;
text-decoration: none;
position: relative;
top: 1px;
z-index: 1;
height: 13px;
padding: 6px 15px;
margin-right: 5px;
border: 1px solid #71a74d;
color: #3c8909;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #3c8909;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #3c8909;
}

.shadetabs li a.selected{ /*selected main tab style */
color: #005b00;
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

div.switch-wide {
	overflow: auto;
}

/* REPORT STYLES --------------------------------------------------------------- */

table.reports-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	
	width: 100%;
	background-color: #ffffff;
	border-left: 1px solid #bbd5b0;
}
table.reports-table td {
	border-right: 1px solid #bbd5b0;
	border-bottom: 1px solid #bbd5b0;
}
table.reports-table th {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #3c5234;
	
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #bad5b0;
	
	border-right: 1px solid #dcead7;
}
caption.reports-captions {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	padding: 5px;
}
table.reports-table ul {
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
table.reports-table li {
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.reports-table tr:hover {
	background-color: #fafff8;
}

tr.border-top-large td {
	border-top: 5px solid #bad5b0;
}
th.bg-light, td.bg-light, tr.bg-light th, tr.bg-light td {
	background-color: #e4eedf !important;
}
td.bg-lighter, tr.bg-lighter th, tr.bg-lighter td {
	background-color: #f8fbf7 !important;
	font-weight: bold;
}
tr.bg-lightest td, tr.bg-lightest th {
	background-color: #F2F7F0;
}
tr.border-bottom th {
	border-bottom: 1px solid #5d8cf6;
}
tr.align-center th {
	text-align: center;
}
table.reports-table input {
	font-size: 11px;
}
table.reports-table select {
	font-size: 11px;
}
span.indent-1 {
	display: list-item;
	padding-left: 13px;
	list-style-position: inside;
}
tr.blue-bg td, tr.blue-bg th {background-color: #c0dcff; color: #445f7d;}
tr.red-bg td, tr.red-bg th {background-color: #ffdede; color: #593e40;}

/* REPORT STYLES ORANGE --------------------------------------------------------------- */

table.reports-table-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #4d4d4d;
	text-decoration: none;
	
	width: 576px;
	background-color: #ffffff;
	border-left: 1px solid #ffb72c;
}
table.reports-table-orange td {
	border-right: 1px solid #ffb72c;
	border-bottom: 1px solid #ffb72c;
}
table.reports-table-orange th {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #724000;
	
	text-align: left;
	padding: 5px 5px 5px 5px;
	background-color: #ffb72c;
	
	border-right: 1px solid #dcead7;
}
table.reports-table-orange ul {
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
table.reports-table-orange li {
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.reports-table-orange tr:hover {
	background-color: #fafff8;
}
table.reports-table-orange input {
	font-size: 11px;
}
table.reports-table-orange select {
	font-size: 11px;
}


/* ADDIONAL FOR PRINTING ----------------------------------------- */
div#left-info {
	font-size: 11px;
	line-height: 14px;
	width: 330px;
	height: auto;
	position: absolute;
	top: 24px;
	left: 45px;;
}
div#right-title {
	text-align: right;
	font-size: 24px;
	line-height: normal;
	width: 300px;
	height: 50px;
	position: absolute;
	top: 50px;
	right: 45px;
}
div#content-for-print {
	width: 100%;
	position: absolute;
	top: 150px;
}
/* FOOTER ----------------------------------------------- */
#footer {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
	#footer a {
		color: #348101;
		font-weight: normal;
		text-decoration: none;
		margin: 0px 3px;
	}
	#footer a:hover {
		color: #348101;
		font-weight: normal;
		text-decoration: underline;
	}
#footer-public {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	margin-top: 30px;
	margin-right: 40px;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
	padding-bottom: 20px;
}
	#footer-public a {
		color: #348101;
		font-weight: normal;
		text-decoration: none;
		margin: 0px 3px;
	}
	#footer-public a:hover {
		color: #348101;
		font-weight: normal;
		text-decoration: underline;
	}
/* INPUT STYLES ----------------------------------------- */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#login-box {
	text-align: left; 
	vertical-align: top;
	width: 204px;
	height: 116px;
	padding: 18px 20px 10px 15px;
	margin: 60px 0px 10px 170px;
	background-image: url(images/login_bg.gif);
	background-repeat: no-repeat;
}
	#login-title {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #348101; margin-bottom: 10px;}
	
/* MESSAGES STYLES -------------------------------------- */
div#message-menu {
	font-size: 12px;
	text-align: center;
	margin: 5px 0px 25px 0px;
}
	div#message-menu a {
		font-size: 12px;
		font-weight: bold;
		margin: 0px 5px;
	}
	span.message-num {
		font-weight: normal;
	}
a.unread {
	font-weight: bold;
}
a:hover.unread {
	font-weight: bold;
}

table.message-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #449016;
	text-decoration: none;
	
	width: 730px;
	background-color: #ffffff;
	border: 1px solid #bbd5b0;
}
table.message-table td {
	padding-left: 10px;
	padding-right: 10px;
}
table.message-table th {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	color: #449016;
	
	text-align: left;
	padding: 5px 10px 5px 10px;
	background-color: #bad5b0;
	
	border-right: 1px solid #dcead7;
}
table.message-table ul {
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
table.message-table li {
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.message-table tr:hover {
	background-color: #fafff8;
}
tr.bg-lighter td {
	background-color: #f8fbf7 !important;
	font-weight: bold;
}
table.message-table input {
	font-size: 11px;
	height: 12px;
}
table.message-table select {
	font-size: 11px;
}
table.message-table textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* GUIDE STYLES ------------------------------------------------------ */
div#user-guide {width: 670px; border: 1px solid #cccccc; padding: 20px;}
div#user-guide h2 {text-transform: uppercase;}
strong.profile-tabs {text-transform: uppercase; font-size: 15px; color: #000000;}
p.img-guide {margin: 20px 0px;}
p.img-guide img {border: 1px solid #cccccc;}