/* templatestyle.css for template 8 overrides to TNG genstyle.css   */

/* body: describes page background color and all non-table text not governed by any other style */
.templatebody {
	background: #211a16 url(../img/border.gif) repeat-;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}


/* header: heading text */
.header {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #211A16;
}
a.headerlink:link {
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* font overrides */
.normal, .smfieldname, .whiteheader, .pboxname, .pboxdates, .pboxpopup, .whitesubhead, .smaller, #loadingdiv, #sscontrols, .smallest, .subheadbold, .largeheader {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.subhead {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 15px;
	
}

/* link definitions */
/* link: normal links, active: links in use */
a:link, .plainheader, div.icons a {
	color: inherit;

}

a:visited {
	color: #504034;
}

a:hover {
	color: #800000;
}

a.lightlink:link, a.lightlink:visited {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

a.lightlink:hover, a.lightlink:active {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #F2E6CC;
}

a.lightlink2:link, a.lightlink2:visited {
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

/* fieldname: regular text within column or row title sections */
.fieldname {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #F2E6CC;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #504034;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #211a16;
	border-bottom-color: #211a16;
}

/* databack: background color for data areas */
.databack {
	background-color: #f9f5f0;
}

/* added in TNG 10.1 for alternate row striping to databack */
.databackalt {
	background-color: #E1DECB;  
}

/* sideback: background color for side and top frames */
.sideback {
	background-image: url(../img/admin_bg.gif);
}

/* fieldnameback: background color for column and row title sections */
/* sideback: background color for side and top frames */
.LB_closeAjaxWindow, .bar, .sideback {
	background-color : #211a16;
}

/* background color for admin menu items while active*/
a.admincell:hover, a.leftlink:hover {
	background-color: #C3B165;
}

/* heart style for horizontal rule*/
hr.heart {
  border: 0;
  border-top: 4px double #8c8c8c;
  text-align: center;
}
hr.heart:after {
  content: '\2665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #e0e0e0;
  color: ##8c8c8c;;
  font-size: 18px;
}

#navcontainer {
	width: 120px;
}
#navcontainer ul {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	padding-left: 0px;
	list-style-type: none;
	font-size: 12px;
}
#navcontainer a {
	background-color: #FFFFFF;
	display: block;
	width: 120px;
	padding: 2px;
}
.navtext {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E331D;
	padding-left: 5px;
}

#navcontainer a:link {
	color: #3E331D;
	text-decoration: none;
}
#navlist a:visited {
	color: #3E331D;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #F2E6CC;
}

.home_section {
	width: 30%;
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 10px;
	background: #4F3E35 url(../img/bg.gif);
	vertical-align: top;
}

#hs1 {
	padding-left: 2%;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
#hs3 {
	padding-right: 2%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
    border-width: 2px 2px 2px 0px;
}

#cloud {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #211a16;

}

.latest_news {
	width: 95%;
	padding-left: 8px;
	border: 1px solid grey;
	padding: 10px;
	background-color: #fff;
	vertical-align: top;
}

.featured_photos {
	width: 85%;
	padding-left: 8px;
	border: 1px solid #211a16;
	padding: 10px;
	background-color: #E6CF9B;
	vertical-align: top;
	margin: auto;
	 -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* My Page Button CSS Start */
.mypagebutton {
	width: 80%;
	padding: 4px;
	border: 1px solid #211a16;
	background-color: #4F3E35;
	vertical-align: top;
	text-decoration:none;
	text-align: center;
	font-size: 18px;
	margin: auto;
	margin-bottom: 10px;
	display: block;
}

.mypagebutton a{
	text-decoration:none;
    color: #ffffff;
	outline: 0;
}

.mypagebutton a:hover {
    color: #FFCC33;
}
/* My Page Button CSS End */

/* Small Button CSS Start */
.smallbutton {
	width: 39.2%;
	padding: 4px;
	border: 1px solid #211a16;
	background-color: #4F3E35;
	vertical-align: top;
	text-decoration:none;
	text-align: center;
	font-size: 18px;
	margin: auto;
	margin-bottom: 10px;
	display: inline-block;
}

.smallbutton a{
	text-decoration:none;
    color: #ffffff;
	outline: 0;
}

.smallbutton a:hover {
    color: #FFCC33;
}
/* Small Button CSS End */

.cloud {
	width: 99%;
	padding-left: 8px;
	border: 1px solid #211a16;
	padding-top: 10px;
	background-color: #fff;
	vertical-align: top;
}
.home_table {
	margin-right: .5%;
	margin-left: .5%;
	padding: 0px;
	border-collapse: collapse;
}

.indexphoto {
    border: 0;
}

.indexphototable {
    float: left;
    text-align: center;
    padding-right: 6px;
}

.homenav_col {
	text-align: left;
	vertical-align: top;
	width: 100px;
	padding: 15px 10px 0px 10px;
	background-color: #4F3E35;
	font-size: 14px;
}

.homenav, .homenav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.homenav li {
    
    color: #e9cfa2;
	-moz-border-radius: 3px 4px 4px 3px;
	-webkit-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;
	padding: 2px 1px 2px 5px;
}

.homenav li:hover {
	background-color: #e9cfa2;
	color: #211a16;
}

.homenav li:hover a {
	color: #211a16;
}

.homenav a {
	text-decoration: none;
	color:#e9cfa2;
	display:block;
}

.homenav a:hover {
	color: #211a16;
}

.homenav a:visited {
	color:#e9cfa2;
}

.page {
	background-color : #4F3E35;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

/* header-title is defined to replace the hard-coded style in topmenu.php */
.headerrow {
	background-color: #4F3E35;
	font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
	padding-left: 15px;
	vertical-align: middle;
	height: 108px;
	width: 100%;
padding-top: 71px;
}

.menurow {
	width: 100%;
	height: 73px;
	background: #211a16 url(../img/header_bg_short.gif) repeat-x;
position: fixed;
box-shadow: 0 2px 3px rgba(0,0,0,.4);
z-index: 48;
border-bottom: 1px solid #e9cfa2;
top: 0px; 
transition: top 0.2s ease-in-out;
}

.nav-up {
  top: -44px; // same as header height. use variables in LESS/SASS
}

.menucol {
	text-align: left;
	vertical-align: bottom;
	padding-left: 15px;
}
.block1 {
    display: inline-block;
    width: 26%;
}

.block1 a {
font-size: 11px;
	color: #E9CFA2;
font-weight: bold;
    text-decoration: none;
vertical-align: middle;
}

.block2 {
    display: inline-block;
    width: 45%;
    text-align: center;  
}

.block2 a {
    color: #FFFFFF;
    text-decoration: none;
}

/* left and right borders */
.mainborder {
    width: 3%;
    background: url(../img/border.gif) repeat;
}

/* text in the header */
.text_white {
	color: #fff;
}

.text_tan {
	color: #e9cfa2;
}

.text_grey {
	color: #c0c0c0;
}

.text_brown {
	color: #b99852;
}

.headertable {
    border-collapse: collapse;
	width: 100%;
}

.headertextrow {
	vertical-align: top;
}

.headertext {
	font-size: 40px;
}

.mmaintitle {
	font-family: Century Gothic, Calibri, Arial, Helvetica, sans-serif;
}

.mainbg {
	background: #e9cfa2 url(../img/bg.gif);
	padding: 10px;
	margin: 0;
	height: 75vh;
	vertical-align: top;
	overflow: hidden;
}

.homebg {
	background-color: #e9cfa2;
	padding: 0;
	margin: 0;
}

.searchtext {
	font-size: 16px;
	color: #e9cfa2;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
}

.subsearch {
	background-color: #;
	color: #e9cfa2;
}

a.subsearch:link, a.subsearch:visited {
	background-color: #;
	color: #e9cfa2;
	font-size: 13px;
}
a.subsearch:hover {
	background-color: #;
	color: #ffffff;
	font-size: 13px;
}

a.footer:link, a.footer:visited {
	color: #b10000;
}
a.footer:hover {
	color: #F00;
}

.logintext {
	font-size: 14px;
	color: #E9CFA2;
}

.logintext:link {
	color: #B99852;
vertical-align: bottom;
}

.loginhover {
	font-size: 14px;
	color: #E9CFA2;
}

.loginhover:hover {
	color: #ffffff;
}

/* footer added to replace <font size="1" color="#cccc99"> in footer */
.footer {
	font-size: 14px;
	color: #cccc99;
	text-align: center;
	border-top: 0px solid #e9cfa2;
	background-color: #fff00;
}

/* footer:link added to replace <font color="#E1B964"> in footer */
a.footer:link {color: #B99852;}
a.footer:visited  {color: #B99852;}

a.footer:hover {
	color: #FFCC33;
}

.footerbold {
	color: #FFCC33;
	font-weight: bold;
}

/* additional classes added for strict validation  */

.snlink {
	background-color:#fff;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #211a16;
	border-right:1px solid #211a16;
}

a.snlink {
	color: #211a16;
	background-color:#fff;
	border-left:1px solid #e9cfa2;
	border-top:1px solid #e9cfa2;
	border-bottom:1px solid #211a16;
	border-right:1px solid #211a16;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#504034;
	color: #fff;
	border-left:1px solid #e9cfa2;
	border-top:1px solid #e9cfa2;
	border-bottom:1px solid #211a16;
	border-right:1px solid #211a16;
}

.LB_window {
	background: #f9f5f0;
	border: 2px solid #000000;
	color:#000000;
}

div.menucontainer {
    margin-top:13px;
margin-bottom:13px;
}

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

ul.tngdd {
    background-color:#211a16
}

ul.tngdd a {
	color:#ffffff;
}

ul.tngdd ul li a, .slidedown {
	background-color:#f9f5f0;
}

ul.tngdd ul li a {
	color: #211a16;
	border-top:1px solid #504034;
}

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

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

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

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	border:1px solid #211a16;
	color: #FFCC33;
	background: #211a16 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

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

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

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

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

div.icons a{
	color:#ffffff;
}

div.icons a:hover {
	color: #FFCC33;
}

div.icons-rt a {
	color:#f0f0f0;
}

div.icons-rt a:hover {
	color: #FFCC33;
}


@media (max-width: 960px) {
	.headertext {
		font-size:30px;
	}

	.searchtext, .logintext, .loginhover, .subheader{
		font-size:14px;	
	}
	
	.normal {
	font-size: 12px;
}	

}


@media (max-width: 900px) {


.tngdd, .icons-rt, .searchtext  {
		display:none;
	}

.searchtext  {
		visibility: collapse;
	}

.homenav_col {
		display:none;
	}

.home_section {
		display:inline;
		padding:0;
	}
.page {
	background-color: #f0f0f0;
	}

.block1 {
width: 40%;
}	
.block2 {
width: 58%;
}

.home_table {
    border-collapse: unset;
}

.mybutton {
    font-size: 14px;
}

}

/* styles for home page surname cloud post */
a.size1      { color: #E10000; }
a.size1:link    { color: #E10000; }
a.size1:visited { color: #E10000; }

a.size2      { color: #0000FF; }
a.size2:link    { color: #0000FF; }
a.size2:visited { color: #0000FF; }

a.size3      { color: #9617D1; }
a.size3:link    { color: #9617D1; }
a.size3:visited { color: #9617D1; }

a.size4      { color: #F500F5; }
a.size4:link    { color: #F500F5; }
a.size4:visited { color: #F500F5; }

a.size5      { color: #CC0033; }
a.size5:link    { color: #CC0033; }
a.size5:visited { color: #CC0033; }

a.size6      { color: #41A317; }
a.size6:link    { color: #41A317; }
a.size6:visited { color: #41A317; }

a.size7      { color: #800000; }
a.size7:link    { color: #800000; }
a.size7:visited { color: #800000; }

a.size8      { color: #EE760D; }
a.size8:link    { color: #EE760D; }
a.size8:visited { color: #EE760D; }

a.size9      { color: #000080; }
a.size9:link    { color: #000080; }
a.size9:visited { color: #000080; }

a.size0      { color: #000000; }
a.size0:link    { color: #000000; }
a.size0:visited { color: #000000; }


/* genstyle.css overrides */

/* Add a bit more seperation between the menu icon and the menu label */
.menu-label {
	padding-left:3px;
}

/* Use an id of "no-icon-wanted' in calls to tngddrow to NOT display an icon */
#no-icon-wanted.menu-icon  {
	width:0;
	padding-left:0;
}
#no-icon-wanted.menu-label  {
	padding-left:0;
}

.header {
	font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
	font-size: 20px;
	font-weight: normal;
	padding-bottom:6px;
	padding-top:6px;
	color: #504034;
}