/* 

Custom page layout for Tharp Genealogy

Author: Jodi A. Sweere 

Author website: wild-type.com

Author email: jodisweere at gmail dot com

Date: 08 Dec, 2006, revised July 14, 2008

main colors:

lt. blue background: #a9c4f3;

dark blue: #001472;

*/



/*-Block Elements-*/





/* body: describes page background color and all non-table text not governed by any other style */



body {

margin: 0px auto;

padding: 0px;

background-color: #ffffff;

background: url(../backfade.gif) repeat-y; 

}



#homewrap {

background: transparent;

text-align: left;

width: 980px;

height: 1330px;

margin-left: auto;

margin-right: auto;

padding: 2px;

border: 2px solid #001472;

position: relative;

}



/* ---begin left homepage content--- */



.homeleft {

clear: both;

float: left;

width: 35%;

text-align: left;

font-size: 14px;

font-family: Perpetua, Times New Roman, serif;

padding: 10px 0px 10px 0px; 

*position: absolute;

*vertical-align; middle;

}



h4 {

font-size: 21px;

font-family: Perpetua, Times New Roman, serif;

text-transform: uppercase;

color: #001472;

font-weight: bold;

}



/* welcome blurb */



.homeleft .welcome {

clear: both;

background: #ffffff;

text-align: left;

width: 305px;

height: 240px;

font-size: 18px;

font-family: Perpetua, Times New Roman, serif;

margin-left: 20px;

padding: 5px;

border: 7px solid #001472;

border-style: double;

}



.leftlinks, a.leftlinks, ul li a.leftlinks {

clear: both;

float: left;

background: url(../linkimg.png);

width: 150px;

height: 30px;

text-align: center;

font-size: 21px;

font-family: Perpetua, Times New Roman, serif;

color: #ffffff;

margin-bottom: 2px;

padding: 5px 0px 0px 0px; 

border: 5px solid #ffffff;

border-style: double ridge;

}



.rightlinks, a.rightlinks, ul li a.rightlinks {

float: right;

background: url(../linkimg.png);

width: 150px;

height: 30px;

text-align: center;

font-size: 21px;

font-family: Perpetua, Times New Roman, serif;

color: #ffffff;

margin-bottom: 2px;

padding: 5px 0px 0px 0px; 

border: 5px solid #ffffff;

border-style: double ridge;

}

/* ---end left homepage content--- */



/* ---begin rightside homepage content--- */



.homeright {

float: right;

width: 62%;

text-align: left;

font-size: 12px;

font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

padding: 10px 20px 10px 0px; 

color: #001472;

}



/* login button */



.homeright .login {

background-color: #ffffff;

width: 200px;

height: 24px;

text-align: center;

font-size: 24px;

font-weight: bold;

font-family: Perpetua, Times New Roman, serif;

margin-top: 30px;

margin-left: 205px;

padding: 5px; 

color: #001472;

font-weight: bold;

border: 7px solid #001472;

border-style: double;

text-transform: uppercase;

text-decoration: none;

}



.homeright .poem{

background: #ffffff;

width: 595px;

text-align: center;

font-size: 21px;

font-family: Perpetua, Times New Roman, serif;

font-weight: bold;

color: #000000;

margin-left: 10px;

border: 7px solid #001472;

border-style: double;

}



/* ---end of rightside homepage content--- */



#footer {

background: transparent;

text-align: center;

font-size: 12px;

font-family: Trebuchet MS, Perpetua, Times New Roman, serif;

color: #001472;

}



#footer a {

font-family: Trebuchet MS, Perpetua, Times New Roman, serif;

color: #ffffff;

border-bottom: 1px dotted;

}

/* normal: most regular body text */

.normal {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 12px;

}



/* smfieldname: small text used in conjunction with .fieldname style text */

.smfieldname {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 10px;

	color: white;

}



/* fieldname: regular text within column or row title sections */

.fieldname {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 12px;

	color: white;

}



/* header: heading text */

.header {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 

	font-size: 21px;

	color: #000099;

}



/* whiteheader: heading text used on dark backgrounds (usually fieldnameback) */

.whiteheader {

	font-family: Arial, Helvetica, sans-serif; 

	color: #FFFFFF;

}



/* subhead: subheading text */

.subhead {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 16px;

}





/* link: normal links, active: links in use */

a:link, a:active {

	color : #000099;

text-decoration: none;

}



/* visited: previously visited links */

a:visited {

	color: #336666;

}



/* fieldnameback: background color for column and row title sections */

.fieldnameback {

	background-color: #000099;

	/*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: #bbbbbb;

	/*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;

list-style-type: none; 

}



/* 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: #333366;

}



/* 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.lightlink2: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;

}



/*these 2 lines added in 6.0*/



/*added in 6.0.0*/

/*added in 6.0.0*/

/*for css dropdown menus*/



#mnav, #mnav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

}



#mnav a {

	display: block;

	width: 6em;

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 11px;

	text-decoration:none;

}



#mnav li { /* all list items */

	float: left;

	width: 6em; /* width needed for Opera */

	margin-right: 2px;

	background: #e0e0f7; /*same as "databack" background color */

	border-bottom:1px solid #777;

	border-right:1px solid #777;

	border-top:1px solid #e0e0f7; /*same as "databack" background color */

	border-left:1px solid #e0e0f7; /*same as "databack" background color */

}



#mnav li ul { /* second-level lists */

	border-top: 1px solid #777;

	border-left: 1px solid #777;

	border-right: 1px solid #777;

	background: #ffffff;

	position: absolute;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#mnav li ul li {

	border: 0px;

	width: 10em;

	background: #eeeeee; /*inactive dropdown menu color*/

	margin-right: 0px;

	margin-top: 1px;

	border-bottom: 1px solid #777;

}



#mnav li ul li a {

	width: 12em;

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 12px;

	text-decoration:underline;

}



#mnav li:hover, #mnav li.sfhover { /* lists nested under hovered list items */

	background-color: #ffffff;

	border-top:1px solid #aaa;

	border-left:1px solid #aaa;

}



#mnav li:hover li, #mnav li.sfhover li { /* lists nested under hovered list items */

	border-top:none;

	border-left:none;

}



#mnav li:hover ul, #mnav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}