/*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 #4: (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 / template4 / 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: #990000;
}

.subhead {
color: #990000;
}

body {
color: #000000;
}

.normal {
color: #000000;
}

a:link, a:active {
color: #990000;
}

a:visited {
color: #666666;
}

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

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

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

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

#tngnav a {
color: #444444;
}

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

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

div.icons a {
color: #990000;
}

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

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

.whiteback {
background-color: #FFFF9D;
}

.whiteback {
border-color: #C0C0C0;
}

.titlebox {
background-color: #FFFF9D;
}

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

.snlink {
background-color: #CCCC99;
}

.snlink {
color: #000000;
}

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

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

.LB_window {
background: #CCCC99;
}

.LB_window {
color: #000000;
}

ul.tngdd a {
color: #990000;
}

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

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

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

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

.slidedown {
background-color: #EEEECC;
}

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

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
background: #990000 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: #CCCC99;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F0BD), to(#A8A875));
background-image: -webkit-linear-gradient(top, #F0F0BD, #A8A875);
background-image: -moz-linear-gradient(top, #F0F0BD, #A8A875);
background-image: -ms-linear-gradient(top, #F0F0BD, #A8A875);
background-image: -o-linear-gradient(top, #F0F0BD, #A8A875);
background-image: linear-gradient(top, #F0F0BD, #A8A875);
}

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

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

.databack {
background-color: #CCCC99;
}

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

.lightback {
background-color: #FFFF9D;
}

.mainbox {
background-color: #FFFF9D;
}

.whitesubhead {
color: #000000;
}

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

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

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

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

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

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

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

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

a.leftlink:hover {
background-color: #CCCC99;
color: #000000;
}

.mainback {
background-color: #FFFF9D;
}

.tngshadow {
background-color: #CCCC99;
}

a.tngshadow {
background-color:#EEEECC;
color: #990000;
}

.th-indent {
color: #000000;
}

.whiteheader {
color: #FFFFFF;
}

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

th.calDay {
color: #FFFFFF;
}

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

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

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

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

#calLegend {
background-color: #990000;
}

a.nothidden {
color: #FFFFFF;
}

a.hidden {
background-color: #CCCC99;
color: #000000;
}

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

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



.CSEsiteHeading {
color: #990000;
}

.CSEsiteHeading {
text-shadow: none;
font-size: 30px;
font-family: Verdana,Arial,sans-serif;
font-weight: bold;
line-height: 30px;
}

.CSEsiteHeadingText {
text: Our Family;
}

.CSEsiteHeading2 {
color: #999966;
}

.CSEsiteHeading2 {
text-shadow: 1px 1px 1px #000000;
font-family:Verdana,Arial,sans-serif;
font-size:48px;
font-weight: bold; 
}

.CSEsiteHeading2Text {
text: Genealogy Pages;
}

body {
   background-color: #E6E6E6;
}

body {
background-image: url('../img/back.gif');
}

.publicback {
background-image: url('../img/back.gif');
}

.publicbody {
background-color : #FFFF9D;
}

.page {
background-color : #FFFF9D;
}

.line {
background-color: #999966;
background-image: none;
}

.footer a:link {
color: #333399;
}

.footer a:visited {
color: #333399;
}

.footer a:hover {
color: #339999;
}

.menuback {
background-color: #990000;
}

.emphasisyellow {
color: #F8F8B2;
}

.indexpage {
background-color: #FFFF9D;
}

.innercontainer {
background-color: #FFFF9D;
}

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

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

#tngdd {
background-color: #FFFF9D;
}

div .fieldname ul li a.lightlink {
color: #FFFFFF;
}

.menuback td .fieldname {
color: #FFFFFF;
}

div .fieldname ul li a:hover.lightlink {
color: #FFCC00;
}

.titletop {
color: #990000;
text-shadow: none;
}

.titlebottom {
color: #999966;
text-shadow: 1px 1px 1px #000000;
}

.mmaintitle {
background-color: #FFFF9D;
color: #990000;
padding: 8px;
margin: -8px;
margin-top: -9px;
opacity: 1;
}

a.searchimg {
color: #F8F8B2;
padding-left: 7px;
border: 0px;
font-size: 20pt;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
}