/*TNG version 7.0*/
/*if overriding style blocks from genstyle.css, only need to incl.attributes overriding, not the whole block*/
/* JR: index.php:  body - changed home page background color and image */
body {
    background-color: #003366;
    background-image: url(graphics/myback2.gif);
}
/* JR: index.php: DIV brown frame around blue frame on home page */
.brownframe {
    width: 910px;
    background-color: #663300;
    background-image: url(graphics/brownback.jpg);
    /* margin order top right bottom left */
    margin: auto 0px auto 0px;
    padding: 2px;
    border: 0px;
    border-collapse: collapse;
}
/* JR: index.php: DIV blue frame around table lg yellow frame on home page */
.blueframe {
    background-color: #000033;
    margin: 12px;
    padding: 2px;
    border: 0px;
    border-collapse: collapse;
}
/* JR: index.php: DIV lg yellow frame around table indexpage on home page */
.lgyellowframe {
    background-color: #FFCC33;
    margin: 2px;
    padding: 2px;
    border: 0px;
    border-collapse: collapse;
    depth: 2px;
}
/* JR: index.php: TABLE indexpage - CHANGED margin on home page menu */
.indexpage {
    background-image: url(graphics/parchment.jpg);
    width: 870px;    /* total width of all the columns */
    margin: 2px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}
/* page: is defined to replace the bgimage in the top table for the page */
.page {
	background-image: url(graphics/parchment.jpg);
}
.content {
    background-image: url(graphics/parchment.jpg);
	width: 100%;
	vertical-align: top;
}
/* JR: TD inserted my logo */
.mylogo {
    background-color: #99CCFF;
    background-image: url(graphics/logo_back.jpg);
    background-repeat: repeat-x;
    height: 100px;
    text-align: left;
    vertical-align: absbottom;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: Top menu blue strip */
.noborder {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: TD news reports */
.mynews {
    height: 100px;
    color : #FFFFFF;
    font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: center;
    margin: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: TD my news image */
.mynewsimg {
    text-align: right;
    margin: 0px 5px 0px 5px;
    padding: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: TD yellow horizontal line */
.yellowline {
    background-color: #FFCC33;
    height: 4px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: TD inside new row w/dk blue background */
.bluedivider {
    background-color: #000033;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}
/* JR: TABLE inside cell above "" */
.dkblue {
    background-color: #000033;
    vertical-align: bottom;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

/* JR: TD1 in row  */
.mysmflags {
    background-color: #000033;
    text-align: center;
    vertical-align: center;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}
/* JR: TD2 in row  */
.changelanguage {
    width: 190px;
    font-family: Arial,Helvetica,sans-serif;
	  font-size: 12px;
    color: #FFFFFF;
	  font-weight: bold;
	  text-align: left;
	  vertical-align: center;
	  margin: 0px;
    border: 0px;
    border-collapse: collapse;
}

/* JR: FORM inside TD above "search for names, last name first name" area */
.mysearchform {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: right;
    vertical-align: center;
    margin: 0px;
    border-collapse: collapse;
}

/* JR: Div Last Name input area*/
.lastname {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: right;
    border-collapse: collapse;
}

/* JR: Div Last Name input area*/
.marriedlastname {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: right;
    border-collapse: collapse;
}

/* JR: Div Last Name input area*/
.firstname {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: right;
    border-collapse: collapse;
}

/* JR: Div Search button */
.searchbuttoncell {
    text-align: right;
    border-collapse: collapse;
}

/* JR: Div Search button */
.searchbutton {
    width: 19.5em;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}
/* JR: end of search bar and top part of page */
/* JR: TD ltblue horizontal line */
.menutop {
    background-color: #99CCFF;
    background-image: url(graphics/menu_back2.jpg);
    background-repeat: repeat-y;
    height: 10px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: TD ltblue horizontal line all pages except homepage */

.menutop2 {
    background-color: #99CCFF;
    background-image: url(graphics/menu_back3.jpg);
    background-repeat: repeat-y;
    height: 10px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: TD ltblue horizontal line */
.ltblueline {
    background-color: #99CCFF;
    height: 10px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: TD shortltblue horizontal line */
.shortltblueline {
    background-color: #99CCFF;
    background-image: url(graphics/rtmenuback.jpg);
    background-repeat: repeat-y;
    height: 10px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: TD shortyellowblue horizontal line */
.shortyellowline {
    background-color: #FFCC33;
    height: 10px;
    margin: 0px;
    padding: 0px;
    border-style: none;
}
/* JR: begin menu on left side */
/* JR: welcome text */
.welcome {
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 14px;
    color : #49420E;
    font-style: italic;
    font-weight: bold;
}
/* JR: new menuback colors */
.menuback {
    width: 190px;
    background-color: #99CCFF;
    background-image: url(graphics/menu_back2.jpg);
    background-repeat: repeat-y;
    border-collapse: collapse;
}

/* JR: new menuback colors all pages except homepage */
.menuback2 {
    width: 190px;
    background-color: #99CCFF;
    background-image: url(graphics/menu_back3.jpg);
    background-repeat: repeat-y;
    vertical-align: top;
    border-collapse: collapse;
}

/*JR: flag pix */
.flags {
    width: 170px;
    margin: 5px 5px 0px 22px;
}
/*JR: lgflag pix */
.lgflags {
    width: 170px;
    margin: 5px 5px 0px 14px;
}
/* JR: total menu contents home page */
.menucontents {
    width: 190px;
    vertical-align: top;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}

/* JR: mymenuback with no background */
.mymenuback{
    width: 190px;
    vertical-align: top;
    margin: 0px;
    border: 0px;
}
/* JR: added "Menu Header" text home page */
.redmenuheader {
    width: 190px;
    font-family: Monotype Corsiva;
  	font-size: 22px;
    color: #990000;
	  font-weight: bold;
    vertical-align: top;
    margin: 0px 0px 0px 26px;
    border: 0px;
}
/* JR: added "Secondary Header" text home page */
.redmenuheader2 {
    width: 190px;
    font-family: Arial,Helvetica,sans-serif;
  	font-size: 16px;
    color: #990000;
    font-weight: bold;
    vertical-align: top;
    margin: 0px;
    border: 0px;
}
/* JR: added "Secondary Header" text showaccess */
.redmenuheader3 {
    width: 190px;
    font-family: Arial,Helvetica,sans-serif;
  	font-size: 22px;
    color: #FFCC33;
    font-weight: bold;
    vertical-align: top;
    margin: 0px;
    border: 0px;
}
/* JR: added "Menu Subeader" text home page */
.whitemenusubheader {
    width: 190px;
    font-family: Arial,Helvetica,sans-serif;
	  font-size: 14px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    margin: 0px 0px 0px 26px;
    border: 0px;
}
/* JR: added "Menu Subeader" text home page */
.bluemenusubheader {
    width: 190px;
    font-family: Arial,Helvetica,sans-serif;
	  font-size: 14px;
    color: #003366;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    margin: 0px 0px 0px 26px;
    border: 0px;
}
/* JR:  large used with a line gif image (grey.gif) */
.mylgline {
    width:  110px;
    height: 2px;
    background-image: url(/graphics/grey.gif);
    margin: 3px 10px 8px 26px;
    border-style: none;
}
/* JR:  site faq */
.menuitems {
    font-family: Arial,Helvetica,sans-serif;
	  font-size: 12px;
  	color: #666666;
    font-weight: bold;
    margin: 0px;
    border-style: none;
}
/* JR: menu listed links menu section home page */
a.lightlinkjr:link, a.lightlinkjr:visited {
	  color: #666666;
	  text-decoration: none;
}
/* JR: menu select links menu section home page */
a.lightlinkjr:hover, a.lightlinkjr:active {
	  color: #000033;
	  text-decoration: none;
}
/* JR: yellow marble spacing menu */
.yellowmarble {
    margin: 5px 0px 0px 0px;
    padding-left: 6px;
    border-style: none;
}
/* JR: menu icons spacing */
.icon {
    margin: 6px 0px -3px 0px;
    padding-left: 4px;
    border-style: none;
}
/* JR: added "URL Header" text home page */
.urlmenusubheader {
    width: 175px;
    font-family: Arial,Helvetica,sans-serif;
	  font-size: 10px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    margin: 0px 0px 0px 26px;
    border: 0px;
}
/* JR: url links section home page */
.urls {
	  font-family: Arial,Helvetica,sans-serif;
	  font-size: 10px;
	  color: #990000;
    font-weight: bold;
    margin-top: 10px;
}
/* JR: url menu listed links menu section home page */
a.lightlinkurl:link, a.lightlinkurl:visited {
	  color: #000033;
	  text-decoration: none;
}
/* JR: urlmenu select links menu section home page */
a.lightlinkurl:hover, a.lightlinkurl:active {
	  color: #990000;
	  text-decoration: none;
}
/* JR: template default spacer column */
.spacercol {
    background-image: url(graphics/parchment.jpg);
	width: 1%;
}
/* JR: parchment background in content area */
.parchment {
    background-image: url(graphics/parchment.jpg);
}
/* JR: Connecting text home page */
.connect {
	  font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	  font-size: 18px;
	  color: #990000;
    font-style: italic;
    font-weight: bold;
}
/* JR: DIV Schwald trees box section text*/
.treebox {
    margin-top: 5px;
}
/* JR: Schwald trees table header text*/
.schwaldtrees {
    font-family: Monotype Corsiva;
  	font-size: 22px;
    color : #990000;
    font-style: italic;
    font-weight: bold;
}
/* JR: TABLE Schwald trees table */
.subsection1 {
    width: 300px;
    padding: 0px;
    border: 0px;
}
/* line: is defined to replace the bgcolor="#999966" used with a line gif image (khaki.gif in template 4)*/
.line {
    background-color: #FFCC33;
    height: 4px;
    border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
}
/* footer rtline: JR: rt inner line on all other pages except homepage */
.rtinnerline {
    width: 10px;
    background-color: #99CCFF;
    border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
}
/* footer rtline: JR: rt line on all other pages except homepage */
.rtline {
    background-image: url(/graphics/yellow.gif);
    width: 4px;
    background-color: #FFCC33;
    border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
}

/* JR:  medium line with section index.php */
.mymedline {
    width:  300px;
    height: 2px;
    background-image: url(/graphics/grey.gif);
    margin: 5px 0px 5px 0px;
    border-style: none;
}
/* JR: bigphoto defined to replace width="300" height="172" border="0" in index.php */
.bigphoto { 
    margin: 5px 0px 5px 0px;
    border: 0px;
}
/* JR: bigphoto float left */
.bigphoto_left {
    float: left;
    padding: 10px;
    margin: 0;
}
/* JR: bigphoto float center */
.bigphoto_center {
    align: center;
    padding: 5px;
    margin: 0;
}
/* JR: bigphoto floate right */
.bigphoto_right {
    float: right;
    padding: 10px;
    margin: 0;
}
/* JR: pix label */
.smallest {
	  font-family: Arial, Helvetica, sans-serif;
	  margin-left: 0px;
}
/* JR: pix label */
.smallestright {
	  font-family: Arial, Helvetica, sans-serif;
      font-size: 8pt;
	  margin-left: 0px;
      text-align: right;
}
/* JR: SPAN Content "Welcome" section text*/
.welcomeheading {
    font-family: Monotype Corsiva;
  	font-size: 22px;
    color : #990000;
    font-style: italic;
    font-weight: bold;
}
/*JR: Creates capital letter of paragraph*/
.capital {
    font-family: Monotype Corsiva;    
    font-size: 22px;    
    color: #990000;
    background-color: transparent;
    font-style: italic;    
    font-weight: bold;
    line-height: 100%;
    text-indent: 1%;
    padding: 0;
}

/* JR: DIV New Verdugo section text*/
.verdugo {
    margin-top: 5px;
}
/* JR: SPAN New Verdugo section text*/
.newverdugo {
    font-family: Monotype Corsiva;
  	font-size: 22px;
	  color: #990000;
    font-style: italic;
    font-weight: bold;
}
/* JR:  medium line with section index.php */
.myfeatline {
    width:  310px;
    height: 2px;
    background-image: url(/graphics/grey.gif);
    margin: 2px 0px 1px 0px;
    border-style: none;
}
/* JR:  medium line with section index.php */
.myfeatline2 {
    width:  310px;
    height: 2px;
    background-image: url(/graphics/grey.gif);
    margin: 2px 0px 10px 0px;
    border-style: none;
}
/* JR: feature area */
.normal {
    padding: 0px 6px 0px 6px;
}
/* JR: last column in content area */
.spacercol2 {
	width: 1%;
    background-color: #99CCFF;
}
/**** end of index.php ****/
/* default fieldnameback genstyle.css for column and row title sections*
.fieldnameback {
	background-color: #333366;
	*these 2 lines added in 5.0*
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}
*/
/* default fieldnameback genstyle.css for column and row title sections*/
.fieldnameback {
    background-color: #000033;
	  /*these 2 lines added in 5.0*/
	  border-right: 1px solid #777;
  	border-bottom: 1px solid #777;
}
/* JR: yellow vertical line */
.sideyellowline {
    width: 4px;
    height: 20px;
    background-color: #FFCC33;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: blue horizontal line on topmenu */
.blueline {
    height: 20px;
    background-color: #000033;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: blue horizontal line on topmenu */
.ltblue {
    background-color: #000033;
    text-align: left;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-collapse: collapse;
}
/* JR: blue horizontal line on topmenu */
.rtblue {
    background-color: #000033;
    text-align: right;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    border-style: none;
    border-collapse: collapse;
}
/*inactive tab*/
#tngnav a {
	color:#666666;
}
/*active tab*/
#tngnav a:hover {
	color:#FFCC33;
}
/*active tab*/
#tngnav a.here {
	color:#FFCC33;
}
/* JR: Surname active link */
.snlink {
    background-color: #CCCC99;
    color: #000033;
    border-right-width: 1px;
    border-right-color: #aaaaaa;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #aaaaaa;
    border-bottom-style: solid;
}
/* JR: Surname hover link */
a.snlink:hover, .snlinkact {
    background-color: #000033;
    color: #ffffff;
}
/* JR: other active link */
a:link, a:active {
    color: #990000;
}
/* JR: other hover link */
a:visited {
    color: #000033;
}
/* JR: library greeting */
.librarygif {
    margin: 0px 3px 5px 0px;
}
/* JR: library greeting */
.contactus {
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 18px;
	  color: #000033;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    border: 0px;
}
/* JR: booktable */
.booktable {
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 12px;
    color: #000033;
    font-weight: bold;
    margin: 0px;
}
/* JR: booktable header */
.bookheader {
    font-size: 14px;
    color: #FFFFFF;
    background-color: #000033;
    text-align: center;
}
/* JR: booktable rows */
.bookrow {
    background-color: #CCCC99;
    font-size: 12px;
    text-align: left;
}
/* JR: booktable smaller media rows */
.bookrowsm {
    background-color: #CCCC99;
    font-size: 12px;
    text-align: left;
}
.bookimg {
    color: #000033;
    border: 1px;
    border-style: solid;
}