/* tufat.css */

#preload {
	display:none;
    width: 8px;
    height: 30px;
    display: none;
    background-image: url('/familytree/images/Acardilla/roundedge-brown-left.gif');
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.optionBack {
	background-color: #E4CC9C;
}

body {
	background-color: #E4CC9C;	/*E8ECCB = ANCESTRY(lite tan) || E4CC9C = Dark Tan || D3D0EB = Org Blue */
}

/* *************** Link Buttons ************ */
button {
	display: inline;
	background-color: transparent;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
button.edit {
	display: inline;
	background-color: transparent;
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
/* *************** Index Frames ************* */
table.frames {
	background-color: #E4CC9C;	/* same as body "background-color" */
	border-width: 3px;			/* 1px 2px 3px 4px 5px thin medium thick 0px */
	border-style: solid; 		/* outset none hidden dotted dashed solid double ridge groove inset */
	border-color: #003300;		/* gray white blue green black red or CUSTOM # */
	border-spacing: 2px;  		/*  cellspacing */
	width: 80%;
	height: 380px;
}
table.frames td {
	border-width: 1px 1px 1px 1px;	/* 1px 2px 3px 4px 5px thin medium thick 0px */
	padding: 2px 2px 2px 2px;		/* 1px 2px 3px 4px 5px 0px */
	border-style: inset inset inset inset;	/* inset none hidden dotted dashed solid double ridge groove outset */
	border-color: gray gray gray gray;		/* gray white blue green black red or CUSTOM # */
	background-color: #E8ECCB;
	-moz-border-radius: 3px 3px 3px 3px;	/* 0px 3px 6px 9px 12px */
}
table.whatsnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #E4CC9C;	/* same as body "background-color" */
	border-width: 3px;			/* 1px 2px 3px 4px 5px thin medium thick 0px */
	border-style: solid; 		/* outset none hidden dotted dashed solid double ridge groove inset */
	border-color: #003300;		/* gray white blue green black red or CUSTOM # */
	border-spacing: 3px;  		/*  cellspacing */
	width: 90%;
}
table.whatsnew td {
	padding: 3px 3px 3px 3px;		/* 1px 2px 3px 4px 5px 0px */
	background-color: #E8ECCB;
	-moz-border-radius: 3px 3px 3px 3px;	/* 0px 3px 6px 9px 12px */
}
/* ******************************************* */

.errorBody {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #FF0000;
}
.errorTitle {
	font-family: Arial, Helvetica;
	font-size: 18px;
	color: #000000;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
}

A {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #3D3D1C;
}

A:hover {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0C5E04;
}

/* NOTE: leftNavItemNoLink font size/color should reflect A.leftNavItem font size/color. */

A.leftNavItem {
	text-decoration: underline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFF99;
	font-weight: normal;
}
.leftNavItem {
	text-decoration: underline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFF99;
	font-weight: normal;
}
.leftNavItemNoLink {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #FFFF99;
	font-weight: normal;
	text-decoration: underline;
}
A.leftNavItem:hover {  
	text-decoration: underline; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-weight: normal;
	font-size: 12px; 
	color: #FFFFFF;
}
.leftNavItem:hover {  
	text-decoration: underline; 
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
}

A.largeLink {
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0000FF;
}

A.largeLink:hover {  
	text-decoration: underline; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #FF0000;
}

A.pinkLink {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF33CC;
}

A.pinkLink:hover {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FF33CC;
}

A.blueLink {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}

A.blueLink:hover {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #0000FF;
}

A.pinkLinkNormal {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF33CC;
}

A.pinkLinkNormal:hover {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF33CC;
}

A.blueLinkNormal {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
}

A.blueLinkNormal:hover {  
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0000FF;
}

A.subtitleLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline; 
}

.pinkNormal {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF33CC;
}

.blueNormal {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
}


.backgroundColor {
	background-color: #Fafad2;
}
.normalBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.sons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
.daughters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
.marriages {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
}
.normalSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
.leftNavHeader {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.normalRed {
	color: #FF0000;
}
.normalLarge {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.spouses {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}
A.smallLink {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}
A.smallLink:hover {
	text-decoration: underline; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FF0000;
}
.siblings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	font-style: italic;
}

.topMenu {COLOR: white; font-weight: bold;}
.topMenu:hover {COLOR: #ff9900;}

A.bottMenu{FONT-SIZE: 10px;}

.pagePath{
    COLOR: #FFFF99;
    FONT-SIZE: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    FONT-WEIGHT: normal;
    text-decoration: none;
}
.pagePathLink{
    COLOR: #FFFF99;
    FONT-SIZE: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
}
.pagePathLink:hover{
    COLOR: #FFFFFF;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    TEXT-DECORATION: underline;
}
.fixed{
    font-family : Verdana, Helvetica,Arial, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.boxTop{
    BACKGROUND-COLOR: #993300;
	COLOR: #ff9900;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-align:center;
}
.menuLeft
{
	padding: 0px 0px 0px 1px;
}

.menu2Header
{
    COLOR: #993300;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    font-weight : normal;
	padding: 0px 0px 1px 1px;
}

.menu2Desc
{
    COLOR: black;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    font-weight : normal;
	padding: 0px 0px 1px 1px;
}

.menuVertHeader
{
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
    font-weight : normal;
	padding: 0px 0px 1px 0px;
}

.menuVertDesc
{
	padding: 0px 0px 1px 1px;
}

.MenuItem{
    COLOR: #000000;
    FONT-SIZE: 11px;
    font-family: Arial, helvetica; 
    FONT-WEIGHT: bold;
    text-decoration: none;
}
.MenuItem:hover{
    COLOR: #FFFFFF;
    FONT-SIZE: 11px;
    font-family: Arial, sans-serif; 
    FONT-WEIGHT: bold;
    text-decoration: none;
}
.MenuMain{
    COLOR: #000000;
    FONT-SIZE: 12px;
    font-family: Arial, sans-serif; 
    FONT-WEIGHT: bold;
    text-decoration: none;
}
.MenuMain:Hover{
    COLOR: #000000;
    FONT-SIZE: 12px;
    font-family: Arial, sans-serif; 
    FONT-WEIGHT: bold;
    text-decoration: none;
}

/************************ Button styles *********************/

a.boldbuttons{
background: transparent url('images/Acardilla/roundedge-brown-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 	/* Change 13px as desired */
line-height: 22px; 	/* Value +4px +4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px;		/* Height of button background height */
width: 185px;		/* Min Width for IE */
/* min-width: 145px; */	/* Miniumum size */
max-width: 185px; 	/* Max Width size */
padding-left: 8px; 	/* Width of left menu image */
text-decoration: none;
}

a.smallbuttons{
background: transparent url('images/Acardilla/roundedge-brown-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 11px Arial; 	/* Change 13px as desired */
line-height: 22px; 	/* Value +4px +4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; 		/* Height of button background height */
padding-left: 8px; 	/* Width of left menu image */
text-decoration: none;
}

a.smallbuttons span{
background: transparent url('images/Acardilla/roundedge-brown-right.gif') no-repeat top right;
display: block;
padding: 4px 8px 4px 0px; /* Set 10px to be equal or greater than 'padding-left' value above. (10=right space & 2=left space) */
}

a:hover.smallbuttons{ 	/* Hover state CSS */
font: bold 11px Arial; 	/* Change 13px as desired */
line-height: 22px; 		/* Value +4px +4px (top and bottom padding of SPAN) must equal height of button background (default=30px)*/
height: 30px; 			/* Height of button background height */
text-decoration:none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons, .boldbuttons, a:hover.smallbuttons, .smallbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/Acardilla/roundedge-brown-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /* Set 10px to be equal or greater than 'padding-left' value above. (10=right space & 2=left space) */
}

a:hover.boldbuttons{ /* Hover state CSS */
font: bold 13px Arial; 	/* Change 13px as desired */
line-height: 22px; 	/* Value +4px +4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; 	/* Height of button background height */
text-decoration:none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/**************************************************************/