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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #205D30;
	font-size: 24px;
	font-weight: 300;
	margin: 0;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #205D30;
	font-size: 22px;
	font-weight: 300;
	margin: 0;
}

/* header: heading text */
.header, .theader {
	font-family: Arial, Helvetica, sans-serif;
	color: #205D30;
	margin-bottom: 10px;
	text-align: left;
}

.theader {
	padding: 20px 0 0 0;
}

/* body: describes page background color and all non-table text not governed by any other style */
body {
	background-color : #ffffff;
	color : #333333;
	font-size: 13px;	
}

/* genstyle overwrite: font-size .normal */
.normal {
	font-size: 13px;
}

/* genstyle overwrite: font-size .icons */
div.icons {
    font-size: 13px;
}

/* genstyle overwrite: font-size .icons */
ul.tngdd {
    list-style: none;
    font-size: 13px;
}

/* link: normal links, active: links in use */
a:link, a:visited, div.icons a {
	color : #205D30;
}

/* visited: previously visited links */
a:active, a:hover {
	color: #D0452B;
}

/* genstyle overwrite: link: normal links, visited: visited links */
.lightlink2:link, .lightlink2:visited {
	color: #205D30;
	text-decoration: none;
}

.sideback .lightlink2:link,.sideback .lightlink2:visited {
	color: #ffffff;
	text-decoration: none;
}

/* fieldname: background color for column and row title sections */
.fieldname {
	text-align: left;
}

/* whiteback: genstyle overwrite */
.whiteback {
    border: none;
    background: none;
}

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

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

a.lightlink:hover, a.lightlink:active {
	color: #D0452B;
	text-decoration: none;
}

a.lightlink2:hover, a.lightlink2:active {
	color: #D0452B;
	text-decoration: none;
}

.lightback {
	background-color: #FAF4E6;
}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #4E7076;
}

/* page: is defined to replace the bgcolor=#676037; */
/* fieldnameback: background color for column and row title sections */
/* sideback: background color for side and top frames */
.LB_closeAjaxWindow, .bar, .fieldnameback {
	background-color : #D0452B;
}

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

a.leftlink:hover {
	background-color: #68939B;
}

/*added in 5.0.0*/
/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
	color: #ECD9CC;
}

/* banner: heading text replaces td width="585" class="header" style="font-size:30 px" */
.banner {
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 37px;
	color: #205D30;
	width: 850px;
}

.mmaintitle {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #D0452B;
}

/* line is defined to replace the bgcolor="#660000"  */
.line {
  	color: #660000;
}

/* row:  added to replace bgcolor="#4E7076"  */
.row {
	border: 0;
	background-color : #D0452B;
	height: 12px;
}

/* row30 added to replace bgcolor="#4E7076" and add a height: 30px for bottom bar */
.row30 {
	background-color : #205D30;
	height:24pxx;
}

/* sitename: background color for site name section */
.sitename {
	background-color: #4E7076;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/* topmenu moved here from topmenu in 7.0.0   */
.topmenu,.menubar {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration : none;
	text-align:left;  /* added to replace style="text-align:left" in 6.2.0 */
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

a.topmenu:link  {text-decoration: none; color: #ffffff;}
a.topmenu:visited  {text-decoration: none; color: #ffffff;}
a.topmenu:active  {text-decoration: none; color: #CCE2E3;}
a.topmenu:hover  {color: #CCE2E3; text-decoration: none;}

/* maintable to replace hard-coded style in topmenu and index.php */
/* bgcolor="#FAF4E6" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse; text-align:left" moved width="790" here so user can override the definitions in CSS */
.maintable {
	background-color: #FFF;
	border: none;
	text-align: left;       /* added for change made in 6.2.0 */
	width: 1060px;
	margin-left: auto;      /* added for centering */
	margin-right: auto;     /* added for centering */
	padding: 0;				/* replaces cellspacing */
}



/* tableheader added to replace bgcolor="#4E7076" background="blueleaves.gif" border="0" width="785" height="25" */
.tableheader {
    border: none;
	width: 885px;
	height: 25px;
}

.tableheader_top {
    border: none;
	width: 885px;
	border: 0;
	background-color : #D0452B;
	height: 12px;
}

/* tablesubheader added to replace bgcolor="#D0452B" width="785" height="15" in topmenu.php */
.tablesubheader {
	background-color: #205D30;
    width: 885px;
	height: 36px;
}

/* following styles added to replace hard-coded styles in index.php */

/* indeximage added to replace bgcolor="#4E7076" background="blueleaves.gif" width="150" border-collapse and color added to eliminate white space */
.imagesection {
	background-image: url(../img/knight.png);
	width: 200px;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0px 30px;
}

/* spacercol added to replace bgcolor="#D0452B" width="10" border-collapse and color added to eliminate white space */
.spacercol {
	width: 1px;
    padding: 0;
}

/* indexheader: site home page header text */
.indexheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #205D30;
	font-size:37px;
	text-align: left;
	padding: 15px 10px 15px 30px;  /* top right bottom left */
}

/* indexphoto: replace border="1" width="160" height="121" vspace="10" for mediumphoto.jpg */
.indexphoto {
	border: none;
	margin-top: 10px;   /* replaces vspace="10" */
	margin-bottom: 10px;  /* replaces vspace="10" */
	margin-right: 10px;

}

/* box: added to replace hard-coded style  */
/* bgcolor="#4E7076" style="border-collapse: separate" bordercolor="#111111" */
.indexbox {
	background-color: #E5E5E5;
	margin-right : 0;
	margin-left : 0;
	text-align : left;
	color : #333333;
	margin-bottom : 20px;
	padding : 5px 10px 5px 10px;   /* top right bottom left */
	float: left;
	width: 800px;
}

.searchbox {
	width: 400px;
}
/* titlebox: genstyle overwrite  */
.titlebox {
	border: none;
    background-color: #E5E5E5;
    padding: 10px;
    margin: 1px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/* boxback: to use instead of fieldback on index.php  */
.boxback {
	background-color: #205D30;
	height: 12px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 30px;
}


/* padding: added to provide spacing in search box on index.php */
.padding {
	padding:8px;
}

/* footer:hover added to override footer links hover attribute */
a.footer:hover {
	color: #CCC;
}

/* additional styles added for XHTML 1.0 Strict validation */

/* smallphoto defined to replace width="100" height="76" border="1" inside of <td width="160" align="center" valign="middle"> in topmenu for smallphoto.jpg */
.smallphoto {
	margin-left: 30px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: none;
	vertical-align: middle;
}

.small {
	font-size: 8px;
	color: #CCC;
}


a.footer {
	color: #CCC;
}


/* content to replace hard-coded style in index.php */
/* bgcolor="#FAF4E6" valign="top" border="0" cellpadding="5" cellspacing="0" width="100%" */
.content {

	vertical-align: top;
	border: none;
	margin: 0px;
	padding : 0px 0px 0px 0px ;  	/*  top right bottom left */
}
/* innertable added to replace hard-coded style in topmenu and index.php   style="border-collapse: collapse" bordercolor="#111111" border="0" cellpadding="5" cellspacing="0" width="100%"  */
.innertable {
	border-collapse: collapse;
	border-color: #111111;
	border: none;
}

#tngnav a, #tabs a {
	color:#205D30;
	font-size: 13px;
}

#tngnav a.here {
   color:#fff;
}

.leftcontent {
	width: 90%;
	margin-left: 30px;
	margin-bottom: 30px;
	float: left;
}

.rightcontent {
	text-align: right;
	margin-right: 10px;
	padding : 5px 10px 5px 10px;   /* top right bottom left */
}

.branch {
	margin-left: 5px;	
}

/* row:  added to replace bgcolor="#4E7076"  */
.row12 {
	border: 0px;
  	border-collapse: collapse;
	border-color: black;
	border-style: solid;
	background-color : #205D30;
	height: 36px;
}

.snlink {
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	background-color:#FDFAF2;
	color:black;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#68939B;
	color:#fff;
}

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

.plainheader {
	color: #4E7076;
}

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

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

ul.tngdd a {
	color:#205D30;
}

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

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

ul.tngdd .menulink {
	background: #E5E5E5 url(../img/ArrowDown.gif) 2px 8px no-repeat;
	background-image: url(../img/ArrowDown.gif);
	background-image: url(../img/ArrowDown.gif);
	background-image:    url(../img/ArrowDown.gif);
	background-image:     url(../img/ArrowDown.gif);
	background-image:      url(../img/ArrowDown.gif);
	background-image:         url(../img/ArrowDown.gif);
	background-position: 2px 8px, 0px 0px;
	background-repeat: no-repeat;
}

ul.tngdd .menulink, ul.tngdd .langmenu {
	border-bottom-color:#999;
	border-right-color:#999;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	border-bottom:1px solid #444;
	border-right:1px solid #444;
	color: #ffffff;
	background: #D0452B url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

ul.tngdd .stubmenu {
    border-left: 0;
    width: 8px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #E5E5E5;
}

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

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


@media (max-width: 980px) {
	.maintable {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.imagesection, .spacercol {
		display: none;
	}
	.indexheader {
		font-size: 24px;
		text-align: left;
		padding-left: 10px;
	}
	table.innertable div.header, table.innertable div.normal {
		margin-left: 5px;
		margin-right: 5px;
	}
	.leftcontent {
		margin-left: 5px;
		width: 100%;
	}
	.rightcontent {
		text-align: left;
	}
	#searchbox {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	#menubar {
		text-align: left;
	}
}

@media (max-width: 500px) {
	#menubar {
		display: none;
	}
}