/*   STYLE SHEET FOR TTFA SITE   */

body	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font: 10pt;
		behavior: url(csshover.htc);
		margin-top:5px;
		}
		
/*   STYLING FOR THE DROPDOWN NAVBAR    */

.ddm1 			{
    			font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
				}

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    			padding: 3px 8px 4px 8px;
    			border: 1px #003366;
    			border-style: solid none solid none;
    			text-decoration: none;
    			display: block;
    			position: relative;
				}
				
.ddm1 .item1 	{
    			background: #003366;
    			color: #ffffff;
				}
				
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    			background: #ccccff;
    			color: #ffffff;
				}
				
.ddm1 .item2,
.ddm1 .item2:hover {
   				padding: 3px 8px 4px 8px;
    			text-decoration: none;
    			display: block;
    			white-space: nowrap;
				}
				
.ddm1 .item2 	{
    			background: #8294CA;
    			color: #ffffff;
				}
				
.ddm1 .item2:hover {
    			background: #DAE1F6;
    			color: #003366;
				}
				
.ddm1 .section 	{
    			border: 1px #003366;
    			border-style: solid solid solid solid;
    			position: absolute;
    			visibility: hidden;
    			z-index: -1;
    			white-space: nowrap;
				}
				
.ddm1 .left, .ddm1 .left:hover { 
				border-style: solid none solid solid; 
				}
				
.ddm1 .right, .ddm1 .right:hover { 
				border-style: solid solid solid none;
				}

/*   IE5.0 FIX FOR NAVBAR   */
* html .ddm1 td { 
				position: relative; 
				} 

/*  ORIGINAL TNG CSS CODING STARTS HERE    */

/* normal: most regular body text */
.normal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	}

/* topmenu: top menu bar
.topmenu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: white;
	}

/* smfieldname: small text used in conjunction with .fieldname style text */
.smfieldname {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: white;
	}

/* fieldname: regular text within column or row title sections */
.fieldname {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color: white;
	}

/* header: heading text */
.header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	color: #003366;
	}
	
/* subheader: subheading text */
.subheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight:500;
	color: #003366;
	}

/* whiteheader: heading text used on dark backgrounds (usually fieldnameback) */
.whiteheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
}

/* subhead: subheading text */
.subhead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #003366;
	}

/* link: normal links, active: links in use */


/* fieldnameback: background color for column and row title sections */
/*background-color: #003366;*/
.fieldnameback {
	background-color: #003366;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777; 
	border-bottom: 1px solid #777;
	}

/* databack: background color for data areas */
.databack {
	background-color: #e0e0f7;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
	}

.pboxname {
  	font-family: Arial, Helvetica, sans-serif; 
	}

/* pedigree box: dates font */
/* font-size should be in points */
.pboxdates {
  	font-family: Arial, Helvetica, sans-serif; 
	}

/* pedigree box information popups */
/* font-size should be in points */
.pboxpopup {
  	font-family: Arial, Helvetica, sans-serif; 
  	margin-top: 0;
  	margin-bottom: 0;
	}

/* Added in 3.0.4 */
UL {
  	margin-left: 5px;
  	margin-top: 0px;
  	margin-bottom: 0px;
  	padding-left: 1em;
	}

/* Added in 4.0.0 */
/* For links on dark background */
a.lightlink:link, a.lightlink:visited {
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-decoration: none;
	}

a.lightlink:hover, a.lightlink:active {
	color: #FFCC33;
	text-decoration: none;
	}

/* For white-only links on dark background */
a.lightlink2:link, a.lightlink2:visited {
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-decoration: none;
	}

a.lightlink2:hover, a.lightlink2:active {
	color: #FFFFFF;
	text-decoration: none;
	}

.lightback {
	background-color: #FFFFFF;
	}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #003366;
	}

/* mouseoverback: background color for admin menu items while active*/
.mouseoverback {
	background-color: #336399;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777; 
	border-bottom: 1px solid #777;
	}

.whitesubhead {
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 16px;
	}

/* smaller: small body text */
.smaller {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	}

/*added in 5.0.0*/
/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
	color: #FFCC33;
	text-decoration: none;
}

/*for alignment on menu icons*/
.tngmenuicon {
	vertical-align: -3px;
	}

/*for descendancy chart*/
#descendantchart {
	text-align: left;
	}

#descendantchart li {
	list-style-type: none;
	white-space: nowrap;
	}

#descendantchart ul {
  margin-left: 0px;
	}

#descendantchart ul.first {
	margin: 0;
	padding: 0;
	}
	
/*for Lineage Submission Form*/
.lineagefieldnameback {
	background-color: #003366;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777; 
	border-bottom: 1px solid #777;
	}

/* databack: background color for data areas */
.lineagedataback {
	background-color: #e0e0f7;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
	}


