/* CSS Document */

map.sel { cursor:hand }


/* BUTTONS - all */
div.button {
	display: block;
	background-color: transparent;
	overflow: hidden;	
	font-family: "Arial Narrow", Arial, Tahoma, Sans-serif, "Times New Roman";
}

div.cmd {
	display: block;
	background-color: transparent;
	overflow: hidden;	
	font-family: Arial, Tahoma, Sans-serif, "Times New Roman";
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Purple - MAIN */
/* -------------------------------------------------------------------------------------------------------------------- */

div.button a.purpleM1 {
	display: block;
	background: url(/Logos/buttons/purple_buttonM1.gif) 0 0 no-repeat;
	width: 130px;
	height: 37px;
	padding: 3px 2px 2px 2px;
	color: #FFEB94;
	font-size: 26px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 0px;
}

div.button a.purpleM2 {
	display: block;
	background: url(/Logos/buttons/purple_buttonM2.gif) 0 0 no-repeat;
	width: 168px;
	height: 46px;
	color: #FFEB94;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 0px;
}

div.button a.M2 {
	font-size: 26px; 
	padding: 7px 1px 6px 1px;
}

div.button a.M2X1 { 
	font-size: 16px; 
	padding: 11px 2px 2px 2px;
}

div.button a.M2X2 { 
	font-size: 16px; 
	padding: 2px 2px 2px 2px;
}




/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Purple - left menu */
/* -------------------------------------------------------------------------------------------------------------------- */

div.button a.purple1, a.purpleSel1 {
	display: block;
	background: url(/Logos/buttons/purple_button1.gif) 0 0 no-repeat;
	width: 130px;
	height: 30px;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

div.button a.purple2, a.purpleSel2 {
	display: block;
	background: url(/Logos/buttons/purple_button2.gif) 0 0 no-repeat;
	width: 130px;
	height: 37px;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}


/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Purple - left menu: mouse-over */
/* -------------------------------------------------------------------------------------------------------------------- */

div.button a.purple1:link, a.purple1:visited, a.purple2:link, a.purple2:visited,
	a.purpleM1:link, a.purpleM1:visited, a.purpleMX1:link, a.purpleMX1:visited, 
	a.purpleM2:link, a.purpleM2:visited, a.purpleMX2:link, a.purpleMX2:visited {
	color: #FFEB94!important;
	text-decoration:none;
}

div.button a.purple1:hover, a.purple2:hover, a.purpleM1:hover, a.purpleMX1:hover, a.purpleM2:hover, a.purpleMX2:hover {
	color: #FFFF97!important;
	text-decoration:none;
}

div.button a.purple1:active, a.purple2:active, a.purpleM1:active, a.purpleMX1:active, a.purpleM2:active, a.purpleMX2:active {
	color: #DDC972!important;
	text-decoration:none;
}

div.button a.purple1, a.purple2 {
	color: #FFEB94;
	text-decoration:none;
}

div.button a.purpleSel1:link, a.purpleSel1:visited, a.purpleSel1:active, a.purpleSel1:hover, 
		   a.purpleSel2:link, a.purpleSel2:visited, a.purpleSel2:active, a.purpleSel2:hover {
	color: #FFFFCC;
	text-decoration:none;
}



/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Blue - left menu */
/* -------------------------------------------------------------------------------------------------------------------- */

div.button a.blue1:link, a.blue1:visited, a.blue2:link, a.blue2:visited, 
	       a.blueM1:link, a.blueM1:visited, a.blueM2:link, a.blueM2:visited {
	color: #FFEB94!important;
	text-decoration:none;
}

div.button a.blue1:hover, a.blue2:hover, a.blueM1:hover, a.blueM2:hover {
	color: #FFFEC7!important;
	text-decoration:none;
}

div.button a.blue1:active, a.blue2:active, a.blueM1:active, a.blueM2:active {
	color: #DDC972!important;
	text-decoration:none;
}

div.button a.blueM1 {
	display: block;
	background: url(/Logos/buttons/blue_buttonm.gif) 0 0 no-repeat;
	width: 130px;
	height: 37px;
	padding: 3px 2px 2px 2px;
	color: #FFEB94;
	font-size: 26px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 0px;
}

div.button a.blueM2 {
	display: block;
	background: url(/Logos/buttons/blue_buttonm2.gif) 0 0 no-repeat;
	width: 160px;
	height: 42px;
	padding: 3px 2px 2px 2px;
	color: #FFEB94;
	font-size: 26px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 0px;
}

div.button a.blue1, a.blueSel1 {
	display: block;
	background: url(/Logos/buttons/blue_button1.gif) 0 0 no-repeat;
	width: 130px;
	height: 30px;
    padding: 7px 2px 2px 2px;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

div.button a.blue2, a.blueSel2 {
	display: block;
	width: 138px;
	height: 45px;
    padding: 1px 2px 2px 2px;
	color: #FFEB94;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 5px;
	margin-top: 3px;
}

div.button a.blue1, a.blue2 {
	color: #FFEB94;
	text-decoration:none;
}

div.button a.blueSel1, a.blueSel2 {
	color: #FFFFCC;
	text-decoration:none;
}

div.button a.blueSel1:link, a.blueSel1:visited, a.blueSel1:active, a.blueSel1:hover, 
		   a.blueSel2:link, a.blueSel2:visited, a.blueSel2:active, a.blueSel2:hover {
	color: #FFFFCC;
	text-decoration:none;
}



/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Yellow - Main */
/* -------------------------------------------------------------------------------------------------------------------- */

/* BUTTONS - Yellow, with purple text */
div.button a.yellowpurple1:link, a.yellowpurple1:visited, a.yellowpurple2:link, a.yellowpurple2:visited, 
	a.yellowpurple0:link, a.yellowpurple0:visited  {
	color: #7C5C74!important;
	text-decoration:none;
}

div.button a.yellowpurple1:hover, a.yellowpurple2:hover, a.yellowpurple0:hover {
	color: #5A3A52!important;
	text-decoration:none;
}

div.button a.yellowpurple1:active, a.yellowpurple2:active, a.yellowpurple0:active {
	color: #9E7E96!important;
	text-decoration:none;
}


/* BUTTONS - Yellow, with blue text */
div.button a.yellowblue1:link, a.yellowblue1:visited, a.yellowblue2:link, a.yellowblue2:visited {
	color: #0474BC!important;
	text-decoration:none;
}

div.button a.yellowblue1:hover, a.yellowblue2:hover {
	color: #02529A!important;
	text-decoration:none;
}

div.button a.yellowblue1:active, a.yellowblue2:active {
	color: #2696DE!important;
	text-decoration:none;
}



/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Purple - Main */
/* -------------------------------------------------------------------------------------------------------------------- */

/* BUTTONS - Purple with yellow text */
div.button a.purpleyellow1:link, a.purpleyellow1:visited, a.purpleyellow2:link, a.purpleyellow2:visited {
	color: #FFEB94!important;
	text-decoration:none;
}

div.button a.purpleyellow1:hover, a.purpleyellow2:hover {
	color: #FFFF97!important;
	text-decoration:none;
}

div.button a.purpleyellow1:active, a.purpleyellow2:active {
	color: #DDC972!important;
	text-decoration:none;
}




/* BUTTONS - Yellow, image - RM = Right-Menu */
div.button a.yellowpurple1, a.yellowblue1 {
	display: block;
	background: url(/Logos/buttons/yellow_button_RM1.gif) 0 0 no-repeat;
	width: 208px;
	height: 34px;
    /* padding: 9px 6px 6px 6px; */
	color: #7C5C74;
	font-size: 16px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 20px;
	margin-top: 3px;
}

div.button a.yellowpurple2, a.yellowblue2 {
	display: block;
	background: url(/Logos/buttons/yellow_button_RM2.gif) 0 0 no-repeat;
	width: 207px;
	height: 50px;
	color: #7C5C74;
	font-size: 16px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 20px;
	margin-top: 3px;
}


/* BUTTONS - Purple, image - RM = Right-Menu */
div.button a.purpleyellow1 {
	display: block;
	background: url(/Logos/buttons/purple_button_RM1.gif) 0 0 no-repeat;
	width: 200px;
	height: 34px;
    /* padding: 9px 6px 6px 6px; */
    padding: 0px 0px 0px 0px;
	color: #FFEB94;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

div.button a.purpleyellow2 {
	display: block;
	background: url(/Logos/buttons/purple_button_RM2.gif) 0 0 no-repeat;
	width: 207px;
	height: 50px;
    /* padding: 9px 6px 6px 6px; */
    padding: 0px 0px 0px 0px;
	color: #FFEB94;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}



div.button a.yellowpurple0 {
	display: block;
	color: #7C5C74;
	text-align: center;	
	font-weight: bold;
    padding: 7px 6px 5px 6px;
}

div.button a.buttonsize1 {
	font-size: 16px;
}

div.button a.buttonsize2 {
	font-size: 12px;
}





/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Blue - Main */
/* -------------------------------------------------------------------------------------------------------------------- */

/* BUTTONS - Purple with yellow text */
div.button a.blueyellow1:link, a.blueyellow1:visited, a.blueyellow2:link, a.blueyellow2:visited {
	color: #FFEB94!important;
	text-decoration:none;
}

div.button a.blueyellow1:hover, a.blueyellow2:hover {
	color: #FFFF97!important;
	text-decoration:none;
}

div.button a.blueyellow1:active, a.blueyellow2:active {
	color: #DDC972!important;
	text-decoration:none;
}

/* BUTTONS - Purple, image - RM = Right-Menu */
div.button a.blueyellow1 {
	display: block;
	background: url(/Logos/buttons/blue_button_RM1.gif) 0 0 no-repeat;
	width: 200px;
	height: 34px;
    /* padding: 9px 6px 6px 6px; */
    padding: 0px 0px 0px 0px;
	color: #FFEB94;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

div.button a.blueyellow2 {
	display: block;
	background: url(/Logos/buttons/blue_button_RM2.gif) 0 0 no-repeat;
	width: 207px;
	height: 50px;
    /* padding: 9px 6px 6px 6px; */
    padding: 0px 0px 0px 0px;
	color: #FFEB94;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}



div.button a.blueyellow0 {
	display: block;
	color: #7C5C74;
	text-align: center;	
	font-weight: bold;
    padding: 7px 6px 5px 6px;
}






/* -------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS - Common text padding/spacing within button */
/* -------------------------------------------------------------------------------------------------------------------- */

/* top, right, bottom, left */
div.button a.s1l1M { padding: 4px 6px 1px 6px; }
div.button a.s1l2M { padding: 5px 6px 1px 6px; }
div.button a.s2l1M { padding: 14px 6px 1px 6px; }
div.button a.s2l2M { padding: 5px 6px 1px 6px; }

div.button a.s1l1 { padding: 7px 2px 2px 2px; }
div.button a.s1l2 { padding: 2px 2px 2px 2px; }
div.button a.s2l1 { padding: 9px 2px 2px 2px; }
div.button a.s2l2 { padding: 2px 2px 2px 2px; }

div.button a.s3la { padding: 12px 3px 3px 3px; }
div.button a.s3lb { padding: 5px 3px 3px 3px; }
div.button a.s3lc { padding: 3px 3px 3px 3px; }
div.cmd a.s3la 	  { padding: 14px 3px 3px 3px; }

div.button a.s3laM { padding: 12px 3px 3px 3px; }
div.button a.s3lbM { padding: 5px 3px 3px 3px; }
div.button a.s3lcM { padding: 3px 3px 3px 3px; }



div.cmd a.cmd1 {
	display: block;
	background: url(/Logos/buttons/cmd1.gif) 0 0 no-repeat;
	width: 100px;
	height: 45px;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

div.cmd a.cmd1:link, a.cmd1:visited {
	color: #ffff00!important;
	text-decoration:none;
}

div.cmd a.cmd1:hover {
	color: #FFFEC7!important;
	text-decoration:none;
}

div.cmd a.cmd1:active {
	color: #ffff00!important;
	text-decoration:none;
}

div.cmd a.cmd1 {
	color: #FFEB94;
	text-decoration:none;
}


/* Family Tree */
div.FamilyTreeInput {
	display: block;
	background: url(/logos/backgrounds/tree1.gif) 0 0 no-repeat;
	width: 499px;
	height: 521px;
	padding: 140px 20px 50px 50px;
	color: #000000;
	background-color:#FFFFFF;
	font-size: 12px;
	text-align: center;	
	text-decoration: none;	
	font-weight: normal;
	margin-left: 10px;
	margin-top: 20px;
}

.bcYelA  { background-color:#FFFFDD }	/* yellow - light-light */
.bcWhite { background-color:#FFFFFF }	/* white */