/********************************************************************************************************/
/*                                                                                                      */ 
/* BASED ON TEMPLATE 8, CHANGES MADE BY BFP                                                             */
/*                                                                                                      */ 
/* ONLY CLASSES, ID's ETC. THAT WERE CHANGED APPEAR BELOW                                               */ 
/*                                                                                                      */ 
/* CHANGED ALL INSTANCES OF COLOR #211A16 (DARK BROWN) TO #003366 (NAVY BLUE)                           */
/* CHANGED ALL INSTANCES OF COLOR #695445 (BROWN) TO #5289B5 (SEA BLUE)                                 */
/* CHANGED ALL INSTANCES OF COLOR #E9CFA2 (TAN) TO #5289B5 (SEA BLUE)                                   */
/* CHANGED ALL INSTANCES OF COLOR #B99852 (YELLOW-TAN) TO #B7A27F (TAN)									*/
/*                                                                                                      */ 
/* DO I NEED TO CHANGE THE FOLLOWING COLORS? #504034 #F2E6CC #f9f5f0 #3E331D #322721 #FFCC33    		*/
/********************************************************************************************************/


/* BODY: DESCRIBES PAGE BACKGROUND COLOR AND ALL NON-TABLE TEXT NOT GOVERNED BY ANY OTHER STYLE */

.templatebody {
	background: #003366 url(../img/border.gif) repeat-y; /* NAVY */
}

/* USED BY INDEX.PHP FOR HEADERS IN HOME_SECTION (MAIN BODY OF HOME PAGE) e.g. WELCOME, FEATURES, etc. */

.header {
	color: #003366; /* NAVY */
	font-weight: normal;
}

/* FONT OVERRIDES AND LINK DEFINITIONS: NORMAL, ACTIVE, LINKS IN USE */

a:hover {
	color: #003366; /* COLOR CHANGE - NAVY BLUE */
}

/* FIELDNAMEBACK: BACKGROUND COLOR FOR COLUMN AND ROW TITLE SECTIONS (BAR AT TOP OF MEDIA LISTS, ADMIN MENU*/

.fieldnameback {
	background-color: #5289B5; /* MEDIUM BLUE */
	border-right-color: #003366; /* NAVY BLUE */
	border-bottom-color: #003366; /* NAVY BLUE */
}

.LB_closeAjaxWindow, .bar, .sideback {
	background-color:#003366; /* Navy */
}

a.admincell:hover {
	background-color: #003366;
}

a.leftlink:hover {
	background-color: #5289B5;
}

/* HOME PAGE OVERRIDES */

.home_section {
	font-size: 15px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.home_table {
	margin-top: 0px; /* changing to 10px allows more blue space under menu row if desired */
}

.indexphoto {
 	margin-right: 10px; 
	margin-bottom: 5px; 
	-moz-box-shadow:    2px 2px 2px 0px #777;
	-webkit-box-shadow: 2px 2px 2px 0px #777;
	box-shadow:         2px 2px 2px 0px #777;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #f9f5f0;
}
.indexphototable {
    font-size: 11px;
	padding-bottom: 8px;
/*	float: none; /* causes photo to be centered when used in conjunction with "margin:auto;" - default set in templatestyle is "float:left;" */
/*	margin: auto; */
}

/* LATEST NEWS */

.latest_news {  /* CURRENTLY NOT USED, BUT COLORS CHANGED SHOULD USE BE DESIRED */
	border: 1px solid #003366; /* NAVY BLUE */
	background-color: #f9f5f0; /* pale cream - alt color #fff */
}

/* NAVIGATION SIDEBAR */

.homenav_col {
	padding-top: 1em; /* CHANGED FROM 0px */
	background-color: #003366; /* NAVY BLUE */
	font-size: 15px; /* CHANGED FROM 13px */
}
.homenav_col .subheadbold {
	font-size: 17px;
	padding-left: .3em;
}
.homenav li {
	background: #003366; /* NAVY BLUE */
	color:#5289B5; /* MEDIUM BLUE */
}
.homenav li:hover {
	background: #5289B5; /* MEDIUM BLUE */
	color: #003366; /* NAVY BLUE */
}
.homenav li:hover a {
	color: #003366; /* NAVY BLUE */
}
.homenav a {
	color:#5289B5; /* MEDIUM BLUE */
}
.homenav a:hover {
	color: #003366; /* NAVY BLUE */
}
.homenav a:visited {
	color:#5289B5; /* MEDIUM BLUE */
}

/* ********************************************************************************* */

/* mnav REFERS TO FIND, MEDIA, AND INFO DROPDOWN MENUS - DEPRECATED IN V9*/

#mnav a {
	color: #5289B5; /* MEDIUM BLUE */
}
#mnav li { /* all list items */
	background: #003366; /* NAVY BLUE */
	border-top:0px solid #5289B5; /* MEDIUM BLUE */
	border-left:0px solid #5289B5; /* MEDIUM BLUE */
}
#mnav li ul { /* second-level lists */
	background: #003366; /* NAVY */
}
#mnav li ul li {
	background: #003366; /*inactive dropdown menu color*/ /* NAVY BLUE */
}
#mnav li ul li a {
}
/* this sets the top menus when hovered */
#mnav li:hover, #mnav li.sfhover { /* lists nested under hovered list items */
	background-color: #003366; /* NAVY BLUE */
}
/* properties on the highlighted drop down box */
#mnav li ul li:hover {
	background-color: #5289B5; /* MEDIUM BLUE */
}
#mnav li ul li:hover a {
}
/* properties of the drop down lists */
#mnav li:hover li, #mnav li.sfhover li { /* lists nested under hovered list items */
}
/* ends up as the background of the drop down lists */
#mnav li:hover ul, #mnav li.sfhover ul { /* lists nested under hovered list items */
	background-color: #5289B5; /* MEDIUM BLUE */
}

/* ********************************************************************************* */

.page {
	background-color : #003366; /* NAVY */
}

/* header-title is defined to replace the hard-coded style in topmenu.php */
.headerrow {
	height: 85px; /* matches height of title bar photo panel */
}
.menurow {
	height: 70px; /* height increased to allow language dropdown to fit within bar */
	background: #003366 url(../img/header_bg_short.gif) repeat-x; /* MARINE BLUE */
}

/* BFP ADDED THESE TEXT COLOR CLASSES */ 
.text_blue {
	color: #5289B5; /* SAME COLOR AS HEADER BACKGROUND */
}
.text_tan {
	color: #B7A27F; /* TAN - same as color in bars */
}
.text_linkcolor {
	color: #504034; /* SAME COLOR AS LINK */
}

.headertext {
	font-size: 42px;
/*	font-weight: bold; */
}	
.subfoot {
	font-size: 10px;
}
/* ************************************************************** */

.mainbg {
	background: #f9f5f0 url(../img/bg.gif); /* CREAM - use of cream rather than white minimizes flash on load */
}

/*.indexbg {   /* TNG referenced in topmenu.php of template 8, but never defined - added by BFP */
/*	background: #003366 url(../img/bg.gif); /* INCLUSION OF THIS LINE REMOVES ROUNDED CORNERS - DO NOT USE */
/*	padding: 0px; /* a value here causes background boarder around sitemenu */
/*	margin: 0px; */
/*} */

.homebg {
	background-color: #f9f5f0;
}

/* SEARCH FORM IN HEADER */

.searchtitle { /* ADDED FOR WORD "SEARCH" IN HEADER TITLE - NO LONGER USED?? */
	font-size: 20px;
/*	font-weight: normal; */
	color: #CCCCCC; /* GREY */
}
.searchtext {
	font-size: 13px; /* CHANGED FROM 11px */
	font-weight: bold;
	color: #B7A27F; /* TAN */
	width: 100%;
}
.holdsearch {
	display: none;
}

/* LINKS IN SEARCH FORM IN HEADER */

.subsearch {
	background-color: transparent;
	color: #B7A27F; /* TAN */
}
a.subsearch:link, a.subsearch:visited {
	background-color: transparent;
	color: #B7A27F; /* TAN */
	font-size: 11px;
}
a.subsearch:hover {
	background-color: transparent;
	color: #5289B5; /* MEDIUM BLUE */
	font-size: 11px;
}

/* LOGIN TEXT ON HOME PAGE - NO LONGER USED?? */

.logintext {
	color: #D5D1BF; /* CREAM */
}
a.logintext:link, a.logintext:visited {
	color: #D5D1BF; /* CREAM */
}
a.logintext:hover {
	color: #5289B5; /* MEDIUM BLUE */
}

/* FOOTER */

.footer {
	font-size:10px;
	color: #D5D1BF; /* TAN */
}
a.footer:link {
	color: #B7A27F; /* Kept as have repeated in "templatestyle.css" */
}
a.footer:visited  {
	color: #B7A27F; /* Kept as have repeated in "templatestyle.css" */
} 
a.footer:hover {
	color: #5289B5; /* MEDIUM BLUE */
}
.footerbold {
}

/* additional classes added for strict validation  */
/* sn... USED BY SURNAMES.PHP and FOLIOS */
.snlink {
/*	background-color: #CEC9B5; /* Darker Cream */
	background-color: #D5D1BF; /* Medium Cream */
/*	background-color: #E4E1D6; /* Cream */
	border-bottom:1px solid #808080; /* Grey */
	border-right:1px solid #808080; /* Grey */
	border-left:1px solid #CCC; /* Pale Grey */
	border-top:1px solid #CCC; /* Pale Grey */
	padding: 3px 5px;
	font-size:12px;
	}

a.snlink {
	color: #003366; /* Marine Blue - refers to characters */
/*	background-color: #CEC9B5; /* Darker Cream */
	background-color: #D5D1BF; /* Medium Cream */
/*	background-color: #E4E1D6; /* Cream */
	border-bottom:1px solid #808080; /* Grey */
	border-right:1px solid #808080; /* Grey */
	border-left:1px solid #CCC; /* Pale Grey */
	border-top:1px solid #CCC; /* Pale Grey */
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#5289B5; /* Medium Blue */
	border-left:1px solid #5289B5; /* Medium Blue */
	border-top:1px solid #5289B5; /* Medium Blue */
	border-bottom:1px solid #003366; /* Marine Blue */
	border-right:1px solid #003366; /* Marine Blue */
}

/* FOLLOWING APPLY TO DROP-DOWN MENUS AS REVISED IN V9 */

div.menucontainer { /* May need to make changes here for alignment */
    margin-top:10px;
    margin-bottom:24px;
}

div.innercontainer {
    border-bottom: 1px solid #003366;
}

ul.tngdd {
    background-color:#003366;
}

ul.tngdd a {
	color:#5289B5;
}

ul.tngdd ul li a { /* Background color of DD menus */
	background-color:#DDDACC; /* #f9f5f0 #D5D1BF #DDDACC */
	color: #003366;
	border-top:1px solid #504034;
}

ul.tngdd ul li a:hover {
	background-color:#5289B5;
	color:#ffffff;
}

ul.tngdd .menulink {
	background: #003366 url(../img/ArrowDown.gif) 2px 8px no-repeat;
}

ul.tngdd .menulink, ul.tngdd .langmenu {
	border:1px solid #003366;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover { /* DD menu Hover Color */
	border:1px solid #003366;
	color: #DDDACC; /* Light Cream - Alternate color #fff #EBDEC5 #f9f5f0 #DDDACC*/
	background: #003366 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #003366;
}

ul.tngdd .sub {
	background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat
}

ul.tngdd .topline {
	border-top:1px solid #777
}

div.icons-rt {
	padding-bottom:3px;
}

div.icons a, div.icons-rt a {
	color:#DDDACC; /* #EBDEC5 #DDDACC #D5D1BF #CC9*/
}

/* FOLLOWING OVERRIDE ITEMS IN GENSTYLE.CSS NOT OVERRIDDEN IN TEMPLATESTYLE.CSS */

/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
	color: #003366;  /* NAVY (Background of tab bar is medium blue) */
}

/* ************************ THE FOLLOWING MAY NEED CHANGES  for V922 from V903 ************************ */
input:active, textarea:active, select:active {
	border-color:#003366;
}
input:hover, textarea:hover, select:hover {
	border-color:#5289B5;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
	border: 1px solid #003366;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	border: 1px solid #5289B5;
	background-color: #ccc;
	box-shadow: inset 0 1px 3px #5289B5, inset 0 -9px #d3d3d3, 0 0 3px #d3d3d3;
	-o-box-shadow: inset 0 1px 3px #5289B5, inset 0 -9px #d3d3d3, 0 0 3px #d3d3d3;
	-webkit-box-shadow: inset 0 1px 3px #5289B5, inset 0 -9px #d3d3d3, 0 0 3px #d3d3d3;
   -moz-box-shadow: inset 0 1px 3px #5289B5, inset 0 -9px #d3d3d3, 0 0 3px #d3d3d3;
} 
/* ************************************************************************************************** */

.bigsave {
	font-size: 21px; /* same as gensyle.css - use 12px if want smaller button */
}

.databacksave { 
	font-size: 15px; /* from 21px in gensyle.css */
} 

.fieldnamebacksave { 
	font-size: 15px; /* from 21px in gensyle.css */
}

/* FOLLOWING OVERRIDES CLASS DEFINED IN TNGTABS1.CSS & TNGTABBS2.CSS */

/*inactive tab*/
#tngnav a {
	color:#003366;
	border-right: 1px solid #003366;
}

/*active tab*/
#tngnav a:hover {
	background:#5289B5;
}

/*active tab*/
#tngnav a.here {
	background:#5289B5;
	color:#003366;
	border-right: 1px solid #003366;
}

/*inactive tab*/
#tabs a {
	color:#003366;
}

/*active tab*/
#tabs a:hover {
	background: #5289B5;
	color:#FFFFFF;
}

/*active tab*/
#tabs .here {
	background: #5289B5;
	color:#003366;
}

/* FOLLOWING OVERRIDE CLASSES, ID's, ETC. ARE USED BY MODS */

/* FOLLOWING ARE NEW CLASSES, ETC. CREATED BY BFP */

/* Cemetary Notes ********************** */

.cemetery { /* PARAGRAPH STYLING */
	font-size: 14px;
	max-width: 1200px;
}

/* Folios ********************** */

.folio { /* COVER PAGE STYLING */
	background: #fff url(../img/bg.gif);
	padding: .5em;
/*	padding: 2em;
	border-width: 1px;
	border-style: solid;
	border-color: #AAA */
}
.folio p { /* PARAGRAPH STYLING */
	font-size: 14px;
	width: 100%; 
	max-width: 600px;
}
.folio p.bcaption { /* bottom caption */
	max-width: 850px;
}
.folio li { /* LIST ITEM STYLING */
	font-size: 14px;
}
.folio img { /* IMAGE STYLING - DOES NOT WORK AS DESIRED */
	width: 100%;
	max-width:1000px;
} 
.folio td img { /* IMAGE STYLING - DOES NOT WORK AS DESIRED */
	width: 100%; /* Works to force auto resizing of large image on ipad to stay within folio border, but stretches out smaller images on ipad or on wider screen. Try style="max-width:...px;" on images*/
	max-width:1000px;  
}

.foliofoto {
	border: 1px solid #003366;
}

.fotab { /* PAGE NUMBER TABS */
/*  display:inline-block; */
/*  width:1em; */
  text-align:center;
}

/* Histories ********************** */

.history {
	background: #f9f5f0 url(../img/bg.gif);
	padding: 2em .5em 2em .5em; /* clockwise from top */
	font-size: 18px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.history ol li {
	list-style-type: decimal;
}
.historytitle {
	color: #5289B5;
	font-size: 30px;
	text-align: left;
}
.history .subtitle {
	color: #5289B5;
	font-size: 22px;
	text-align: left;
}

.history .content { 
}

/* Quotes & Indents ********************** */

.quote {
	margin-left: 5em;
	margin-right: 5em;
}
.quote_sm {  /* for a quote with short lines such as a poem */
	margin-left: 20em;
}
.indent5 {
	padding-left: 5em; 
	padding-right: 0px;
}
.indent7 {
	padding-left: 7.5em; 
	padding-right: 0px;
}
.indent10 {
	padding-left: 10em; 
	padding-right: 0px;
}
.indent12 {
	padding-left: 12.5em; 
	padding-right: 0px;
}
.indent15 {
	padding-left: 15em; 
	padding-right: 0px;
}
.indent30 {
	padding-left: 30em; 
	padding-right: 0px;
}
.smindent {
	padding-left: 2em;
}

/* About Site ********************** */

.about {
	background: #f9f5f0 url(../img/bg.gif);
/*	padding: 1em 3em 3em 3em; */
	padding: 1em .5em 3em .5em; 
	font-size: 14px;
	max-width: 1200px;
}
.abouttitle {
	color: #5289B5;
	font-size: 24px;
/*	font-weight: bold; */
	text-align: left;
}

.about img {
	position: relative;
	top: 2px;
}

/* Letters ********************** */

.letter {
	width:100%;
	max-width: 800px;
	background-color: #f9f5f0; /* Light Cream - Alternate color #fff */
	border: 1px solid #003366;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto; 
 	margin-right: auto; 
	padding: 30px;
	color: #666;
	font-style: italic;
}
.letter p {
	text-indent: 1.5em;
}
.letter a {
	text-decoration: none;
	color: #003366;
}
.letter a:hover {
	color: #5289B5;
}
.letter .indent {
	padding-left: 30em; /* overrides value of 24px in genstyle.css not sure where else this is used */
	padding-right: 10px;
}
.letter .center {
	text-indent: 0;
	text-align: center;
}

/* Excerpts ********************** */

.excerpt {
/*	width: 95%; */
	background-color: #f9f5f0; /* Light Cream - Alternate color #fff */
	border: 1px solid #003366;
	margin-top: 10px;
	margin-bottom: 10px;
/*	margin-left: 30px; */
/*	margin-right: auto; */
	padding: 30px;
	color: #666;
}
/* the following removes underline on links in excerpts - link: marine blue, hover: medium blue */
.excerpt a {				
	text-decoration: none;
/*	color: #003366;		*/
}
/*.excerpt a:hover {
	color: #5289B5;		
}
*/
/* Photos ********************** */

.photo_left {
	border: 1px solid #003366;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.photo_right {
	border: 1px solid #003366;
	margin-left: 20px;
	float: right;
	margin-bottom: 20px;
}
.photo_inline {
	border: 1px solid #003366;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 20px;
}
.photo_center {
	border: 1px solid #003366;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.wcap {
	margin-bottom:0px;
}
.hphoto {
	-moz-box-shadow:    1px 1px 1px 0px #777;
	-webkit-box-shadow: 1px 1px 1px 0px #777;
	box-shadow:         1px 1px 1px 0px #777;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #f9f5f0;
	border: none;
}
.hphoto2 {
	-moz-box-shadow:    2px 2px 2px 0px #777;
	-webkit-box-shadow: 2px 2px 2px 0px #777;
	box-shadow:         2px 2px 2px 0px #777;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #f9f5f0;
	border: none;
}
.shadow {
	-moz-box-shadow:    1px 1px 1px 0px #777;
	-webkit-box-shadow: 1px 1px 1px 0px #777;
	box-shadow:         1px 1px 1px 0px #777;
	border: none;
}
.photocap {
	font-size: 12px;
	font-style: italic;
}
/* Tables ********************** */

table .htable {
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
table .ctable {
	margin-left: auto;
	margin-right: auto;
}

/* Miscellaneous ********************** */

.noborder {
	border: none;
}

.clear {
	clear: both;
}

.rtpad {
	margin-right: 2em;
}
.ltpad {
	margin-left: 2em;
}

.halfline {
	font-size: 6px;
}
.zeroline {
	font-size: 0px; /* adjust as necessary - default = 0px - only works in IE and Firefox browsers */
}

/* Pop-up Images ********************** */

#popup {
    /* Necessary: */
    position: absolute;
    display: none;
    z-index: 10;

    /* Additional styling:
	width: 136px; 
    font-size: xx-small; 
    background-color: #eee;
    border: 1px dotted #ece;
    opacity: 1;
    filter: alpha(opacity=100);
    */
  }

/* @MEDIA OVERRIDES TO CLASSES, ETC. */

@media (max-width: 1320px) {  /* this eliminates displaying over images, use 920px if that is okay and only want to eliminate line wrap */
	.searchtext {
		display:none;
	}
}

@media (max-width: 900px) {
	.homenav_col {
		display:none;
	} 
	#hs1 {
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
}

@media (max-width: 700px) {
	.home_section {
		clear: both;
		display:inline;
		padding:0;
	}
	.headerrow {
		width:inherit;
	}
	#hs1 {
		padding-top: 18px;
	}
}