/* templatestyle.css for template 4 overrides to TNG genstyle.css   */
/* link: normal links, active: links in use */
a:link, a:active, div.icons a {
	color : #000080;
}
/* visited: previously visited links */
a:visited {
	color: #336666;
}
.admincell {
	background-color : #000080;	
}
/* background color for admin menu items while active*/
a.admincell:hover, a.leftlink:hover {
	background-color: #9f9fdf;
}
.bigheader {
	color: #000080;
	font-family: Georgia, "Times New Roman", Times, Serif; 
	font-style: italic; 
	font-size: 48px;
	text-align: center;
	padding-top: 10px;
}
.bigheadermob {
	color: #000080;
	font-family: Georgia, "Times New Roman", Times, Serif; 
	font-style: italic;
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
}
.bigphoto {
	width: 900px;
	margin: 12px 0px 12px 0px;
	border: 0px;
}
/* body: describes page background color and all non-table text not governed by any other style */
/*      background-image: url(back.gif); */
body {
    margin-top: 8px;
	background-color: #f2f2ff; 
	/* background-color: #f5f5f5; */
    background-image: none;
}
.content {
	width: 100%;
	vertical-align: top;
	font-size: 13px;
	color: #000080; 
	font-style: none;
}
/* databack: background color for data areas */
.databack {
    background-color: #f2f2ff;
}
.emailimg {
	width: 40px;
	height: 26px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	border: 0px;
}
.emphasisyellow {
	font-family: Georgia, "Times New Roman", Times, Serif; 
	font-style: italic;
	font-weight: bold;
	color: #ffff66;
	text-indent: 2px;
	line-height: 2.0;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1); 
}
.fambackground {
	background-color: #AAC;
}
/* footer added to replace footer fonts and links */
.footer {
	font-size: 10px;
	color: #000000;
}
a.footer:link, a.footer:visited  {	
	color: #000080; 
	text-decoration: none;
	}
a.footer:hover  {
	text-decoration: underline;
	font-weight: bold;
}
/* header: heading text */
.header, .plainheader {
	color: #000080;
}
.indexpage {
	background-color : none;		/* original #FFFFFF - only shows on main home page */
	background-image: url("../img/hexellence.jpg");
	/* background-image : none; */
	margin-top: 0px;
	text-align:left;  
	border: 0px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 100%;    /* total width of all the columns */
}
.indexphoto {
	background-color: #F5F5F5;   /* to emulate .titlebox, use with randomphoto.php */
	text-align: center;
    border: 1px solid silver;
	padding: 6px;
	margin: 1px;
	border-radius: 8px;
	   -moz-border-radius: 8px;
	   -webkit-border-radius: 8px;
}
.indexphototable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    float: none;
	font-size: 13px;
    text-align: center;
}
.indexphototable a:link, a:visited  {	
	color: #000080; 
	text-decoration: none;
	}
	
.indexphototable a:hover  { 
	text-decoration: underline;
	}		
/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
	border-bottom: 1px solid #999;
    background-color: #d9d9f2;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#d9d9f2));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #d9d9f2);
	background-image:    -moz-linear-gradient(top, #f5f5f5, #d9d9f2);
	background-image:     -ms-linear-gradient(top, #f5f5f5, #d9d9f2);
	background-image:      -o-linear-gradient(top, #f5f5f5, #d9d9f2);
	background-image:         linear-gradient(top, #f5f5f5, #d9d9f2);
}
.latestnews {
	list-style-type: none;
	color: #000080;
}
/* fieldnameback: background color for column and row title sections */
/* sideback: background color for side and top frames */
.LB_closeAjaxWindow, .bar, .sideback, .fieldnameback {
	background-color : #000080;
}
.LB_window {
	background: #e5e5ff;
	border: 2px solid #000000;
	color:#000000;
}
.line {
    background-image: none;
	background-color: silver;
    height: 1px;
    border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
}
.red {
	color: #ff0000;	
}
.mainpara {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	color: #000080; 
	font-size: 1.0em;
	text-align: center;
	margin: 30px 0px 30px 0px;
    border: 1px solid silver;
	padding: 8px 12px 4px 12px;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
}
.mainparalink:link {
	color: #000080;
	text-decoration: underline; 
}
	
.mainparalink:hover {	
	color: #000080;
	font-weight: bold;
	text-decoration: underline; 
}		
/* menuback: left nav menu background color with no right and bottom border */
.menuback {
	background-color: #f0e9f0; 
	/*
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to (#f6eff6));
	background-image: -webkit-linear-gradient(#f1f1f1, #f6eff6);	 
	background-image: 	 -moz-linear-gradient(#f1f1f1, #f6eff6);
	background-image:	  -ms-linear-gradient(#f1f1f1, #f6eff6);
	background-image:      -o-linear-gradient(#f1f1f1, #f6eff6);
	background-image:		  linear-gradient(#f1f1f1, #f6eff6); */
	border-right: 0px;
	border-bottom: 0px;
	width: 140px;
	padding: 6px;
	vertical-align: top;
	font-weight: none;
}
/* normal: most regular body text */
.normal {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000; 
}
/* page: is defined to replace the bgcolor=#FFFFFF; in the top table for the page */
.page {
	background-color : none;		/* original #FFFFFF - only shows on main home page */
	background-image: url("../img/hexellence.jpg");
	margin-top: 0px;
	text-align:left;  /* added to replace style="text-align:left" in 6.2.0 */
	margin-right: 0px;
	border-collapse: collapse;
	padding: 0px;
	width: 100%;   /* to center, change to 900px or 90% */
}
/* publicback: background for public side of site */
.publicback {
    margin-top: 8px;
	/* background-color: #f2f2ff; */
	background-color: #f5f5f5;
	/* background-image: none; */
	background-image: url("../img/hexellence.jpg");
}
a.searchimg {
  	padding-left: 7px;
	border: 0px;
	font-size: 20pt;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #ffff66;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
/* sideback: background color for side and top frames */
.sideback {
	background-image: none;
	/* background-color: #333366; */
	/* margin:6px; */
}
/* replacing .lightlink for gradient side panel */
.sidelink {
	color: #000080;
}
.sidelink:link, .sidelink:visited {
	color: #000080; 
	text-decoration: none;
}
a.sidelink:hover {	
	color: #000080;
	font-weight: bold;
	text-decoration: underline; 
}
ul.sidelink, ul.fancy_list {
	margin: 0px;
	padding: 0px;
	text-indent: 10px;
	list-style-type: none;
}
.smallheader {
	color: #000080;	
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 32px;
	padding: 0 0 0 5px; 
	font-style: italic;
	width: 450px;
/*	text-shadow: 3px 3px 3px #c6c6ec;
	filter: dropshadow(color=#c6c6ec, offx=1, offy=1); */
}
.smallphoto {
	float: right;
	margin: 5px 0px 5px 0px;
	border: 0px;
}
.snlink {
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	background-color:#f2f2ff;
	color:black;
}
a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#000080;
	color:#fff;
}
.spacercol {
	width: 5px;
}
.surnamecloud {
	background-color: transparent; 
	color: #000080; 
	font-size: 14px;
	text-align: center;
	margin: 0px 20px 0px 20px;
    border: 1px solid silver;
		padding: 15px 6px 15px 6px;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;		
}
.surnames-cloud, .surnames-cloud a {
  	font-family: "Trebuchet MS", Arial, sans-serif;
}
a.surnames-cloud:hover {
	text-decoration: underline;
}
.surnametitle { 
 	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
/*	font-style: italic; */
}
.textblock{
	background-color: #F5F5F5; 
	font-size: 1.1em;
	color: #333333;
	text-align: justify;
	line-height: 1.4;
	margin: 30px;
    border: 1px solid silver;
	padding: 30px 50px;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px; 			
}
.titlebox {
	background-color: #f5f5f5;
}
/*
.titlebox {
	border: 1px solid silver;
	background-color: #f9f9f9;
	padding: 10px;
	margin: 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
} */
ul.tngdd {
    background-color: #F5F5F5;		/* gaps in menubar right */
}
ul.tngdd a {
	color: #000080;
}
ul.tngdd ul li a:hover {
	background-color: #FFFFFF;
	text-decoration: underline;
}
ul.tngdd ul li a, .slidedown {
	background-color: #f5f5f5;
}
ul.tngdd .menulink {
	background: #d9d9f2 url(../img/ArrowDown.gif) 2px 8px no-repeat;
	background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#d9d9f2));
	background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #F5F5F5, #d9d9f2);
	background-image:    url(../img/ArrowDown.gif), -moz-linear-gradient(top, #F5F5F5, #d9d9f2);
	background-image:     url(../img/ArrowDown.gif), -ms-linear-gradient(top, #F5F5F5, #d9d9f2);
	background-image:      url(../img/ArrowDown.gif), -o-linear-gradient(top, #F5F5F5, #d9d9f2);
	background-image:         url(../img/ArrowDown.gif), linear-gradient(top, #F5F5F5, #d9d9f2);
	background-position: 2px 8px, 0px 0px;
	background-repeat: no-repeat;	*/
}
ul.tngdd .menulink, ul.tngdd .langmenu {
	border-bottom:1px solid #999; 
	border-right:1px solid #999; 
}
ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	color: #FFFFFF;
	background: #000080 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}
#tngnav a {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #F5F5F5;
}
#tngnav a.here {
	background:#000080;		/* original #9F5392 changed to #800080 */
}
#tngnav a:hover {
	background:#000080;		/* original #9F5392 changed to #800080 */
}
.ukflags {
	width: 80%;
	margin: 20px;
}
a.size1      { font-size: 180%; }
a.size2      { font-size: 170%; }
a.size3      { font-size: 170%; }
a.size4      { font-size: 160%; }
a.size5      { font-size: 150%; }
a.size6      { font-size: 140%; }
a.size7      { font-size: 140%; }
a.size8      { font-size: 120%; }
a.size9      { font-size: 110%; }
a.size0      { font-size: 100%; }
a.size1      { color: #cc0000; }	/* was magenta-ish, #cc0099, now red #cc0000 ... Parker */
a.size1:link    { color: #cc0000; }
a.size1:visited { color: #cc0000; }
a.size2      { color: #666666; }	/* grey ... none */
a.size2:link    { color: #666666; }
a.size2:visited { color: #666666; }
a.size3      { color: #666666; }   	/* grey ... none */
a.size3:link    { color: #666666; }
a.size3:visited { color: #666666; }
a.size4      { color: #cc0000; }	/* was blue, #0000ff, now cyan/green #cc0000 ... Smith */
a.size4:link    { color: #cc0000; }
a.size4:visited { color: #cc0000; }
a.size5      { color: #00CCCC; }	/* dark cyan ... none */   
a.size5:link    { color: #00CCCC; }
a.size5:visited { color: #00CCCC; }
a.size6      { color: #cc9900; }	/* was cyan/green #00cc99, now gold ... Smith */
a.size6:link    { color: #cc9900; }
a.size6:visited { color: #cc9900; }
a.size7      { color: #cc9900; }	/* gold ... Liddell */
a.size7:link    { color: #cc9900; }
a.size7:visited { color: #cc9900; }
a.size8      { color: #cc00ff; }	/* dark pink ... Tait */
a.size8:link    { color: #cc00ff; }
a.size8:visited { color: #cc00ff; }
a.size9      { color: #000080; }	/* dark blue ... most */
a.size9:link    { color: #000080; }
a.size9:visited { color: #000080; }
a.size0      { color: #3366ff; }	/* light blue ... smallest */
a.size0:link    { color: #3366ff; }
a.size0:visited { color: #3366ff; }
-----------------------------------------------------------------------------------
/*
.banner {
  	text-align: left;
  	margin-top: 5px;
	border: 0px;
}
.featureimg {
	width: 40px;
	height: 45px;
	margin-left: 8px;
	margin-right: 8px;
	float: left;
	border: 1px;
	border-color: black;
	border-style: solid;
}
.imgright {
	float: right;
}
.leftsection, .rightsection {
	width: 45%;
	border-spacing: 0px;
	border-collapse: collapse;
	margin:10px;
	vertical-align: top;
}
.leftsection {
	float: left;
}
.mmaintitle {
	font-family:Georgia,Arial,sans-serif;
	color:#000080;
	opacity: 0.4;
}
.rightsection {
	float: right;
}
.titlebottom {
	color:#999966;
	font-size:48px;
	font-weight:bold;
	white-space:nowrap;
	font-family: Georgia,Arial,sans-serif;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
.titletop {
	color:#000080;
	font-size:30px;
	line-height:30px;
	white-space:nowrap;
	font-weight:bold;
	font-family: Georgia,Arial,sans-serif;
}
ul.tngdd .sub {
	background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat
}
ul.tngdd .topline {
	border-top:1px solid #777
}
*/
@media (max-width: 650px) {
	.section {
		width: 100%;
	}
	.menuback, .spacercol {
		display: none;
	}
	.leftsection, .rightsection {
		width: 95%;
		float: none;
	}
	.content > div:first-of-type {
		margin-left: 10px;
	}
}
@media screen and (max-width: 1024px) {
	.bigphoto {
		width: 100%;
	}
	.indexpage {
		width: 100%;
	}
	.titletop {
		font-size: 20px;
	}
	.titlebottom {
		font-size: 32px;
	}
}