/*

Template #12: (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 / template12 / 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: #504034;
}

.subhead {
color: #504034;
}

body {
color: #352B18;
}

.normal {
color: #352B18;
}

a:link, a:active {
color: #352B18;
}

a:visited {
color: #666666;
}

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: #43546A;
}

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

#tngnav a {
background: #92AFD4;
}

#tngnav a:hover {
background: #43546A;
}

#tngnav a.here {
background: #43546A;
}

#tngnav a {
color: #444444;
}

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

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

div.icons a {
color: #FFFFFF;
}

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

.LB_closeAjaxWindow, .bar, .sideback, .fieldnameback {
background-color: #43546A;
}

.whiteback {
background-color: #FFFFFF;
}

.whiteback {
border-color: #C0C0C0;
}

.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: #D6CDC2;
}

.snlink {
background-color: #F9F9F9;
}

.snlink {
color: #352B18;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
background-color: #43546A;
}

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

.LB_window {
background: #F9F9F9;
}

.LB_window {
color: #352B18;
}

ul.tngdd a {
color: #FFFFFF;
}

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

ul.tngdd ul li a {
color: #000000;
}

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

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

.slidedown {
background-color: #F6F6F6;
}

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

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

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

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

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

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

.databack {
background-color: #F9F9F9;
}

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

.lightback {
background-color: #E8E8E0;
}

.mainbox {
background-color: #E8E8E0;
}

.whitesubhead {
color: #352B18;
}

.sideback {
background-color: #43546A;
background-image: none;
}

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

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

a.admincell:link, a.admincell:visited, a.admincell:active {
color: #352B18;
}

a.admincell:link>div, a.admincell:visited>div, a.admincell:active>div {
color: #352B18;
}

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

a.admincell:hover {
background-color: #43546A;
color: #FFFFFF;
}

a.admincell:hover>div {
background-color: #43546A;
color: #FFFFFF;
}

a.leftlink:hover {
background-color: #F9F9F9;
color: #352B18;
}

.mainback {
background-color: #E8E8E0;
}

.tngshadow {
background-color: #F9F9F9;
}

a.tngshadow {
background-color:#F6F6F6;
color: #000000;
}

.th-indent {
color: #352B18;
}

.whiteheader {
color: #FFFFFF;
}

table.calendar {
background-color: #43546A;
color: #FFFFFF;
}

th.calDay {
color: #FFFFFF;
}

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

td.calDay a.calDate, td.calDay a.calEvent {
color: #352B18;
}

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

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

#calLegend {
background-color: #43546A;
}

a.nothidden {
color: #FFFFFF;
}

a.hidden {
background-color: #F9F9F9;
color: #352B18;
}

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

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



.CSEsiteHeading {
color: #E4DBCE;
}

.CSEsiteHeading {
text-shadow: E !important;
}

.CSEsiteHeadingText {
text: Our Family Genealogy Pages;
}

.CSEsiteHeading2 {
color: #E4DBCE;
}

.CSEsiteHeading2 {
text-shadow: E !important;
}

.CSEsiteHeading2Text {
text: Discovering our American, Canadian and European Ancestors;
}

body {
   background-color: #43546A;
}

.publicbody {
   background: #43546A url('../img/page.png') fixed;
   background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -webkit-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -moz-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -o-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -ms-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   -svg-background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
}

@media (max-width: 640px) {
	.publicbody {
           background: none;
           background-color: #E8E8E0;
           padding: 8px;
	}
}

.innercontainer {
   background-color: #E8E8E0;
}

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

.tngdd li a:hover.menulink {
    border: 0px;
}

.cb-postcontent a, .cb-postcontent a:link
{
   color: #655543;
}

.cb-postcontent a:visited, .cb-postcontent a.visited
{
   color: #655543;
}

.cb-postcontent  a:hover, .cb-postcontent a.hover
{
   color: #655543;
}

.cb-postcontent h1
{
   color: #1F1A14;
}

.cb-postcontent h2
{
   color: #1F1A14;
}

.cb-postcontent h3
{
   color: #1F1A14;
}

.cb-postcontent h4
{
   color: #1F1A14;
}

.cb-postcontent h5
{
   color: #1F1A14;
}

.cb-postcontent h6
{
   color: #1F1A14;
}

.cb-headline, .cb-headline a, .cb-headline a:link, .cb-headline a:visited, .cb-headline a:hover
{
  color: #E4DBCE !important;
  text-shadow: E !important;
}

.cb-slogan, .cb-slogan a, .cb-slogan a:link, .cb-slogan a:visited, .cb-slogan a:hover
{
  color: #E4DBCE !important;
  text-shadow: E !important;
}

.cb-footer
{
   color: #D6CDC2;
}

.cb-footer a, .cb-footer a:link, .cb-footer a:visited, .cb-footer a:hover, .cb-footer td, .cb-footer th, .cb-footer caption
{
   color: #D6CDC2;
}

.cb-footer a, .cb-footer a:link
{
   color: #AD9A85;
}

.cb-footer a:visited
{
   color: #C0A572;
}

.cb-footer a:hover
{
   color: #FFDD44;
}

.cb-content .cb-postcontent-0 .layout-item-0 {
	border-color: #43546A;
	color: #352B18;
}

.cb-content .cb-postcontent-0 .layout-item-0 {

background-image: none;
background-color: #E8E8E0;
}

.cb-content .cb-postcontent-0 .layout-item-1 {
	color: #352B18;
}

.cb-content .cb-postcontent-0 .layout-item-3 {
	border-color: #43546A;
	color: #352B18;
}

.cb-content .cb-postcontent-0 .layout-item-3 {
background-image: none;
background-color: #E8E8E0;
}

.cb-content .cb-postcontent-0 .layout-item-4 {
	color: #352B18;
	border-bottom-width: 0px;
	border-bottom-color: #352B18;
}

#col1and2 {
	color: #E4DBCE;
}

#col1and2 a:hover, col1and2 a:visited {
	color: #E4DBCE;
}

#cb-header-links  a:visited, #cb-header-links a  {
	color: #E4DBCE;
}

.cb-tng-area {
	border: 3px solid #43546A;
	color: #352B18;
}

.cb-tng-area {
background-image: none;
background-color: #E8E8E0;
}

.maintitle {
color: #E4DBCE;
text-shadow: E !important;
}

.mmaintitle {
background-color: #43546A;
   background: #43546A url('../img/page.png') fixed;
   background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -webkit-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -moz-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -o-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), -ms-linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   -svg-background: linear-gradient(top, rgba(0, 0, 0, 0.11) 0, rgba(158, 135, 110, 0.16) 250px) no-repeat, url('../img/page.png'), linear-gradient(top, #13243A 0, #73849A 250px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
   color: #E4DBCE;
   padding: 8px;
   margin: -8px;
   margin-top: -17px;
   opacity: 1;
}

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

a.size1      { color: #000099; }
a.size1:link    { color: #000099; }
a.size1:visited { color: #000099; }

a.size2      { color: #3333CC; }
a.size2:link    { color: #3333CC; }
a.size2:visited { color: #3333CC; }

a.size3      { color: #006633; }
a.size3:link    { color: #006633; }
a.size3:visited { color: #006633; }

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

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

a.size6      { color: #666666; }
a.size6:link    { color: #666666; }
a.size6:visited { color: #666666; }

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

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

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

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