/* SKIN 2 */

body 				{text-align:center; margin:0;}
#container 			{background: url(images/bg-body.gif) repeat-y center; margin:0;}
#wrapper 			{width:780px; margin:0 auto; font-family: "Trebuchet MS", Arial, Helvetica, Verdana;}
#top-header 		{float:left; width:100%; display:block; margin:0; padding:0; text-align:left;}
#top-header img		{margin-left:50px; border:none; }
#top-header .categories { font-family:Arial, Helvetica, sans-serif; font-style:normal; float:right; margin-right:50px; font-size:.75em; }
#top-header .navbar 		{margin-left:50px; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
#top-header .navbar a 		{color:#ccc; font-weight:normal;}
#top-header .navbar a:hover {color:#fff;}



#box-top 			{margin:0; padding:0;display:block; background:url(images/bg-box-top.gif) top center no-repeat;}
#box 				{width:100%; float:left;
					 background:url(images/bg-body.gif) top center repeat-y;}
#box-content 		{width:677px; margin:0 auto; text-align:left;}
#content-ext 		{float:left; width:520px;}	
#content 	 		{margin-left:12px;}		

#box-bottom 			{clear:both; margin:0; width:100%; height:29px;background:url(images/bg-box-bottom.gif) center no-repeat;}	
#footer 				{clear:both;display:block; width:100%; 
						 font-family:Arial, Helvetica, sans-serif; font-size:.7em; padding-bottom:10px; text-transform:uppercase; letter-spacing:.15em;}	
#footer a 				{font-weight:bold; text-decoration:none;}
#footer a:hover			{text-decoration:underline;}			 
.virtual-tour 			{clear:both;}
.virtual-tour-dida 		{margin-top:3px; text-align:center; font-size:.8em;}
.text					{text-align:left; font-size:.9em; margin-top:6px;  line-height:1.4em;}
.info-box				{clear:both; background: url(images/bg-info-box.gif) center repeat-y;  margin:12px 0 0;}
.info-box ul, .info-box li {list-style-type:none; margin:0; padding:0;}
.info-box li  img {}
.info-box a				{color:#222;}
.info-box a:hover		{color:#000;}
.info-box-top			{clear:both; display:block; margin:0; padding:18px 12px 0 12px; background: url(images/bg-info-box-top.gif) center top no-repeat; font-weight:bold; font-size:.8em;}
.info-notes 			{display:block; clear:left; padding-top:2px; margin-top:4px; border-top:solid 1px #565463; color:#444; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold;}
.info-notes a			{color:#eee;}
.info-notes a:hover 	{color:#fff;}
.info-notes p {margin:3px 0 0;}
.info-box-bottom		{clear:left; height:19px; margin:0; background:url(images/bg-info-box-bottom.gif) top no-repeat;}
.cover-image 			{text-align:center;}
.cover-image a img 		{border:solid 1px #24283d;}
#content a img 			{border:solid 1px #24283d;}

.icons img {margin:12px 1px 0;}
.icons .cards {float:right;}

#box-content h1 		{float:left; padding:12px 12px 0; margin:0; font-size:1.8em;}
#box-content h1  a		{text-decoration:none;}
#box-content h1  a:hover {text-decoration:underline;}
#box-content h2 		{margin:0 0 6px;   font-size:1.5em;}
.metadata 		{display:block; clear:left;  margin:0 12px 6px; padding-bottom:4px; border-bottom:solid 2px; font-size:.8em; }


/* NAVIGATION */
#navigation 						{float:right; width:140px; background:#dedede url(images/bg-navigation.gif) top repeat-y;
										font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.8em; text-align:left; text-transform:uppercase;  }
#navigation .menu-box 				{background: url(images/bg-menu-box-top.gif) top no-repeat; padding-top:18px;}
#navigation .menu-box-bottom 		{display:block; height:28px; background: url(images/bg-menu-box-bottom.gif) top no-repeat;}

.menu-box ul 			{margin:0;padding:0;}
.menu-box ul li 		{margin:0; padding:0; list-style-type:none;}
.menu-box ul li  h3		{padding:0 10px; margin:0; font-size:1.2em; list-style-type:none; text-align:center;}
.menu-box ul li a 									{display:block; padding:4px 10px; margin:0 5px; text-decoration:none; } 
.menu-box ul li a:hover, .menu-box ul li a.active	{text-decoration:underline;}

/* MAPS */

.marker-infobox 		{font-family:"Trebuchet MS", Arial, Verdana; font-size:.9em; text-align:left;}
.marker-infobox h2 		{margin:0 0 4px; font-size:1.1em;}



/* IMAGE GALLERY */
.gallery-image {text-align:center; margin-top:4px; padding-top:4px; padding-bottom:4px;}

.gallery-navbar {height:24px; width:100%; float:left; margin:0; font-size:.8em; text-align:center;}
.gallery-navbar .prev {float:left; margin-left:12px;}
.gallery-navbar .next {float:right; margin-right:12px;}



.image-list {float:left; display:block; width:100%; border:solid #999; border-width:1px 0; padding:4px 0; margin-bottom:10px; }
.image-list ul {margin:0 0 0 15px; padding:0;}
.image-list ul li {margin:0; padding:0; list-style-type:none; display:inline; }
.image-list ul li a {width:96px; height:96px; float:left; }
.image-list ul li a img {margin:7px 7px;border: solid 1px;}


.footer-notes {margin:0 12px; font-size:.7em; font-family: Arial, Helvetica, sans-serif; text-align:justify; clear:both; padding-top:3px; border-top:solid 1px #29355c; }


/* COLORS */
body, #top-header, #footer {background-color:#3c3535;}
#box-content h1{ color:#222;}
#box-content h1 a{ color:#222;}
#box-content h1 a:hover { color:#000;}
#box-content h2 {color:#333;}
#content {color:#222;}
#content a {color:#a00;}
#content a:hover {color:#600;}


.metadata {color:#444;}
.metadata {border-color: #666;}
.metadata a		{color:#222;}

.menu-box ul li  h3	 {color:#777; }
.menu-box ul li a {color:#666;}
.menu-box ul li a:hover, .menu-box ul li a.active	{background-color:#aaa; color:#111;}

.infobox {color:#353247;}
.marker-infobox a 		{color:#CC6600;}
.gallery-image {background-color:#aaa;}
.gallery-navbar {color: #333;}
.gallery-navbar a { color:#333;}
.gallery-navbar a:hover {color:#111;}
#footer, .categories {color:#888; }
#footer  a, .categories a {color:#fff;}
#footer a:hover, .categories a:hover {color:#f1ab02;}
.image-list  a:hover {background-color:#aaa; }
.image-list ul li a img {border-color:#999;}



.product-list ul, .event-list ul {margin:0; padding:0; list-style-type:none;}
.product-list ul li,.event-list ul li {clear:left; margin:0; padding:4px 0; width:90%; list-style-type:none; float:left; border-bottom: solid 1px #999;}
.product-list ul li img, .event-list ul li img {float:left; margin:0 4px  0 0; border: solid 1px #999;}
.product-list h3 {margin:2px 0 4px;}

.event-cover {margin-right:4px; border:solid 1px #999;}