/* ---------------------------------------------- */
/* Missouri Digital Heritage - CSS for Deep Web Tech */
/* --------------------------------------------- */


/* GENERAL ------------------------------------------------------------------------------------------------------ */
body {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		margin: 0 0 .6em 0;
		color: rgb(0,0,0);
		background-color: rgb(251,251,205);
			/* For unsupported browsers */
			background: rgb(251,251,205) url(http://www.sos.mo.gov/mdh/img/backdrop.png) repeat-x 0 0;
			/* For CSS3 Browsers */
			background: url(http://www.sos.mo.gov/mdh/img/backdrop.png) repeat-x 0 0, url(http://www.sos.mo.gov/mdh/img/pattern.png) repeat 0 0; }	
#layout {
	width: 900px;
	margin: 0 auto; }
.hide { 
	height: 0; 
	width: 0; 
	overflow: hidden; 
	position: absolute; }
#content { 
	clear: both;
	padding: 0 0 10px 15px; }	
/* GENERAL (end) */


/* NOTICES ------------------------------------------------------------------------------------------------------ */
	#notice {
		color:#F00;
		margin-top: 3.25em;
		background: url(http://www.sos.mo.gov/mdh/img/notice.png) no-repeat left top; }
	.notice h2 {
		font-size: 1.5em;
		margin: -20px 0 0 40px; }
	.notice p {
		margin: 5px 0 0 40px; }
	.npNote { 
		font-size:12px; 
		color:rgb(250,120,100);
		border-top:1px solid #000; 
		padding:6px; }
	.title {
		font-size:1.33em; }
	.reader {
		border: 1px dashed #999;
		border-radius: 6px;
		background-color: rgb(248,244,197);
		margin:auto 15%;
		padding: 2px 6px 2px 6px;
		font-size:.9em;
		text-align:center; }
/* NOTICE (end) */


/* ANNOUNCEMENTS & INFO ----------------------------------------------------------------------------------------- */
	#announce p { 
		height:50px;
		margin: 5px 20px 20px 20px;
		border: 1px solid #666;
		padding: 15px 15px 1px 15px;
		background-color: rgb(246,247,157); 
		color: #333; }
	#announce span {
		font-weight: bold;
		font-style:italic; 
		color: #000; }
	#inpInfo p {
		border: 1px solid #666;
		padding: 10px;
		background-color: rgb(242,229,177); 
		color: #333; }
	#inpInfo span {
		font-weight: bold;
		font-style:italic; 
		color: #000; }
/* ANNOUNCEMENTS & INFO (end) */


/* HEADINGS & LINKS --------------------------------------------------------------------------------------------- */
	h1 { font-size:2em; text-shadow: rgba(0,0,0,.1) 2px 2px 4px; border-bottom: 1px solid #666; }
    h2, h3 {
		*font-size: 1.3em;
		text-shadow: rgba(0,0,0,.1) 2px 2px 4px;
		margin: 22px 0 4px 0;
		*margin-top:5px; }
	h4 { font-size: 1.11em; }
	.uppercase { font-size:14px;text-transform:uppercase; }
	a:link { 
		font-size:1em;
		text-decoration: underline; 
		color:  rgb(80,40,0); }
	a:visited	 { 
		text-decoration: underline; 
		color:  rgb(200,100,50); }
	a:hover { 
		text-decoration: underline overline; 
		color:  rgb(240,100,0); }
/* LINKS (end) */


/* BANNER & NAVBAR ---------------------------------------------------------------------------------------------- */
	#banner {
		margin: 0 auto;
		height: 63px;
		width: 900px; }
	#globalNav { 
		z-index: 1000;
		position:absolute;
		left: 0px;
		right: 0px;
		top: 63px;
		text-align:left;
		border-top: 1px solid rgb(120,50,10);  border-bottom: 1px solid rgb(150,80,40); 
		background: #C46931 /*url(http://www.sos.mo.gov/mdh/img/pattern_navbar.png) repeat-x 0 0*/;
		background-image: linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -o-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -moz-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -webkit-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -ms-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F58849', endColorstr='#C46931');*/ }
	#globalNav ul {
		margin: 0 auto; padding: 0; list-style-type: none; 
		height: 25px; *height: 26px; width: 900px;
		background-color: rgb(196,105,49); }
	#globalNav li { 
		float: left; border-right: 1px solid rgb(150,80,40); }
	#globalNav li a {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 4px 15px;
		font-size:13px; }
	#globalNav li a:hover { 
		background-color: rgb(246,247,157); 
		color: #333; }
/* BANNER & NAVBAR (end) */


/* NAVBAR DROP-DOWN MENU ---------------------------------------------------------------------------------------- */
	#nav {	
		margin: 0;
		text-align: left;
		background-image: linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -o-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -moz-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -webkit-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		background-image: -ms-linear-gradient(bottom, rgb(196,105,49) 78%, rgb(245,136,73) 92%);
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F58849', endColorstr='#C46931');*/
		padding: 0; z-index: 30; }
	#nav li {	
		margin: 0;
		padding: 0;
		list-style: none;
		float: left; }
	#nav li a {	
		display: block;
		padding: 4px 10px;
		color: #FFF;
		text-align: center;
		text-decoration: none; }
	#nav div {
		position: absolute;
		visibility: hidden;
		margin: 1px auto;
		padding: 0;
		background: rgb(196,105,49);
		border-top: 0px solid rgb(150,80,40); 
		border-left: 1px solid rgb(150,80,40); 
		border-right: 1px solid rgb(150,80,40); 
		border-bottom: 1px solid rgb(150,80,40);   }
	#nav div a {
		position: relative;
		display: block;
		padding: 3px 22px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: rgb(196,105,49);
		color: #FFF;
		font-size: 13px; }
/* NAVBAR DROP-DOWN MENU (end) */


/* SEARCH BAR & BUTTONS ----------------------------------------------------------------------------------------- */
	#searchNav {
		margin-top:-55px; *margin-top:-60px;
		text-align: right; }
	#searchNav a { 
		text-decoration: none; 
		color: #fff; }
	#searchNav input { 
		font-size: 13px;
		font-family: 'Open Sans', sans-serif; }
	#searchNav a:hover { 
		text-decoration: underline; }
	#searchNav a {  
		font-size: 12px;
		text-decoration: underline; 
		padding-right:2px; *padding-right:0px; }
	.inputtext { 
		width: 220px; height: 20px;
		border: 1px solid #000; *height:18px; border: 1px solid #000; 
		padding:2px 4px 2px 4px; *padding:3px 4px 3px 4px; }
	.err { 
		color: #fff; 
		margin-bottom: -15px; }	
	.btnSearch { 
		background-color: rgb(196,105,49);
		color: #fff;
		border: 1px solid #000;
		margin-left:-5px;
		padding: 3px 10px 3px 10px; 
		/*IE*/*padding: 0px 3px 1px 3px; }
		/*Firefox*/ @-moz-document url-prefix() { .btnSearch { padding: 2px 10px 2px 10px; } }	
	a.btnSearch:link, a.btnSearch:visited { 
		color: #fff; text-decoration: none; 
		padding: 3px 5px;
		font-size: 11px; }
		a.btnSearch:hover, .btnSearch:hover { 
		background-color: rgb(246,247,157); 
		color: #000; 
		border-color: #999; }
/* SEARCH BAR & BUTTONS (end) */


/* CRUMBS ------------------------------------------------------------------------------------------------------- */
	#crumbs { 
		margin: 3em 0 1em 0; 
		padding:2px 5px 2px 5px;
		border:1px dashed rgb(202,212,175);
		border-radius:4px;
		background-color: rgb(241,244,200); }
	#crumbs p { 
		margin: 0; 
		padding: 4px 0; 
		color: rgb(60,100,100); 
		font-size: .9em; }
	#crumbs a:link { 
		text-decoration: underline; 
		color:  rgb(80,40,0); }
	#crumbs a:visited	 { 
		text-decoration: underline; 
		color:  rgb(200,100,50); }
	#crumbs a:hover { 
		text-decoration: underline overline; 
		color:  rgb(230,100,0); }
/* CRUMBS (end) */


/* BUTTONS ------------------------------------------------------------------------------------------------------ */
	.btn { 
		background-color: rgb(200,100,50);
		border-radius:5px;
		color: #fff;
		border: 1px solid #666;
		padding: 3px 6px; }
	a.btn:link { 
		color: #fff; text-decoration: none; 
		padding: 3px 6px;
		font-size: 11px; }
	a.btn:hover, .btn:hover { 
		background-color: rgb(250,250,150); 
		color: #000; 
		border-color: #999; }
	a.btn:visited {
		color: #fff; text-decoration:none; 
		padding: 3px 6px;
		font-size: 11px; 
		background-color: rgb(105,70,50) }
	.btnLite { 
		background-color: rgb(225,225,205);
		border-radius:5px;
		border: 1px solid #999999;
		margin-right:3px;
		padding: 3px 8px 3px 8px; *padding: 5px 6px 3px 6px; }
	a.btnLite:hover, .btnLite:hover { 
		background-color: rgb(250,250,150); 
		color: #000; 
		border-color: #999; }
	#btnInactive { 
		background-color:#ABABAB; 
		color: #fff; 
		padding: 3px 15px 4px 15px; 
		border-radius: 2px;  }
	.dbnav { padding-bottom: 8px; }
/* BUTTONS (end) */


/* FOOTER ------------------------------------------------------------------------------------------------------- */
	#footer { 
		clear: both;
		font-size: .85em;
		position:fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		text-align:center;
		height: 15px;
		border-top: 3px solid rgb(220,190,135);
		background: rgb(235,230,180) url(http://www.sos.mo.gov/mdh/img/pattern_footer.png) repeat-x; }
	#footer a { text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#footcntr { width: 850px; margin: 0 auto 0 auto; }
		#footxt { float: left; margin: 0 0 0 25px; 0px; padding-top: 8px; }
		#back-top img {
			border: 0;
			margin: 7px -25px 0 0;
			float: right;
			width: 21px;
			height: 19px;
			margin-bottom: 4px;
				/* transition */
			-webkit-transition: 1s;
			-moz-transition: 1s;
			transition: 1s; }
/* FOOTER (end) */


/* VIDEOS ------------------------------------------------------------------------------------------------------- */				
/* VIDEOS (end) */


/* SEARCH DB PAGES -------------------------------------------------------------------------------------------- */
	.tabletop { background-color: rgb(58,102,102); color: #fff; font-weight: bold; }
	.imgtabletop {
		border:1px solid rgb(167,167,167);
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-image: linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -o-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2C9', endColorstr='#FBFBCD'); }
	.SearchBox { 
		width:750px;
		margin: 0 auto;
		border:1px solid rgb(167,167,167);
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-image: linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -o-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2C9', endColorstr='#FBFBCD'); }
	.SearchBox h3 { 
		margin: 0; padding: 5px;
		color: #fff; font-weight: bold;
		background-color: rgb(58,102,102); }
	.SearchBoxTip { 
		margin: 0 0 15px 0; padding: 6px 10px 10px 10px;
		border-bottom: 1px dashed rgb(167,167,167);
		background-color: rgb(244,235,188); }
	.InputContainer-Float { float: left; }
	.InputCluster {  margin: 0 20px 10px 20px; }
	.InputBox { height: 25px; padding: 3px; font-size: 1.1em; }
	.InputDropDown { width: 389px; }
	.SearchBoxBtn { float: right; margin-top: 5px; }
/* SEARCH DB PAGES (end) */


/* ALL COLLECTIONS/INSTITUTIONS BAR -------------------------------------------------------------------------- */
	.allBar { text-align:center; padding:2px 0 2px 0; *padding:0; margin:0; }
	.allBarFontSm { font-size:10px; }	
	.allBarSplitter { color: #C1C1C1; }
/* ALL COLLECTIONS/INSTITUTIONS BAR (end) */

/* SITEMAP ----------------------------------------------------------------------------------------------------- */
	#smap { float: left; margin:0 7px 0 7px; }
	#smap h3 { }
	#smapCntrAll { 
		height:425px;
		border:1px solid rgb(167,167,167);
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-image: linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -o-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2C9', endColorstr='#FBFBCD'); }
	#smapCntr { 
		margin-right:10px;
		padding: 5px 2px 10px 10px; 
		vertical-align: top; }
	#smapCntrSm { 
		padding: 5px 10px 5px 10px; 
		vertical-align: top; }
	.smapHeading { 
		font-size: 1.11em;
		font-weight: bold;
		padding-bottom: 5px; }
	.smapURL { 
		padding-bottom:4px; }
	.smapBull { 
		float:left; }		
	.smapLnk { 
		margin-left:10px;
		padding-bottom:4px; }	
/*  SITEMAP (end) */


/* MISCELLANEOUS -------------------------------------------------------------------------------------------- */
	.Acrobat { 
		font-family: 'Open Sans', sans-serif;
		font-size: .95em;
		border:1px solid rgb(167,167,167);
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background-image: linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -o-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2C9', endColorstr='#FBFBCD'); 
		padding: 5px 15px; }
	.caption {
		font-size:.8em;
		color: rgb(99,99,99); 
		padding: 4px;
		margin: -5px 0 0 0;
		border-top:0px solid rgb(167,167,167);border-left:1px solid rgb(167,167,167);border-right:1px solid rgb(167,167,167);border-bottom:1px solid rgb(167,167,167);
		border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
		background-image: linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -o-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -moz-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -webkit-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		background-image: -ms-linear-gradient(bottom, rgb(251,251,205) 20%, rgb(242,242,201) 65%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2C9', endColorstr='#FBFBCD'); }
	.captionB{
		font-size:.8em;
		padding: 4px;
		margin: -5px 0 0 0;
		color: rgb(99,99,99); }
	#disc { font-size: .9em; margin-top: 1em; border-top: 2px dotted #666; padding: 0 20px 10px 20px; }
	#disc { font-size: .9em; margin-top: 1em; border-top: 2px dotted #666; padding: 0 20px 10px 20px; }
	#disc h2 { font-size: 1.3em; font-weight: bold; font-variant: small-caps; margin-bottom: -.8em; text-align: center; }
	#disc p { width: 90%; margin: 1em auto; }
	hr /*solid HR*/ { 
		border-bottom:1px solid #000;  
		border-top:none; 
		border-left:none; 
		border-right:none;
		height:1px; 
		*margin-top:-4px;
		text-align:center; }
	.hr { 
		border-top:1px solid #666666; 
		border-bottom:none; border-left:none; border-right:none; }		
	.hrDash /*dashed HR*/ { 
		border-bottom:1px dashed #666;  
		border-top:none; 
		border-left:none; 
		border-right:none;
		height:1px; 
		margin-top:2px; *margin-top:0px;
		margin-bottom:2px; *margin-bottom:0px;
		text-align:center; }	
	.hrDot /*dashed HR*/ { 
		border-bottom:1px dotted #666;  
		border-top:none; 
		border-left:none; 
		border-right:none;
		height:1px; 
		margin-left: auto; margin-right: auto;
		margin-top:2px; *margin-top:0px;
		margin-bottom:2px; *margin-bottom:0px;
		text-align:center; }		
	.hrDouble /*solid & dashed HR*/ { 
		border-top:1px solid #333; 
		border-bottom:1px dashed #666;  
		border-left:none; 
		border-right:none; 
		padding-top:5px;
		text-align:center; }	
	form legend {
		color: #000000;
		font-size: 1.3em;
		padding: 0 10px 0 7px;
		background-color: #FBFBCD; }
	fieldset { 
		padding: 5px 15px 20px 15px;
		margin-bottom: 8px;
		border: 1px solid #666;
		width: auto;
		border-radius: 6px; }
	#footnote { 
		color: rgb(60,100,100); 
		font-size: .85em;
		/*margin: auto 7%;*/
		padding: 5px;
		border: 1px dashed rgb(212,222,185);
		border-radius: 4px;
		background-color: rgb(241,244,200) ;}
	#footnote sup { font-weight: bold; }
	p.top { 
		text-align: right; 
		font-size: .9em; }
	div#topper { 
		text-align: right; 
		font-size: .9em; 
		width: 756px; 
		margin: 15px auto 20px auto; }
	.imgbrdr {
		border: 1px solid rgb(167,167,167); }
	.imgL { 
		float: left;
		margin: 14px 20px 20px 0;
		border: 1px solid rgb(167,167,167); }
	.imgR { 
		float: right;
		margin: 14px 0 20px 20px;
		border: 1px solid rgb(167,167,167); }
	.imgCap { 
		font-size:10px; 
		color:#6C6C6C; 
		text-align:right; 
		font-style:italic; 
		margin-top:0px; *margin-top:0px; margin-right:-30px; }	
	.imgCap2 {
		font-style: none; font-size:.85em; color:#6C6C6C; }	
	.imgbox { margin: 4px; border:6px solid #EEEBBB; }
	#InstJumps { 
		margin: 10px 0px 0px 0px; *margin: 10px 0px 12px 0px;
		text-align: center; }
	#req { font-size: .9em; clear: both; /*width: 70%;*/ margin: 1em auto .5em auto; color: #333; padding-top: 2em; *padding-top: 0; }
	#req hr { border: 0; background-color: #666; color: #666; height: 1px; margin-bottom: 5px;  }
	#req p { margin-top: 8px; text-align: center; }
	.txtSmCapsUpper { font-size:.85em; text-transform:uppercase; }
	.txtSmCapsLower { font-size:.9em; }
	.vimvid { border:1px solid #666666; }
	
/* MISCELLANEOUS (end) */


/* DEEP WEB -------------------------------------------------------------------------------------------- */
	/*Front Page*/
		#all { margin-right: 14px; }
		#header-search-bar-adv { margin: 15px 0 0 0; }
		#header-search-bar-adv ul { margin-right: 15px; }
		.modal { float: right; }
		.searchControlsTable { margin-left: -125px; }
		#searchSourcesTable { width: 470px; }
		.yui-skin-sam { margin: 0; }
		.TextInput { height: 25px; *height: 23px; padding: 0 4px; *padding: 5px 3px 0 3px; font-size: 1.5em; }
	/*Results Page*/
	
/* DEEP WEB (end) */


                                            /* --- END of FILE --- */