/* FileMaker PHP Site Assistant - Circles (White) CSS template
#56584b; olive
color:#8d6625; gold
color:#333; grey
color:#202020; dk grey
th bk grey #9D9F8E;
color: #c7c8bf; lightgrey
color:#838383; med grey
bgcolor=#ECE9D8 light tan

*/
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 * CallunaRegular,"Times New Roman",Times,serif;
 */


@font-face {
    font-family: 'CallunaRegular';
    src: url('../fonts/Calluna/web fonts/calluna_regular_macroman/Calluna-Regular-webfont.eot');
    src: url('../fonts/Calluna/web fonts/calluna_regular_macroman/Calluna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calluna/web fonts/calluna_regular_macroman/Calluna-Regular-webfont.woff') format('woff'),
         url('../fonts/Calluna/web fonts/calluna_regular_macroman/Calluna-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Calluna/web fonts/calluna_regular_macroman/Calluna-Regular-webfont.svg#CallunaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CallunaSansRegular';
    src: url('../fonts/Calluna Sans/web fonts/callunasans_regular_macroman/CallunaSansRegular-webfont.eot');
    src: url('../fonts/Calluna Sans/web fonts/callunasans_regular_macroman/CallunaSansRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calluna Sans/web fonts/callunasans_regular_macroman/CallunaSansRegular-webfont.woff') format('woff'),
         url('../fonts/Calluna Sans/web fonts/callunasans_regular_macroman/CallunaSansRegular-webfont.ttf') format('truetype'),
         url('../fonts/Calluna Sans/web fonts/callunasans_regular_macroman/CallunaSansRegular-webfont.svg#CallunaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Heldane";
    src: url('../fonts/Heldane/web fonts/heldane-text-regular.woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Heldane-b";
    src: url('../fonts/Heldane/web fonts/heldane-text-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}


/*
@font-face {
    font-family: "Heldane";
    src: url('../fonts/Heldane/web fonts/heldane-text-regular-italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic, oblique;
}


@font-face {
    font-family: "Heldane";
    src: url('../fonts/Heldane/web fonts/heldane-text-bold-italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic, oblique;
}
*/

@font-face {
    font-family: "Hermann";
    src: url('../fonts/Hermann/web fonts/Hermann-Regular.woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Hermann-b";
    src: url('../fonts/Hermann/web fonts/Hermann-UltraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
/*

@font-face {
    font-family: "Hermann";
    src: url('../fonts/Hermann/web fonts/Hermann-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic, oblique;
}



@font-face {
    font-family: "Hermann";
    src: url('../fonts/Hermann/web fonts/Hermann-UltraBoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic, oblique;
}
*/


img{
border-style: none;
}
table {
border:0px;
border:none;
/*border-collapse:collapse;*/
width: 100%;
}

a {
	font-family:Heldane;
	color:#B7B09C;
	font-weight:bold;
	text-decoration: none;

	}

a:hover {
	color:#A50034;
	font-weight:bold;
	text-decoration: underline;
	cursor: pointer;
	}
a:active {
	color:#A50034;
	font-weight:bold;
	text-decoration: none;

	}

body {
	background-color: #B1B3B3;
	font-family:Heldane;
	text-align: left;
	margin: 0px;
	padding:0px;

}

h1, h2, h3, h4 {
	font-family:Hermann;}

	.element-invisible {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    height: 1px;
}

fieldset {border:none;}



.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
h1,h2,h3,h4,h5,h6{margin:.5 0 0.5em;font-weight:inherit;}
h1{font-size:1.5em;color:#000;}
h2{font-size:1.3em;}
h4{font-family: Hermann; font-size:1.1em; padding:none; margin:none;}
h4 a{font-weight: 500;}
/***
 * 3 major sections of page: Header, Container(body), and Footer */
#header{
	background-color:#FFFFFF;
	/*background:#9c9c9b *//*url('./images/centerhdr.png') bottom center no-repeat*/;
	/*height: 18em;*/
	clear: left;
	margin: 1.5% auto 0 auto;
	padding: 0 0 0 0 ;
	padding-top:.8em;
	width:100%;
}

#header h1 {
	padding-top:1.5em;
	padding-left:3em;
	color:#8d6625;
	font-family:Hermann;
	line-height:1.2em;
	margin:0px;
}
#container {
	/*background-color:#9c9c9b; /* sage #9d9FFe*/
	background-color:#9c9c9b;
	margin: 0 auto;
	padding:0px;
	width:90%;
max-width: 980px;
}

#hdrimg {
	position:relative;
	margin-top:0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px ;

}
#hdrimg img {
	width: 100%;
     max-width: 100%;
     height: 100%;
}

/*new compliant page navigation = topmenu*/
/* page nav and carousel each have right/left .625em border */
#page_nav{
	position:relative;
	margin-top:0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Heldane;
	background-color:#A50034;
	text-align: left;
	height:1.6em;
	height:2em;
	padding: .1em 0 0 0 ;
	overflow: hidden;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}

#page_nav ul {
	list-style-type:none;
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	overflow: hidden;
	padding: 0px;
}

#page_nav li {
	display:inline;
	white-space: nowrap;

}


#page_nav li a{
	margin: 0 ;
    padding: 0;
	text-decoration:none;
	color:#FCFBEF;
	padding-left: 1em;
   	padding-right: 1em;
	font-family: Heldane;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
/*height: 31px;
line-height: 31px;*/
	height: 2em;
	line-height: 2em;
}


#page_nav li a:hover{
	color: #F0E9D4;
	text-decoration:none;

}
#page_nav li a:focus{
	color:#F0E9D4;
	text-decoration:none;
}

#page_nav li a:active{
	color:#F0E9D4;
	text-decoration:none;
}

/* secondary menu */
#secondary-menu{
	display: block;
	float: right;
	font-family: Heldane;
	font-size: .814em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height:1.5em;
	line-height:1.5em;
width: 254px;
}

#secondary-menu ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: .625em;
	margin-right: .625em;
	margin-top: .625em;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	vertical-align: baseline;
}

#secondary-menu li{
	display:inline;
	margin; 0px;
}
#secondary-menu li a{
	color: #68696B;
	font-weight:normal;
	text-decoration:none;

}
/*back button*/

#back {
/*font-size: 12px;*/
	color: #838383;
	text-align: right;
	margin-left: 0px;

}

#content {
	margin:0;
	/*width:90%;*/
	background:#FFF;
	padding: .5em 2em 1em 2em;
	min-height:1000px;

}

#alpha {
	color:#333333;
	/*font-size:16px;*/
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
	padding-top:1.25em;
	padding-bottom:.625em;
	padding-right:.625em;
}

#helptext {
	color:#000;
	font-family:Heldane;
	/*font-size:12px;*/
	font-weight: normal;
	text-align: left;
	line-height: 1.6;
	font-size:.875em;
}

#helptext a{
	color:#B7B09C;
	font-weight: bold;

}
#helptext a:hover{
	color:#A50034;
	font-weight: bold;
	text-decoration:underline;
}
#helptextleft {
	float:left;
	display:block;
	color:#333333;
	font-weight: normal;
	text-align: left;


	/*width:650px;*/
}
ul.guide {
list-style:none;
}
ul.guide li {
display:inline;
padding: 0em 3em 0em 0em;
}


#content #helptextleft  h2 {
	color:#202020;
	font-family:Heldane;
	color:#202020;
	font-weight:600;
	text-align: left;
	vertical-align:top;
	padding-right:0;
	padding-left:0;

}
#helptextleft a{
	color:#B7B09C;
	font-weight: bold;

}
#helptextleft a:hover{
	color:#A50034;
	font-weight: bold;
	text-decoration:underline;
}

#meebo {
	padding-top:1.25em;
	float:right;
}

#goback a{
	color:#B7B09C;
	font-size:1em;
	font-weight:600;
	}

#goback a:hover{
	color:#A50034;
	font-weight:600;
	text-decoration:none;
	}


#goback2 a{
	color:#B7B09C !important;

	}

#goback2 a:hover{
	color:#A50034 !important;

	}


p field_nameNAME2{
	color:#8d6625; /*gold*/
	color:#333; /*grey*/
	font-family:Heldane;
	font-style: normal;
	font-weight:600;
}

/*home page image*/
#imageleft {
	float:left;
	padding:.3125em .3125em .3125em .3125em;
	height:22em;
	width:15em;
}
#imageleft a img{
	border:0px;
	text-decoration:none;

}

#rightbuttons {
	float:left;
	margin-left:1.25em;
	margin-top:.33em;
}
#buttons {
	vertical-align:middle;
}

#buttons input{
	margin:0px 2px;
}

#buttons .backbutton {
	margin-left:3.126em;
}

/* IE min-height workaround */
/**/
* html #content {
height: 400px;
}
/**/
#content h1 {
	color:#000;
	font-family:Hermann-b;
	font-style: normal;
}
#content h1 a{
	color:#333333;
	font-family:Hermann-b;
	font-style: normal;
}

#content h1 a:hover{
	color:#333333;
}


#content h2 {
	color:#000;
	font-family:Hermann-b;
	text-align: left;
	vertical-align:top;
	padding-top:1.2em;
	padding-bottom:.5em;
	padding-right:0px;
	padding-left:2em;

}

#content h2 #more {
	font-family:Hermann;
	color:#202020;
	text-align: left;
	vertical-align:top;
	padding-top:1.2em;
	padding-bottom:.5em;
	padding-right:0px;
	padding-left:0px;

}

#content h2 a{
	color:#202020;
	font-family:Hermann;
	font-style: normal;
}

#content h2 a:hover{
	color:#8d6625;
	font-family:Hermann;
	font-style: normal;
	text-decoration:underline;
}
#portrait {
height: 200px;
padding-top:2em;
}



/* the following are for alphabet search */
.recordlist_nav {
	font-size: .625em;
	color: #000;
	font-variant: normal;
	text-align:right;
	margin-left:0px;

}

.recordlist_nav span a{
	font-size:1em;
	color: #B7B09C !important;
	font-weight:bold;
	font-variant: normal;
	text-decoration:underline;
	text-align: center;
	padding-right:.5em;

}

.recordlist_nav span a:hover{
	color: #A50034 !important;
	font-weight:bold;
	font-variant: normal;
	text-decoration:none;

}


.recordlist_navback a{
	color: #999;
	font-variant: normal;

}
.recordlist_navalf {
	text-align:left;
	padding-bottom:2em;
	border-bottom:dotted 1px #202020;
}

.recordlist_navalf a{
	font-size:1em;
	color: #B7B09C;
	font-weight:bold;
	font-variant: normal;
	text-decoration:underline;
	text-align: center;
	padding-right:.5em;

}


.recordlist_navalf a:hover{
	color: #A50034;
	font-weight:bold;
	font-variant: normal;
	text-decoration:none;
}


table.record {
	padding: .3em 0 .3em 0;
	max-width:100%;
	border:none;

	}


table.record2 {
	padding: .3em 0 .3em 0;
	width:100%;
}

/*portal header*/
th{

	background-color:#A50034;
	text-decoration:none;
	color:#FCFBEF;
	padding: .5em .3em .5em .3em;
}

/* records and results tables */

th.recordlist_sort {
	text-align:left;
	background-color:#FFF;

}

th.recordlist_sort a{
	font-size: .875em;
	color: #C7C8BF;
	background-color:#FFF;
	font-weight:bold;
	font-variant: normal;
	text-decoration:underline;
	padding-left:.25em;
}
th.recordlist_sort a:hover{
	font-size: .875em;
	color: #202020;
	background-color:#FFF;
	font-weight:bold;
	font-variant: normal;
	text-decoration:none;
	padding-left:.25em;
}

tr.fieldlast {
border-bottom: .625em #9d9d9d dotted;
}
/*labels for browserecord*/

td.field_name{

	color:#B7B09C;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
	padding: 0 .6em 0 .6em;
	width: 3em;

}
/*field labels browserecord and find pages*/
td.field_name a{
	color:#B7B09C;
	text-decoration:none;
	font-weight: bold;

}
/*field labels browserecord and find pages*/
td.field_namehide{
	color:#c7c8bf;
	font-weight: bold;
	text-align: right;
	vertical-align:top;
	padding: .3em .6em .3em 0;
}

td.field_namesearch{
	text-align: left;
	color:#333333;
	font-weight: bold;
	width:9.375em;
}

td.field_namesearch2{
	text-align: right;
	color:#666;
	font-weight: bold;
	width:8.75em;
	padding-right:.625em;
}
td.field_namesearch a{
	text-decoration:none;
	color:#000;
	font-weight: bold;
	}

td.field_namesearch a:hover{
	text-decoration:underline;
	color: #000;
}
td.field_namesearch a:active{
	text-decoration:none;
	color: #000;
}

td.field_namesearch a:visited{
	text-decoration:none;
	color:#000;
	font-weight: bold;
	}

#advancedsearch {
  color: black;
  text-decoration: none;
  background-color: #FCFBEF;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #aaa;
  font-size:13px;
}

.advancedsearch {
  color: black;
  background-color: #FCFBEF;
  border-radius: 5px;
  border: 1px solid #aaa;
  font-size:13px;
  padding: 2px 10px;
  font-family:Heldane;
  font-weight:bold;
}

/*print view*/
td.field_nameNAME{
	color:#202020;
font-size:1em;
	font-weight:600;
	text-align: left;
	vertical-align:top;
padding-top:1.5em;
padding-bottom:0px;
padding-right:0px;
padding-left:3em;

}




td.field_data {
	color:#000;
	text-align: left;
	overflow:hidden;
	font-size:.875em;
	line-height:1.6;
}
td.field_data a{
	font-size:1em;
	line-height:1.6;
	color:#B7B09C;
}
td.field_data a:hover{
	font-size:1em;
	line-height:1.6;
	color:#A50034;
}


td.field_datahide {
	color:#333333;
	text-align: left;
}
td.field_datagold {
	color:#A50034;
	text-align: left;
	font-weight:bold;
}

td.regularview {
	display:none;
}

td.goback {
	color:#333333;
	text-align: right;
}
/*find page*/
tr.submit_btn {
	color:#333333;
margin-top: 20px;
	text-align: left;
padding-left:80px;
}

/*browse cell and headers are for recordlist pages */

th.browse_header{
	color:#FFFFFF;
	padding-right:1.875em;
	padding-top:.625em;
}
th.browse_headersort{
	color:#FFFFFF;
	color:#838383;
	padding-right:1.875em;
	padding-top:.625em;
}
th.browse_headersort a{
	color:#FFFFFF;
	text-decoration:none;
	color:#838383;
	padding-right:1.875em;
	padding-top:.625em;
}

table.browse_records{
	background-color:#FFFFFF;
	border-collapse:collapse;
	border:none;
	width: 100%;
}
td.browse_cell{
	color:#000;
	padding: 2em;
	background-color:#FFFFFF;
	border-left: none;
	border-bottom: 1px #9d9d9d dotted;
}
td.browse_cell p.history{
	margin-left:3em;
	margin-top:0;
	line-height:1em;
}
td.browse_cell a{
	color:#B7B09C;
	font-weight:normal;
	text-decoration: underline;
	cursor: pointer;
}
#name a{
font-size:1.25em;
font-family:Heldane;
}



td.browse_cell a:hover{
	color:#A50034;
	font-weight:normal;
	text-decoration: none;
	cursor: pointer;
}

td.browse_cell img {
/*width:50px;*/
}

/*portal table in browserecord*/
.portal{
	background-color:#56584b;
	border-collapse:collapse;
	width:100%;

}

tr.table_row{
	background-color:#FCFBEF;
}
tr.table_row td{
	padding: .3em .3em .3em .3em;
	}

tr.alt_row {
	background-color:#F0E9D4;
}

tr.alt_row td{
	padding: .3em .3em .3em .3em;
}

/*helptext divs on findrecords.php */

#swap0 {

margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap1 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap2 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap3 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap4 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap5 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap6 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap7 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap8 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap9 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap10 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap11 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}
#swap12 {
margin:5em; font-size:1em;padding:12px;border: 1px dashed #999999;display: block; background-color:#ECECEC;
}

.hidden { display: none; }
.unhidden { display: block; }

#feeds {
font-size:1em;
}
#nomobile {
visibility:visible;
}

/* media queries - no timeline for iphone */

/* small screens ----------- */
@media screen and (max-width : 480px) {
/* Styles */
/*span#logo {
display: none;
}*/ span#logo img {
width:100%;
}
span#contribute {
display: none;
}

div#my-timeline {
display:none;
}
div#secondary-menu {
display:none;
}
div#swap {
display: none;
}
.swap {
display: none;
}
td#swapper {
display:none;
}
body {
background-color: #FFF;
}
div#container {
width: 100%
}
#printer {
display:none;
}
#header h1 {
	padding-top:0em;
	padding-left:0em;
}
td.field_name {
display:none;
}
#printer {
display: none;
}
#content h2 {
	padding-top:0em;
	padding-left:0em;
}
td.field_namehide #nomobile {
display:none;
}

#nomobile {
display:none;
}
#goback {
display:none;
}
#header{

	height: 4em;
	clear: left;
	margin: 1.5% auto 0 auto;
	padding: 0 0 0 0 ;
	padding-top:.8em;
	width:100%;
}
#hdrimg {
display:none;
}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {

/* Styles */
/*span#logo {
display: none;
}*/ span#logo img {
width:100%;
}
span#contribute {
display: none;
}

div#my-timeline {
display:none;
}
div#secondary-menu {
display:none;
}
div#swap {
display: none;
}
.swap {
display: none;
}
td#swapper {
display:none;
}
body {
background-color: #FFF;
}
div#container {
width: 100%
}
#printer {
display:none;
}
#content h2 {
	padding-top:0em;
	padding-left:0em;
}


#goback {
display:none;
}



}


/* iphone 4 and 4s */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
/*span#logo {
display: none;
}*/ span#logo img {
width:100%;
}
span#contribute {
display: none;
}

div#my-timeline {
display:none;
}
div#secondary-menu {
display:none;
}
div#swap {
display: none;
}
.swap {
display: none;
}
td#swapper {
display:none;
}
body {
background-color: #FFF;
}
}
div#container {
width: 100%
}
img#printer {
display:none;
}
#content h2 {
	padding-top:0em;
	padding-left:0em;
}
td.browse_cell #nomobile {
display:none;
}
td.field_namehide #nomobile {
display:none;
}

#goback {
display:none;
}


}
/* iphone 5 */
@media screen and (device-aspect-ratio: 40/71) {
/*span#logo {
display: none;
}*/ span#logo img {
width:100%;
}
span#contribute {
display: none;
}

div#my-timeline {
display:none;
}
div#secondary-menu {
display:none;
}
div#swap {
display: none;
}
.swap {
display: none;
}
td#swapper {
display:none;
}
body {
background-color: #FFF;
}
div#container {
width: 100%
}
#printer {
display:none;
}
td.field_name {
display:none;
}
td.browse_cell #nomobile {
display:none;
}
td.field_namehide #nomobile {
display:none;
}

#content h2 {
	padding-top:0em;
	padding-left:0em;
}


#goback {
display:none;
}

#hdrimg {
display:none;
}


@media only screen and (max-device-width: 520px){
span#logo img {
width:100%;
}
#header{

	height: 4em;
	clear: left;
	margin: 1.5% auto 0 auto;
	padding: 0 0 0 0 ;
	padding-top:.8em;
	width:100%;
}
#hdrimg {
display:none;
}
}

@media only screen and (max-device-width: 561px){
ul.guide li {float:left;}
#content h2 {clear:both}
#header{

	height: 4em;
	clear: left;
	margin: 1.5% auto 0 auto;
	padding: 0 0 0 0 ;
	padding-top:.8em;
	width:100%;
}
#hdrimg {
display:none;
}

}
