.note {background-color: #FFF; border: 1px solid #000; padding: 2px; font-family: tahoma, font-size: 11px; font-weight: bold; color: #f00; text-transform: uppercase;}

body.home {
	margin: 0;
	background: url("../_graphics/bg_a.jpg") #FFF repeat-x;
}

body {
	margin: 0;
	background: url("../_graphics/bg_b.jpg") #FFF repeat-x;
	font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #1c4f6f;
}

	a:link, a:visited {font-weight: bold; color: #0085D5; text-decoration: underline;}
	a:hover {color: #187DBD; text-decoration: none;}
	
	a.browse {font-size: 1.2em; text-decoration: none; margin: 0 10px 30px 10px; float: right; clear: both;}

	img {border: 0;}
	img.gfx {width: auto;}
	
h1 {font-size: 24px; font-weight: normal; color: #FFF;
	letter-spacing: 0.01em; line-height: 30px;
	margin: 10px 0; padding: 0;
	}
	
h2 {font-size: 18px; font-weight: bold; color: #187dbd;
	margin: 20px 0 4px 0; padding: 0; line-height: 115%;
	}
	
h3 {font-size: 14px; font-weight: bold;
	margin: 10px 0; padding: 0; line-height: 120%;
	}
	
h4 {font-size: 12px; font-weight: bold; color: #187dbd;
	margin: 10px 0; padding: 0; line-height: 125%;
	}

	h1.page-header {
			font-family: century gothic, verdana, sans-serif; font-size: 2.25em; color: #226084;
			text-transform: capitalize; letter-spacing: 0.03em; margin: 0 0 10px 10px;
		}

hr {border: 1px dashed #DDD; margin: 20px auto; width: 550px;}

	
/*******************
   3DL STRUCTURE
*******************/	

#wrapper {
	margin: 0 auto; overflow: hidden;
	width: 800px; height: 100%;
}

	#content {
		width: 710px; background-color: #80BCE3; border-radius: 10px;
		padding: 0 20px;
	}

		#disp {margin: 0 50px; padding: 30px 10px 10px 10px;}

			#disp_window {
				width: 600px; min-height: 230px;
				background-color: #FFF;
	background: -moz-linear-gradient(270deg, #cce6f7 100% 100%, #FFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #cce6f7), color-stop(.2, #FFF));
				border-radius: 20px;
				margin: 0 0 30px 0; padding: 20px 5px 5px 5px;
			}
			
				#disp_title {
					padding: 0 0 5px 10px;
					font-family: century gothic; font-size: 14px; font-weight: bold; color: #05273D; text-transform: uppercase;
				}
				
				#disp_caption {
					padding: 0 0 10px 10px;
					color: #226084; line-height: 16px;
				}
				
				.disp_row {padding-bottom: 10px;} /* used in expand view */

			#disp_bar {
				width: 594px; height: 17px; background-color: #A4D2F0;
				margin: 0 0 30px 0; text-align: center; padding: 8px;
			}

			#disp_retailbar {
				width: 332px; height: 17px; background-color: #BADCF3;
				text-align: center; padding: 8px;
			}				

				#disp_pager {
					font-family: century gothic; font-size: 14px; font-weight: bold; color: #05273D;
					letter-spacing: 0.01em; word-spacing: 0.2em; text-transform: lowercase;
				}

				#disp_all {
					padding-left: 50px;
					font-weight: bold; color: #1C4F6F;
					letter-spacing: 0.01em; text-transform: lowercase;
				}

					#disp_all a:link, #disp_all a:visited {color: #05273D; text-decoration: none;}
					#disp_all a:hover {color: #FFF; text-decoration: none;}
					
				/* .disp_pdf {
					width: 185px; padding: 16px;
					background-color: #FFF;
					font-family: verdana; font-size: 11px; font-weight: bold; color: #197DBB;
					line-height: 18px; text-align: center;
				} */
					

.backlink {padding: 0 10px 10px 0; text-align: right;}
	.backlink a:link, .backlink a:visited{color: #187DBD; text-decoration: underline;}
	.backlink a:hover {text-decoration: none;}



#breadcrumb {font-size: 11px; color: #05273D; padding: 0 0 20px 10px;}

#footer-home {
	margin: 50px 0 0 56px; width: 800px;
	color: #187dbd;
}
	 
#footer {
	margin: 20px 0 30px 0; width: 800px;
	color: #187dbd;
}

	#footer-contact {padding-left: 300px;}

	#footer-home a:link, #footer-home a:visited, #footer a:link, #footer a:visited { font-weight: bold; color: #187dbd; text-decoration: underline;}

	#footer-home a:hover, #footer a:hover {text-decoration: none;}
	
#qrCode{ 
	margin:1em auto;
	width:14em;
	}
#qrCode img{
	width:100%;
	}

/*********************
   CATALOG
   Used in Exhibits
*********************/

p.catalog-browse {width:100%; overflow: auto; height: 100%;}
	p.catalog-browse img {width:25%; clear: both;}

	p.fiftyperc img {width:50%;}

	div.catalog-item div p img {height: 200px;}
	


/************
   GLOBAL
************/


.center {text-align:center;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.over-auto {overflow: auto;}

.highlight-box {
	border-radius: 10px; -moz-border-radius: 10px; background-color: #197dbb;
	margin: 20px; padding: 20px; color: #FFF !important;}
	
	.highlight-box a {color: #e8ff8a; text-decoration: none;}
	.highlight-box a:hover {color: #d3ff24;}
	
.highlight-banner {
	width: 580px; margin: 20px 0; padding: 10px;}


.aquabg {background-color: #1aa7bb; color: #FFF;}
.bluebg {background-color: #197dbb; color: #FFF;}
.whitebg {background-color: #FFF;}

.small-text {font-size: 10px;}
.blue {color: #187DBD;}
.sky {color: #cce6f7;}
.white {color: #FFF;}
.lime {color: #d3ff24;}

.col50 {width: 48%;}
.col33 {width: 33%;}

.paddingleft30 {padding-left: 20px;}