/* Museums Storage global CSS */

body {
	position:relative;
	background-color:#e6e6e6;
	font-family: arial, helvetica, sans-serif;
	line-height:1.25;
	font-size:62.5%;
}

a:link, a:visited {
	
}

a:hover, a:active, a:focus {
	
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0.5em;
}

p {
	margin-bottom:1em;
}

ul {
	
}

ol {
	
}

li {
	
}

dl {
	
}

dt {
	
}

dd {
	
}

#access {
	position:absolute;
	left:-99999px;
}

#header {
	width:960px;
	margin:10px auto 35px auto;
}

#navtabs {
	width:960px;
	margin:0 auto;
	padding:0 3px;
	margin-top:-26px;
	font-size:110%;
}

	#navtabs li {
		float:left;
		height:25px;
		margin-right:4px;
		background-color:#b3b3b3;
		border:1px solid #b3b3b3;
		border-bottom:none;
		-moz-border-radius-topright:3px;
		-moz-border-radius-topleft:3px;
		-webkit-border-radius-top-right:3px;
		-webkit-border-radius-top-left:3px;
	}
	
		#navtabs li.here {
			background-color:#fff;
		}
	
		#navtabs a:link, #navtabs a:visited {
			display:block;
			float:left;
			padding:5px 12px;
			height:15px;
			text-decoration:none;
			color:#4d4d4d;
		}
		
		#navtabs a:hover, #navtabs a:active, #navtabs a:focus {
			color:#fff;
			background-color:#8b8b8b;
		}
		
		#navtabs li.active a:hover, #navtabs li.active a:active, #navtabs li.active a:focus {
			color:#4d4d4d;
			background-color:#fff;
		} 

#wrapper {
	width:958px;
	clear:both;
	margin:0 auto;
	background-color:#fff;
	border:1px solid #b3b3b3;
	overflow:visible;
	font-size:120%;
}


	#innerwrapper {
		clear:both;
		padding:0 8px 8px 8px;
	}



#sidenav{
	width:222px;
	padding:8px;
	height:433px; /* Temp value */
	float:left;
	margin-right:12px;
	background-color:#e6e6e6;
}

	#sidenav div.inner {
		
	}
	
	#sectionsnav li {
		margin-bottom:8px;
	
	}
	
		#sectionsnav li a:link, #sectionsnav li a:visited {
			display:block;
			padding:4px 15px;
			height:40px;
			background-color:#808080;
			-moz-border-radius:3px;
			color:#ccc;
			text-decoration:none;
			font-weight:bold;
			font-size:115%;
		}
		
		#sectionsnav li a:hover, #sectionsnav li a:active {
			background-color:#008ECE;
			color:#fff;
		}
	
			
		#sectionsnav li.here a {
			background-color:#008ECE !important;
			color:#fff !important;
			cursor:default !important;
		}
		
	#guidesnav {
		margin-bottom:2em;
	}	
	
	#applicationsnav {
		
	}
		
	#questionnav {
		margin:0.5em 12px;
		font-size:110%;
		color:#008ECE;
		float:left;
		
	}
		
	#tertiarynav {
		clear:left;
		margin:	0px 0 0 0;
		font-size:115%;
	}
	
		#tertiarynav li {
			border-top:1px dotted #808080;
		}
		
		#tertiarynav li.last {
			border-bottom:1px dotted #808080;
		}
		
		#tertiarynav li a:link, #tertiarynav li a:visited {
			display:block;
			padding:8px 12px;
			font-weight:bold;
			color:#808080;
			text-decoration:none;
		}
		
		#tertiarynav li a:hover, #tertiarynav li a:active {
			color:#606060;
			background-color:#cbcbcb;
		}


		
		#tertiarynav .rss a {
			font-size:80%;
			font-weight:normal!important;
			margin-top:8px;
			padding-left:35px !important;
			background:url(/interface/images/feed-icon-28x28.gif) 0 50% no-repeat;
		}


		#linksnav {
			margin:0.5em 0 0 0;
			padding:8px 15px;
		}

			#linksnav li {
				margin:0.5em 0;
			}

			#linksnav a:link, #linksnav a:visited {
				color:#000;
				font-weight:bold;
				font-size:110%;
				text-decoration:none;
			}

				#linksnav a:hover, #linksnav a:active, #linksnav a:focus {
					color:#6CB9A5;
				}
		


#intro {
	float:left;
	width:722px;
	margin-top:8px;
	margin-bottom:8px;
	padding-right:220px;
	padding-bottom:10px;
	background:url(/interface/images/stainedglasstop.jpg) right top no-repeat #fff;
}

	#introtext {
		float:left;
		width:470px;
	/*	font-size:120%;*/
		color:#3b3b3b;
	}
	
		#introtext h1 {
			font-size:150%;
			margin-bottom:0.25em;
			color:#333333;
		}


	#search {
		position:relative;
		width:230px;
		padding:8px 4px;
		float:left;
		margin-right:12px;
		background-color:#e6e6e6;
	}
	
		#search label {
			position:absolute;
			left:-999px;
		}
		
		#search input#q {
			float:left;
			width:192px;
			margin:0 4px 2px 0;
		}
		
		#search input.btn {
			float:right;
			margin:0;
			padding:3px;
		}




	#topsection {
		float:left;
		width:942px;
		margin-bottom:8px;
	}
	
	
		#content {
			float:left;
			width:692px;
			background-color:#fff;
			margin-bottom:8px;
		}
		
		
		/* tabs and panes*/
		
		
			
		ul.tabs {
			float:left;
			width:692px;
			list-style:none !important;
			margin:0 !important;
			padding:0 !important;
		}
		
		ul.tabs li {
			float:left;
			width:170px;
			margin-right:4px;
			margin-bottom:0!important;
			-webkit-border-radius-top-left:3px;
			-webkit-border-radius-top-right:3px;
			-moz-border-radius-topleft:3px;
			-moz-border-radius-topright:3px;
		}
		
		
			ul.tabs li.last {
				margin-right:0;
			}
		
			ul.tabs a {
				display:block;
				float:left;
				height:2.4em;
				padding:4px 15px;
				color:#fff;
				text-decoration:none;
				font-weight:bold;
				font-size:110%;
				line-height:1.2;
			}
			
			ul.tabs a:link, ul.tabs a:visited {
				color:#fff;
			}
			
			ul.tabs a:hover, ul.tabs a:active {
				color:#3b3b3b;
			}
			
			ul.tabs a.active:link,ul.tabs a.active:visited,ul.tabs a.active:hover,ul.tabs a.active:active {
				color:#fff!important;
				cursor:default!important;
			}
			
		
		.panes {
			clear:left;
			color:#fff;
		}
		
		.panes h3 {
			color:#fff !important;
			font-size:330% !important;
			font-weight:normal !important;
		}
		
		.panes ul {
			margin:0!important;
			padding:0!important;
		}
					
		.panes div.pane {
			position:absolute;
			padding:20px 15px;
			height:370px;
			-webkit-border-radius-bottom-left:3px;
			-webkit-border-radius-bottom-right:3px;
			-moz-border-radius-bottomleft:3px;
			-moz-border-radius-bottomright:3px;
		}
		
			div.pane div.inner {
				float:left;
				width:662px;
				height:340px;
				margin-top:20px;
			}

			div.funding, li.funding {
				background-color: #7bc423;
			}
			
				.pane.funding .inner {
					background:url(/interface/images/pnlcoins.jpg) bottom left no-repeat #7bc423;
				}
				

			div.preservation, li.preservation {
				background-color:#ed9a00;
			}
			
				.pane.preservation .inner {
					background:url(/interface/images/pnlpocketwatch.jpg) bottom left no-repeat #ed9a00;
				}

			div.planning, li.planning{
				background-color:#5d89c5;
			}
			
				.pane.planning div.inner {
					background:url(/interface/images/pnlstoneface.jpg) bottom left no-repeat #5d89c5;
				}

			div.optimising, li.optimising {
				background-color:#e30064;
			}
			
				.pane.optimising .inner {
					background:url(/interface/images/pnlpots.jpg) bottom left no-repeat #e30064;
				}
	


		
		
		.panes h3 {
			font-family: "Fontin_Sans_R",arial,sans-serif;
			float:left;
			color:#fff;
			font-weight:normal;
			font-size:330%;
			line-height:1.2;
			width:370px;
			margin-right:10px;
		}
		
		.panes .text {
			position:relative;
			float:left;
			height:330px;
			width:240px;
			border-left:1px dotted #fff;
			padding-left:30px;
			font-size:130%;
		}
		
			.panes ul {
				list-style:disc;
			}
		
		
			.panes ul li {
				margin-bottom:0em !important;
				border-bottom:1px dotted #fff !important;
			}
		
			.panes ul li a:link, .panes ul li a:visited {
				display:block;
				padding:8px 4px;
				text-decoration:none;
				color:#fff;
			}
			
			.panes ul li a:hover, .panes ul li a:active {
				color:#000;
				opacity:0.6;
			}
			
			
			.panes p.url {
				font-family: "Fontin_Sans_R",arial,sans-serif;
				position:absolute;
				font-size:90%;
				bottom:0;
				margin:0 0 0 -1em;
			}
		
		

	#bottomsection {
		clear:both;
		float:left;
		width:926px;
		background-color:#ccc;
		padding:8px;
	}
	
		#bottomsection h4 {
			color:#008ece;
			font-size:120%;
			font-weight:bold;
		}
		
		
		#bottomsection a:link, #bottomsection a:visited {
			color:#000;
			text-decoration:none;
		}

		#bottomsection a:hover, #bottomsection a:active {
			color:#0095CD;
		}
		
		#bottomsection a.btn {
			color:#fff;
		}
	
		#bottomsection div.inner {
			background:url(/interface/images/bottomsectionbg.gif) top left repeat-y #ccc;
			float:left;
			width:926px;
			padding-top:8px;
		}
	
		#updates {
			float:left;
			width:230px;
			margin-left:-8px;
			margin-right:20px;
			padding-left:8px;
			padding-bottom:350px;
			background:url(/interface/images/1920stampsbg.jpg) top center no-repeat #ccc;
		}
		
		
		#updates {
			position:relative;
		}
		
		#updates label {
			position:absolute;
			left:-999px;
		}
		
		#updates input#mailsubmitq {
			float:left;
			width:150px;
			margin:0px 4px 2px 0;
		}
		
		#updates input.button {
			float:left;
			margin:0;
		}
		
		
		#feature {
			float:left;
			width:318px;
			margin-right:12px;
			padding-bottom:10px;
		}
		
		
				.article {
					position:relative;
					padding-bottom:0.5em;
					margin-bottom:0.5em;
					border-bottom:1px dotted #fff;
					float:left;
					width:318px;
				}

				

				.article .btn {
						float:right;
				}
				
				.article .comments {
				
				}

			
		
		#case-studies {
			float:left;
			width:320px;
			padding-bottom:215px;
			padding-left:25px;
			background:url(/interface/images/eventsbg.jpg) bottom right no-repeat transparent;
		}
		
		
		.case-study {
			position:relative;
			padding-bottom:0.5em;
			margin-bottom:0.5em;
			border-bottom:1px dotted #fff;
			float:left;
			width:305px;
		}

		.case-study .info {
			float:left;
			width:230px;
		}
		
		.case-study .btn {
				position:absolute;
				bottom:2em;
				right:0;
		}
		
		
		
		
		
		

#footer {
	clear:both;
	padding:8px;
	color:#808080;
}


	#footerlinks {
		float:right;
		list-style:none;
	}
	
		#footerlinks li {
			display:inline;
			margin:0 8px;
		}
		
		#footerlinks li a {
			
		}
		
		
		#footer a:link, #footer a:visited {
			text-decoration:none;
			color:#808080;
		}

			#footer a:hover, #footer a:active {
				color:#333;
			}



	.vcard {
		font-size:90%;
		margin-bottom:0.5em;
	}
	
	
	.org {
		font-size:125%;
		font-weight:bold;
	}
	
	.street-address {
		clear:left;
	}
	
	.tel {
		float:left;
		margin-right:1em;
	}
	
	.email {
		clear:left;
	}

	.geo {
		display:none;
	}
	
	.vcardlink {
		
	}
	
	.commentcount {
		font-size:85%;
	}
	


	.btn {
	
		display:block;
		float:left;
		font-size:90%;
		color:#fff;
		text-decoration:none;
		text-align:center;
		padding:6px 8px;
		background-color:#808080;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
	
		.btn:hover {
			cursor:pointer;
			background-color:#008ECE;
		}
		
		
	input.btn {
		border:none;
		padding:3px 8px;
	}
		
	
	.person {
		margin-bottom:10px;
		padding:0 10px;
		border-bottom:1px solid #ccc;
		float:left;
		width:650px;
	}
	
	.person h3 {
		margin-top:0!important;
		margin-bottom:0.5em !important;
	}
	
	.person h3 span {
		font-weight:normal;
		font-size:90%;
		color:#000;
	}
	.person img {
		float:left;
		margin:0 20px 20px 0;
	}


	#demotip { 
	    display:none; 
	    background:transparent url(/interface/images/black_arrow.png); 
	    font-size:12px; 
	    height:70px; 
	    width:160px; 
	    padding:25px; 
	    color:#fff; 
	    _background-color:#fff; 
	}


#wrapper,
#bottomsection, 
#sidenav,
#search,
#search #q
 {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
}