html {
	height: 100%;
	min-height: 100%;
	border-width: 0px;

 	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 15px;
	
	color: #ffffff; /*background-image: url(https://www.archiefile.com/images/background.gif);*/
	
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
	margin: 0px;
	padding: 0px; 
	
	background-color: #262626; /*background-image: url(https://www.archiefile.com/images/paper_white_bg.png);*/
}

#main_container {
	width: 900px;
	height: 300px;
	background-image: transparent;
}

#main_container_mobile {
	width: 100%;
}

#main_folder {
	width: 900px;
	height: 100px;
	background-image: url(https://www.archiefile.com/images/folder_bg_top_mx_n.png);
}

.main_folder_content {	
	font-size: 100%;
	letter-spacing: 1px;
	padding-left: 40px;
	padding-right: 35px;
	text-align: left;
	line-height: 28px;
	color: Black;
	background-image: url(https://www.archiefile.com/images/folder_bg_middle_m_n.png);
	background-repeat: repeat-y;
}

#main_folder_bottom {
	width: 900px;	
	height: 100px;
	background-image: url(https://www.archiefile.com/images/folder_bg_bottom_m_n.png);
}

#main_folder_bottom_mobile {
	width: 100%;
	height: 50px;
	background-image: url(https://www.archiefile.com/images/folder_bg_bottom_m_n.png);
	background-position: center;
	margin-bottom: -5px;	
	text-align: center;
}

.main_folder_img {
	margin: 8px;
}

.about_img {
	border: 4px solid #EAEAEA;
	margin: 10px;
}

div.color_band {
	background-image: url(https://www.lanternworks.com/images/pool_table_cb.png);
	color: #222;
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	margin-bottom: 10px;
	position: relative;
	background-position: center;
}

.indent {
	margin-left: 20px;
}

/*fieldset*/

fieldset {
	padding: 1em;
	border: none;	
	line-height: 20px;
} 

div.generic_contact {
	border: none;	
	line-height: 20px;
   margin: -67px 20px 20px 20px;
} 

div.inner_generic_contact {
	padding: 0px 40px 0px 40px;
}

fieldset.shaded {
	background-image: url(https://www.archiefile.com/images/opaque_5.png); 
	background-repeat: repeat;
}

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;  
}  

fieldset li {  
	padding-bottom: 1em;  
}  


li.roomy {
	margin-bottom: 10px;
}

label {    
	float: left;   
	position: relative;  
	width: 10em;    
	margin-right: 1em;  
	text-align: left;
}

label em {        
	position: absolute;        
	left: 9.8em;        
	top: 1;   
	color: #FFF0C7;
	font-size: 90%em;   
}

label.token {
	float: none;	
}

label.wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 19em;
	margin-right: 1em;
	text-align: left;
}

label.narrow {
	float: left; 
	position: relative;
	top: .2em;
	width: 7em;
	margin-right: 1em;
	text-align: left;
}

label.semi-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 12em;
	margin-right: 1em;
	text-align: left;
}

label.mid-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 14em;
	margin-right: 1em;
	text-align: left;
}

label.tag-only {
	float: none;
	width: auto;
	margin-right: auto;
	text-align: left;
}

/*end fieldset*/

td {
	font-size: 12px;
	font-weight: normal;
}

* html {
  height: 100%;
}

#tag_line {
	position: relative;
	top: 10px;
	left: 7px;
	font-size: 85%;
	letter-spacing: 2px;
	color: #D7D7D7;
}

#tag_line_mobile {
	position: relative;
	top: 10px;
	left:7px;
	font-size: 100%;
	letter-spacing: 2px;
	color: #D7D7D7;
}

.tip_counter {
	font-family: Trebuchet MS;
	letter-spacing: 3px;
	background-image: url(https://www.archiefile.com/images/opaque_5.png);
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 8px 5px 8px;
	border: 1px solid #EAEAEA;
}

.divider {
	width: 45%;
	height: 1px;
	background: #F2F2F2 url(https://www.archiefile.com/images/opaque_5.png);
}

.welcomeText {
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 4px;
	color: #101010;
	margin-top: 15px;
}

form	{
	margin: 0px;
	padding: 0px;
}

/* inputs */
/*
.submit_button {
	color: White;
	background-color: #528EAD;
	padding: 1px 5px 1px 5px;
	letter-spacing: .1em;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 15px 5px 15px 5px;
}

.submit_button:hover, .submit_button:active {
	color: White;
	background-color: #006B99;
	padding: 1px 5px 1px 5px;
	letter-spacing: .1em;
	padding: 15px 5px 15px 5px;
}

*/

input.submit_button, .submit_button, .submit_button:link, .submit_button:hover, .submit_button:active, .submit_button:visited {
	background-image: url(https://www.archiefile.com/images/submit_button_bg.png);
	background-repeat: repeat;
	background-color: transparent;
	color: #696969;
	text-decoration: none;
	border: 1px solid #fff;
	outline: #BAB9B5 solid 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline-radius: 4px;
	-webkit-outline-radius: 4px;
	-moz-outline-radius: 4px;
	padding: 10px;
} 

input, textarea, select {

	-webkit-transition: all 0.30s ease-in-out;

	-moz-transition: all 0.30s ease-in-out;

	-ms-transition: all 0.30s ease-in-out;

	-o-transition: all 0.30s ease-in-out;

	outline: none;

	padding: 15px 5px 15px 5px;

	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;

	

	background-color: White;

}

 

input:focus, textarea:focus, select:focus {

	box-shadow: 0 0 12px rgba(136, 146, 117, 1);

	padding: 15px 5px 15px 5px;

	border: 1px solid rgba(136, 146, 117, 1);

	background-color: #FCFCFC;

}

select.find {
	color: #fff;
	background-color: #EBEADB;
	border: 1px solid #E9E9E9;
	color: Black;
	background: #fff url(https://www.archiefile.com/images/field_bg.gif) repeat-x top left;
	padding: 15px 5px 15px 5px;
}


/*this is for the radio buttons on the find bar
it removes the bg color in IE */
input.find {
	background-color: transparent;
	border: none;
	padding: 15px 5px 15px 5px;
}

/* end inputs */

/*--- forms ------------*/


#contactform {
	width: 50%;
	text-align: left;
	vertical-align: top;
}

#contactform input,  #contactform textarea {
	border: 1px solid #CCCCCC;
	color: Black;
	background-image: url(https://www.archiefile.com/images/opaque_1.png);
	background-repeat: repeat;
	margin-right: 1em;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#contactform input:focus, #contactform select:focus, #contactform textarea:focus {
	border: 1px solid #E0E0E0;
	color: Black;
	background-color: transparent;
}

#contactform input.invalid:focus, #contactform textarea.invalid:focus,
input.invalid, textarea.invalid, input.invalid:focus, textarea.invalid:focus {
	color: Black;
	background-image: url(https://www.archiefile.com/images/light_opaque_yellow.png);
	background-repeat: repeat;
	padding: 15px 5px 15px 5px;
	box-shadow: 0 0 5px rgba(230, 219, 85, 1);
	border: 1px solid rgba(230, 219, 85, 1);
}

#contactform label {
	width: 35%;
	float: left;
	clear: left;
}

#contactform span.indent {
	margin-left: 35%;
}

legend {
	color: #0046D5;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 3px;
	vertical-align: middle;
	padding-bottom: 3px;
}
/*
table.smoke	{
	border: 1px solid #494C49;
	padding: 5px;
	vertical-align: middle;
	line-height: 22px;
	background-color: #3F4040;
	max-width: 95%;
}
	
.smoke th, .header {
	border-bottom: solid 1px #494C49;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 22px;
	background-color: #3F4040;
}

a.smoke_hdr:link, a.smoke_hdr:hover, a.smoke_hdr:visited {
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 22px;
	background-color: #3F4040;
	text-decoration: none;
	color: White;
}

.smoke td.sort_on, th.sort_on {
	border-left: 1px dotted #616161;
	border-right: 1px dotted #616161;
	border-bottom: 1px dotted #616161;
	background-image: url(https://www.archiefile.com/images/opaque_10.png);
	background-repeat: repeat;
}

.smoke td.foot {
	border-top: solid 1px #494C49;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 22px;
	background-color: #3F4040;
}

.smoke td {
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 22px;
	background-color: #414141;
}

.smoke td.label {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 22px;
	background-color: #3F4040;
	vertical-align: top;
}

.box_smoke {
	border: 1px solid #494C49;
	padding: 5px;
	vertical-align: middle;
	line-height: 22px;
	background-color: #3C3D3C;
	max-width: 95%;
}
*/

.smoke {
	border: 1px solid #E2E2E2;	
	vertical-align: middle;
	line-height: 26px;
}
	
.smoke th {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 26px;
	background-image: url(https://www.archiefile.com/images/gray-grad.png);
	background-repeat: repeat-x;
}

.smoke td {
	padding: 5px;
	vertical-align: middle;
	line-height: 26px;	
}

.smoke tr.on {
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-color: #F9F9F9;
}

.smoke tr.off {
	background-image: none;
	background-repeat: repeat;	
}

.smoke td.on {
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-color: #F9F9F9;
}

.smoke td.off {
	background-image: none;
	background-repeat: repeat;	
}

.box_smoke {
	color: #0E0E0E;
	border: 1px solid #D0D0D0;
	background-color: #FAFAFA;
}

.box_smoke_heading{
	text-align: center;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 10px;
	letter-spacing: 2px;
	font-size: 110%;
}
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.rt_img_home {
	float: right;
	position: relative;
	top: -50px;
}

.rt_img {
	float: right;
	position: relative;
	top: 0px;
	right: 10px;
	margin-left: 10px;
}

#find {
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
	background-image: url(https://www.archiefile.com/images/opaque_5.png);
	margin-top: 8px;
}

#find_img {
	background: none;
	border: none;
}


/* LINKS */
a img	{
	border-width: 0px;
}

.footDescription {
	float: left;
	padding: 5px;
	color: #2A3D9E;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

a,
a:link,
a:visited,
a:active
	{
	text-decoration: none;
	color: Black;
}

a:hover
	{
	color: Black;
	text-decoration: underline;
}


a.footer_link {
	text-decoration: none;
}

a.footer_link_on {
	text-decoration: none;
   color: #fff;
}

a.highlt:link, a.highlt:hover, a.highlt:visited {

	color: #be3312;
	text-decoration: none;
}

a.red:link, a.red:hover, a.red:visited {
	color: #E73C21;
	font-weight: bold;
	text-decoration: underline;
}

a.yellow:link, a.yellow:hover, a.yellow:visited {
	color: #FF9500;
	font-weight: bold;
	text-decoration: underline;
}
/*These next lines will remove the dotted lines that appear around image linkes when clicked */
a {
  outline: 0px;
}

a:focus {
  -moz-outline-style: none;
}

/* POSITION */	

.inline_6 {
	position: relative;
	top: -2px;
}

.inline_12 {
	position: relative;
	top: 2px;
}

.inline_14 {
	position: relative;
	top: 3px;
}

.inline_16 {
	position: relative;
	top: 4px;
}

.inline_24 {
	position: relative;
	top: 7px;
}

.inline_32 {
	position: relative;
	top: 9px;
}

.top_menu {
	position: relative;
	left: 5%;
}

#filters_display {
	position: relative;
	top: -35px;
	margin-left: 10px;
	width: 40%;
}

/* MISC */

.dotted_bottom {
	color: Black;
	border-bottom: 1px dotted Gray;
}

.highlt_bg {
	background-image: url(https://www.archiefile.com/images/opaque_5.png);
	color: Black;
}

.archie {
	color: #064663;
	letter-spacing: 2px;
	font-size: 115%;
}

div.pagebreakhere {
	page-break-before: always
}

.line_horizo {
	background-image: url(https://www.archiefile.com/images/line_horizo.png);
	width: 100%;
	height: 2px;
	background-repeat: repeat-x;
}

.separator {
	background-image: url(https://www.archiefile.com/images/hash_3.png);
	width: 100%;
	height: 6px;
	background-repeat: repeat-x;
	position: relative;
	top: -6px;
}

/* embedded fonts */

@font-face { 
	font-family:'engravers_gothic_bt_top_off'; 
	src:url('https://www.archiefile.com/fonts/engravers_gothic_bt.eot'); 
	src: url('https://www.archiefile.com/fonts/engravers_gothic_bt.woff') format('woff'), url('https://www.archiefile.com/fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_off {
	font-family: 'engravers_gothic_bt_top_off', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 5px 10px 10px 10px;
	color: #A5A5A5;
	font-size: 15px;
	text-decoration: none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_off {
/*	color: #A5A5A5;*/
   color: Black;
}

a.engravers_gothic_bt_top_off:hover, a.engravers_gothic_bt_top_on:hover {
	color: #fff;
	text-decoration: none;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_on'; 
	src:url('https://www.archiefile.com/fonts/engravers_gothic_bt.eot'); 
	src: url('https://www.archiefile.com/fonts/engravers_gothic_bt.woff') format('woff'), url('https://www.archiefile.com/fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_on {
	font-family: 'engravers_gothic_bt_top_on', Verdana, Arial, Helvetica, sans-serif;
	color: #fff; /*color: #521301;*/
	letter-spacing:2px;
	padding: 5px 10px 10px 10px;
	margin-right: 0px;
	font-size: 15px;
	text-decoration: none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_on {
	color: #fff;
}

/*tablet version */

.engravers_gothic_bt_top_off_tablet {
	font-family: 'engravers_gothic_bt_top_off', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 5px 8px 10px 8px;
	color: Black;
	font-size: 14px;
	text-decoration: none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_off_tablet {
	color: #A5A5A5;
}

a.engravers_gothic_bt_top_off_tablet:hover, a.engravers_gothic_bt_top_on_tablet:hover {
	color: #fff;
	text-decoration: none;
}

.engravers_gothic_bt_top_on_tablet {
	font-family: 'engravers_gothic_bt_top_on', Verdana, Arial, Helvetica, sans-serif;
	color: #fff; /*color: #521301;*/
	letter-spacing:2px;
	padding: 5px 8px 10px 8px;
	margin-right: 0px;
	font-size: 14px;
	text-decoration: none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_on_tablet {
	color: #fff;
}

/* FOOTER */

.footer {
	font-size: 90%;
	letter-spacing: 2px;
	width: 92%;
	padding-top: 5px;
}

#footer {
	position: fixed;
	bottom: 0px;
	background-image: url(https://www.archiefile.com/images/opaque_5.png);
	margin-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}