/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/


/*

Template #9: (mytngstyle).css



INSTRUCTIONS
============

* If you want to save this file as "mytngstyle.css" to use at your site:
   If you already have a "mytngstyle.css" in use, you should RENAME / MOVE / COPY it
   so it is safe, as it otherwise will be overwritten and lost.
Then save this "mytngstyle.css" in your "templates / template9 / css" folder.

* If you're not going to use it at your site, you can give it any name, as long as it ends
in ".css" or ".txt" and you can save it at any convenient place.


CHECK THE NAME TWICE BEFORE YOU SAVE!
=====================================

The file is downloaded as a ".txt"-file in an effort to make all browsers act the same way.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Use the editor's "Save As..." option (in the "File" menu).

You can load this file into T.C.B. later to modify it if you want to.
It doesn't matter if you saved it as "mytngstyle.css" or another name.
You can load it into any template (also in T.N.G.) but remember that only items (.css-classes)
declared in this .css will be affected.
All other items will have their template default colours.

If you want to load it into T.C.B. later, you have to keep this remark.

***

This T.N.G. .CSS file was made with the T.N.G. COLOURING BOOK,

a free service at http://xerxx.se/tcb/

***



*/




.header, .plainheader {
color: #5F5649;
}

.subhead {
color: #5F5649;
}

body {
color: #2E2A23;
}

.normal {
color: #2E2A23;
}

a:link, a:active {
color: #5F5649;
}

a:visited {
color: #655C4E;
}

a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
color: #FFCC33;
}

a.lightlink:link, a.lightlink:visited {
color: #FFFFFF;
}

a.lightlink:hover, a.lightlink:active {
background-color: #6F4E37;
}

a.lightlink:hover, a.lightlink:active {
color: #FFCC33;
}

#tngnav a {
background: #DCD7D1;
}

#tngnav a:hover {
background: #6F4E37;
}

#tngnav a.here {
background: #6F4E37;
}

#tngnav a {
color: #444444;
}

#tngnav a:hover {
color: #FFFFFF;
}

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

div.icons a {
color: #5F5649;
}

.icons-rt a.tngsmallicon {
color: #5F5649;
}

.LB_closeAjaxWindow, .bar, .sideback, .fieldnameback {
background-color: #6F4E37;
}

.whiteback {
background-color: #FFFFFF;
}

.whiteback {
border-color: #C0C0C0;
}

.titlebox {
background-color: #FFFFFF;
}

.fieldname {
color: #FFFFFF;
}

.thumb {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.smallimg {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.footer {
color: #D7D2CB;
}

.snlink {
background-color: #DCD7D1;
}

.snlink {
color: #2E2A23;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
background-color: #6F4E37;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
color: #FFFFFF;
}

.LB_window {
background: #DCD7D1;
}

.LB_window {
color: #2E2A23;
}

ul.tngdd a {
color: #5F5649;
}

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

ul.tngdd ul li a {
color: #5F5649;
}

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

ul.tngdd ul li a:hover {
color: #5F5649;
}

.slidedown {
background-color: #DCD7D1;
}

ul.tngdd .menulink {
background: #DCD7D1 url(../img/ArrowDown.gif) 2px 8px no-repeat;
background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#948F89));
background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #FFFFFF, #948F89);
background-image: url(../img/ArrowDown.gif), -moz-linear-gradient(top, #FFFFFF, #948F89);
background-image: url(../img/ArrowDown.gif), -ms-linear-gradient(top, #FFFFFF, #948F89);
background-image: url(../img/ArrowDown.gif), -o-linear-gradient(top, #FFFFFF, #948F89);
background-image: url(../img/ArrowDown.gif), linear-gradient(top, #FFFFFF, #948F89);
background-position: 2px 8px, 0px 0px;
background-repeat: no-repeat;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
background: #6F4E37 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
color: #FFFFFF;
}

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
background-color: #DCD7D1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#948F89));
background-image: -webkit-linear-gradient(top, #FFFFFF, #948F89);
background-image: -moz-linear-gradient(top, #FFFFFF, #948F89);
background-image: -ms-linear-gradient(top, #FFFFFF, #948F89);
background-image: -o-linear-gradient(top, #FFFFFF, #948F89);
background-image: linear-gradient(top, #FFFFFF, #948F89);
}

#mast {
background-color: #DCD7D1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#7C7771));
background-image: -webkit-linear-gradient(top, #FFFFFF, #7C7771);
background-image: -moz-linear-gradient(top, #FFFFFF, #7C7771);
background-image: -ms-linear-gradient(top, #FFFFFF, #7C7771);
background-image: -o-linear-gradient(top, #FFFFFF, #7C7771);
background-image: linear-gradient(top, #FFFFFF, #7C7771);
border-top: 1px solid #FFFFFF;
}

.mhead li a {
background-color:#DCD7D1;
border-bottom: 1px solid #333333;
border-top: 1px solid #DDDDDD;
color:#5F5649;
}

.databack {
background-color: #DCD7D1;
}

.databack {
border-right: 1px solid #DCD7D1;
border-bottom: 1px solid #DCD7D1;
}

.lightback {
background-color: #FFFFFF;
}

.mainbox {
background-color: #FFFFFF;
}

.whitesubhead {
color: #2E2A23;
}

.sideback {
background-color: #6F4E37;
background-image: none;
}

.admincell {
background-color: #DCD7D1;
background-image: none;
}

a.admincell {
background-color: #DCD7D1;
background-image: none;
}

a.admincell:link, a.admincell:visited, a.admincell:active {
color: #2E2A23;
}

a.admincell:link>div, a.admincell:visited>div, a.admincell:active>div {
color: #2E2A23;
}

a.leftlink:link, a.leftlink:visited, a.leftlink:active {
color: #FFFFFF;
}

a.admincell:hover {
background-color: #6F4E37;
color: #FFFFFF;
}

a.admincell:hover>div {
background-color: #6F4E37;
color: #FFFFFF;
}

a.leftlink:hover {
background-color: #DCD7D1;
color: #2E2A23;
}

.mainback {
background-color: #FFFFFF;
}

.tngshadow {
background-color: #DCD7D1;
}

a.tngshadow {
background-color:#DCD7D1;
color: #5F5649;
}

.th-indent {
color: #2E2A23;
}

.whiteheader {
color: #FFFFFF;
}

table.calendar {
background-color: #6F4E37;
color: #FFFFFF;
}

th.calDay {
color: #FFFFFF;
}

td.calDay {
background-color: #DCD7D1;
}

td.calDay a.calDate, td.calDay a.calEvent {
color: #2E2A23;
}

td.calToday {
background-color: #DCD7D1;
}

td.calToday a.calDate, td.calToday a.calEvent {
color: #5F5649;
}

#calLegend {
background-color: #6F4E37;
}

a.nothidden {
color: #FFFFFF;
}

a.hidden {
background-color: #DCD7D1;
color: #2E2A23;
}

.calIcon {
background-color: #D0D0D0;
padding: 1px;
}

.mtitlehr {
margin-left: -8px;
margin-right: -8px;
}

.CSEsiteHeading {
   color: #FFFFFF;
}

.CSEsiteHeading {
   text-shadow: 4px 4px 4px #000000;
}

.CSEsiteHeadingText {
   text: Grace Notes Genealogy;
}

.CSEsiteHeading2 {
   color: #FFFFFF;
}

.CSEsiteHeading2 {
   text-shadow: 4px 4px 4px #000000;
}

.CSEsiteHeading2Text {
   text: The ancestries of Paul and Jennifer Clark;
}

body {
   background-color: #000000;
}

body {
   background-image: none;
}

.publicbody {
background-color: #FFFFFF;
background-image: none;
}

/*
.titlebox {
   background-color: #DCD7D1;
}
*/

.fieldnameback, .bar, .page, .LB_closeAjaxWindow {
   background-color: #6F4E37;
}

.sideback {
   background-color : #6F4E37;
   background-image: none;
}

.art-postcontent a {
  color: #FFFFFF;
}

.art-postcontent a:link {
  color: #5F5649;
}

.art-postcontent a:visited, .art-postcontent a.visited {
  color: #655C4E;
}

.art-postcontent a:hover, .art-postcontent a.hover {
  color: #6F4E37;
}

.art-postcontent h1 {
   color: #2E2A23;
}

.art-postcontent h2 {
   color: #2E2A23;
}

.art-postcontent h3 {
   color: #2E2A23;
}

.art-sheet-cc {
  background-color: #FFFFFF;
}

div.art-header-jpeg, table.art-header-jpeg {
   background-color: #908070;
}

div.art-header-jpeg, table.art-header-jpeg {
background-image: url('../img/header.jpg');
}

h1.art-logo-name {
  color: #FFFFFF !important;
}

h1.art-logo-name {
   text-shadow: 4px 4px 4px #000000;
}

h1.art-logo-name a {
 color: #FFFFFF !important;
}

h1.art-logo-name a {
   text-shadow: 4px 4px 4px #000000;
}

h2.art-logo-text {
  color: #FFFFFF !important;
}

h2.art-logo-text {
   text-shadow: 4px 4px 4px #000000;
}

h2.art-logo-text a {
   color: #FFFFFF !important;
}

h2.art-logo-text a {
   text-shadow: 4px 4px 4px #000000;
}

.art-hmenu ul {
  background-color: #6F4E37;
  background-image: url('../img/spacer.gif');
}

.art-nav-l, .art-nav-r {
   background-image: none;
   background-color: #6F4E37;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B7967F), to(#270600));
   background-image: -webkit-linear-gradient(top, #B7967F, #270600);
   background-image:    -moz-linear-gradient(top, #B7967F, #270600);
   background-image:     -ms-linear-gradient(top, #B7967F, #270600);
   background-image:      -o-linear-gradient(top, #B7967F, #270600);
   background-image:         linear-gradient(top, #B7967F, #270600);
}

.art-hmenu a .r, .art-hmenu a .l {
  background-image: url('../img/menuitem.png');
}

.art-hmenu a .t {
  color: #FBEBCB;

}

.art-hmenu a:hover .t {
  color: #DDDDDD;
}

.art-hmenu li:hover a .t {
  color: #DDDDDD;
}

.art-hmenu li:hover>a .t {
  color: #DDDDDD;
}

.art-hmenu a.active .t {
  color: #0D0502;
}

.art-hmenu ul a {
  background-image: url('../img/subitem.png');
  color: #000000;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span {
  color: #000000;
}

.art-hmenu ul li a:hover {
  color: #000000;
}

.art-hmenu ul li:hover>a {
  color: #000000;
}

.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span {
  color: #000000;
}

.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span {
  color: #000000;
}
.art-content-layout {
  background-color: #FFFFFF;
}

.art-layout-cell, .art-content-layout-row {
  background-color: #FFFFFF;
}

.art-block-tr, .art-block-tl, .art-block-br, .art-block-bl {
   width: 12px;
   height: 12px;
   background-color: #D1CdC6;
   border: 1px solid #B1A89A;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   border-radius: 6px 6px 6px 6px;
   background-image: none;
}

.art-block-tc, .art-block-bc {
   left: 7px;
   right: 7px;
   height: 12px;
   background-color: #D1CdC6;
   border-top: 1px solid #B1A89A;
   border-bottom: 1px solid #B1A89A;
   background-image: none;
}

.art-block-cr, .art-block-cl {
   top: 7px;
   bottom: 7px;
   width: 12px;
   background-color: #D1CdC6;
   border-left: 1px solid #B1A89A;
   border-right: 1px solid #B1A89A;
   background-image: none;
}

.art-blockheader h3.t {
  color: #FBEBCB;
}

.art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited, .art-blockheader h3.t a:hover {
  color: #FBEBCB;
}

.art-blockheader .l, .art-blockheader .r {
   background-image: none;
   background-color: #6F4E37;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B7967F), to(#270600));
   background-image: -webkit-linear-gradient(top, #B7967F, #270600);
   background-image:    -moz-linear-gradient(top, #B7967F, #270600);
   background-image:     -ms-linear-gradient(top, #B7967F, #270600);
   background-image:      -o-linear-gradient(top, #B7967F, #270600);
   background-image:         linear-gradient(top, #B7967F, #270600);
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px 0px 0px 5px;
}

.art-blockheader .r {
   background-image: none;
   background-color: #6F4E37;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B7967F), to(#270600));
   background-image: -webkit-linear-gradient(top, #B7967F, #270600);
   background-image:    -moz-linear-gradient(top, #B7967F, #270600);
   background-image:     -ms-linear-gradient(top, #B7967F, #270600);
   background-image:      -o-linear-gradient(top, #B7967F, #270600);
   background-image:         linear-gradient(top, #B7967F, #270600);
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

  width: 1344px;
  right: 0;
  clip: rect(auto, auto, auto, 1337px);
}

.art-block-body {
  padding: 7px;
}

.art-blockheader {
   background-color: #D1CdC6;
}

.art-blockcontent {
   background-color: #D1CdC6;
}

.art-blockcontent-body {
  color: #2E2A23;
}

.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl {
   width: 6px;
   height: 6px;
   background-color: #DCD7D1;
   border: 1px solid #CAC3BA;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
   background-image: none;
}

.art-blockcontent-tc, .art-blockcontent-bc {
   left: 4px;
   right: 4px;
   height: 6px;
   background-color: #DCD7D1;
   border-top: 1px solid #CAC3BA;
   border-bottom: 1px solid #CAC3BA;
   background-image: none;
}

.art-blockcontent-cr, .art-blockcontent-cl {
   top: 4px;
   bottom: 4px;
   width: 6px;
   background-color: #DCD7D1;
   border-left: 1px solid #CAC3BA;
   border-right: 1px solid #CAC3BA;
   background-image: none;
}

.art-blockcontent-cc {
   background-color: #DCD7D1;
}

.art-blockcontent-body li, .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {
  color: #2E2A23;
}

.art-blockcontent-body a, .art-blockcontent-body a:link {
  color: #2E2A23;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited {
  color: #2E2A23;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover {
  color: #6F4E37;
}

.art-blockcontent-body ul li {
  color: #FF00FF;
  background-image: url('../img/blockcontentbullets.png');
}

.art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button {
  color: #0E0A01 !important;
}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover {
  color: #000000 !important;
}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link {
  color: #E7E4DF !important;
}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {
  background-image: url('../img/button.png');
}

h2.art-postheader {
  color: #2E2A23;
}

h2.art-postheader a, h2.art-postheader a:link {
  color: #2E2A23;
}

h2.art-postheader a:visited, h2.art-postheader a.visited {
  color: #2E2A23;
}

h2.art-postheader a:hover,  h2.art-postheader a.hovered,  h2.art-postheader a.hover {
  color: #6F4E37;
}

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {
  color: #484137;
}

.art-postheadericons a, .art-postheadericons a:link {
  color: #5F5649;
}

.art-postheadericons a:visited, .art-postheadericons a.visited {
  color: #655C4E;
}

.art-postheadericons a:hover, .art-postheadericons a.hover {
  color: #6F4E37;
}

.art-post li {
  color: #2E2A23;
}

.art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover {
  color: #3D372F;
}

.art-postcontent blockquote {
  border: solid 0 #CAC3BA;
  background-color: #EBE9E5;
  background-image: url('../img/postquote.png');
}

.art-footer-b  {
   background-color: #433D34;
}

.art-footer-b  {
   background-image: url('../img/footer_b.png');
}

.art-footer-t {
   background-color: #433D34;
}

.art-footer-t {
   background-image: url('../img/footer_b.png');
}

.art-rss-tag-icon {
  background-image: url('../img/rssicon.png');
}

.art-footer-text {
    color: #D7D2CB;
}

.art-footer-text a, .art-footer-text a:link {
  color: #D7D2CB;
}

.art-footer-text a:visited {
  color: #D7D2CB;
}

.art-footer-text a:hover {
  color: #6F4E37;
}


.art-page-footer {
  color: #D7D2CB;
}

.art-content-layout .art-sidebar1 {
  background-color: #CAC3BA;
}

.art-content-layout .art-sidebar2 {
  background-color: #CAC3BA;
}

.art-vmenublock-tr, .art-vmenublock-tl, .art-vmenublock-br, .art-vmenublock-bl {
  width: 12px;
  height: 12px;
  background-color: #DCD7D1;
  border: 1px solid #B1A89A;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  background-image: none;
}

.art-vmenublock-tc, .art-vmenublock-bc {
  left: 7px;
  right: 7px;
  height: 12px;
  background-color: #DCD7D1;
  border-top: 1px solid #B1A89A;
  border-bottom: 1px solid #B1A89A;
  background-image: none;
}

.art-vmenublock-cr, .art-vmenublock-cl {
  top: 7px;
  bottom: 7px;
  width: 12px;
  background-color: #DCD7D1;
  border-left: 1px solid #B1A89A;
  border-right: 1px solid #B1A89A;
  background-image: none;
}

.art-vmenublock-cc {
  background-color: #DCD7D1;
}

ul.art-vmenu a .t {
  color: #2E2A23;
}

ul.art-vmenu a.active .t {
  color: #2E2A23;
}

ul.art-vmenu a:hover .t {
  color: #6F4E37;
}

.innercontainer {
   background-color: #FFFFFF;
}

div.innercontainer, ul.tngdd .stubmenu, ul.tngdd .langmenu, .tngdd li a.menulink {
    border: none;
}

.tngdd li a:hover.menulink {
    border: none;
}

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

#tngdd {
   background-color: #FFFFFF;
}

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

.maintitle {
color: #FFFFFF;
text-shadow: 4px 4px 4px #000000;
}

.mmaintitle {
background-color: #908070;
background-image: url('../img/header.jpg');
color: #FFFFFF;
padding: 8px;
margin: -8px;
margin-top: -9px;
opacity: 1;
}