body
{
background-image: url('../pix/bkgrnd1.gif');
background-attachment: fixed;
FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; 
font-size: 14px; font-weight: bold;
color: #000000;
}

/* pseudo-classes */
a:link    {color: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:visited {color: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active  {color: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover   {color: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; background: #0000FF}

a:link.nu    {color: #0000FF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-WEIGHT: bold}   /* no underline */
a:visited.nu {color: #0000FF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active.nu  {color: #0000FF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover.nu   {color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 14px; FONT-WEIGHT: bold; background: #0000FF}

a:link.blue    {COLOR: #880088; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:visited.blue {COLOR: #880088; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:active.blue  {COLOR: #880088; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:hover.blue   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #0000FF; FONT-FAMILY: Times, "Times New Roman", serif;}

a:link.body    {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:visited.body {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:active.body  {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Times, "Times New Roman", serif;}
a:hover.body   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FF0000; FONT-FAMILY: Times, "Times New Roman", serif;}

a:link.red     {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:visited.red  {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active.red   {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover.red    {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FF0000}

a:link.yellow    {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:visited.yellow {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active.yellow  {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover.yellow   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFF00}

a:link.green    {COLOR: #006600; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:visited.green {COLOR: #006600; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active.green  {COLOR: #006600; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover.green   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #006600}

a:link.white    {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:visited.white {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:active.white  {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold}
a:hover.white   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFFFFF}

a:link.small    {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:visited.small {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:active.small  {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:hover.small   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #0000FF}

a:link.smallred    {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold}
a:visited.smallred {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold}
a:active.smallred  {COLOR: #FF0000; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold}
a:hover.smallred   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FF0000}

a:link.head    {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:visited.head {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:active.head  {COLOR: #0000FF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold}
a:hover.head   {COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 11px; FONT-WEIGHT: bold; BACKGROUND-COLOR: #FFF0CF}

h1 {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FF0000;}
h2 {font-family: Times, "Times New Roman", serif; font-size: 16px; font-weight: bold; color: #0000FF;}
h2 {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 16px; font-weight: bold;color: #00FF00}
h3 {font-family: Times, "Times New Roman", serif; font-size: 24px; font-weight: bold; color: #0000FF;}
h4 {font-family: Times, "Times New Roman", serif; font-size: 36px; font-weight: bold; color: #0000FF; font-style: italic; text-align: center;}
h5 {font-family: Times, "Times New Roman", serif; font-size: 40px; font-weight: bold; color: #000000;}

/* margins for images - top, right, bottom, left */
.mt5  {padding: 5px 0 0 0;}
.mr5  {padding: 0 5px 0 0;}
.mb5  {padding: 0 0 5px 0;}
.ml5  {padding: 0 0 0 5px;}
.mt10 {padding: 10px 0 0 0;}
.mr10 {padding: 0 10px 0 0;}
.mb10 {padding: 0 0 10px 0;}
.ml10 {padding: 0 0 0 10px;}
.mt15 {padding: 15px 0 0 0;}
.mt20 {padding: 20px 0 0 0;}
.mb20 {padding: 0 0 20px 0;}
.mt50 {padding: 50px 0 0 0;}

ol        {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #000000;}
td        {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
.indent   {padding-left: 40px; line-height: 150%}
.indent20 {padding-left: 20px}
.indent40 {padding-left: 40px}
.largeb   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px; font-weight: bold; color: #0000FF;}
.small    {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #0000FF;}
.smallred {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000;}
.smallk   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; font-weight: normal; color: #000000;}
.smalltim {font-family: Times, "Times New Roman", serif; font-size: 14px; font-weight: normal; color: #0000FF;}
.vsmall   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #0000FF; text-align: right;}
P, ul     {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
li        {margin-bottom: 0.3em}

.headr    {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #FF0000}
.headb18  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; color: #000000}
.headr18  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; color: #FF0000}
.headb20  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #000000}
.headr20  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #FF0000}
.headg    {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #00FF00}
.headb    {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #0000FF}
.headbinv {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: #0000FF}
.headk    {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000}
.headru   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; color: #FF0000}
.headgu   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; color: #00FF00}
.headbu   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; color: #0000FF}
.headku   {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; color: #000000}
.headred  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #FF0000}
.headgrn  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #00FF00}
.headblu  {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #0000FF}
.red       {color: #FF0000}
.green     {color: #00FF00}
.darkgreen {color: #006600}
.blue      {color: #0000FF}
.white     {color: #FFFFFF}
.cream     {color: #FFFFCC}
.ired	   {color: #FF0000; font-style: italic;}
.iblue	   {color: #0000FF; font-style: italic;}
.strikeout {text-decoration: line-through;}

.head2     {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px; font-weight: bold;}
.head3     
{
font-family: Times, "Times New Roman", serif; font-size: 24px; font-weight: bold; color: #0000FF; font-style: italic;
}
.head3c     
{
font-family: Times, "Times New Roman", serif; font-size: 24px; font-weight: bold; color: #0000FF; font-style: italic;
text-align: center;
}
.head4     
{
font-family: Times, "Times New Roman", serif; font-size: 36px; font-weight: bold; color: #0000FF; font-style: italic;
text-align: center;
}

.mid       {text-align: center;}

.gap	   {margin-top: 4px; font-size: 1px;}
.gap1	   {margin-top: 1px; font-size: 1px;}
.gap2	   {margin-top: 2px; font-size: 1px;}
.gap4	   {margin-top: 4px; font-size: 1px;}
.gap6	   {margin-top: 6px; font-size: 1px;}
.gap8	   {margin-top: 8px; font-size: 1px;}
.gap10     {margin-top: 10px; font-size: 1px;}
.gap12     {margin-top: 12px; font-size: 1px;}
.gap14     {margin-top: 14px; font-size: 1px;}
.gap16     {margin-top: 16px; font-size: 1px;}
.gap20     {margin-top: 20px;}

.und       {text-decoration: underline;}
.undblue   {text-decoration: underline; color: #0000FF;}
.undred    {text-decoration: underline; color: #FF0000;}

/* ==================================================================================== */
/*                      commands above are from original hscc.css                       */
/*                      commands below are new for PHP version                          */
/* ==================================================================================== */

a.nav2:link    {color: #00f; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
a.nav2:visited {color: #00f; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
a.nav2:active  {color: #00f; TEXT-DECORATION: underline; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
a.nav2:hover   {color: #fff; TEXT-DECORATION: none; FONT-SIZE: 12px; FONT-WEIGHT: bold; background: #00f;}

#wrapper { 
        margin: 0 auto; width: 850px; height: 720px; padding: 0; position: relative;
}
#main	{width: 660px; margin: 0px auto 0px auto;
} 
.pageleft {
        position: relative; left: 2px; top: 2px; width: 175px; height: 470px; z-index: 1;
}
.pagebody {
        position: absolute; left: 180px; top: 120px; width: 663px; height: 595px; z-index: 3;
}
.pagetop  {
position: absolute; left: 180px; top: 10px; width: 650px; height: 120px; z-index: 2;
}
.logo     {
position: absolute; left: 25px; top: 20px; width: 130px; height: 95px; z-index: 1;
}

.h6 {font-family: Times, "Times New Roman", serif; font-size: 40px; font-weight: bold; color: #0000FF; text-align: center;
    font-style: italic; text-decoration: none; padding:5px; border-width: 6px; margin: 10px 0px 20px 0px;
    border-style: outset; border-color:#ff0; background-color:#ff0; width: 98%;
}

.arrowbox {
	position: absolute; 
	left: 133px; 
	top: 140px; 
	width: 10px; 
	height: 289px; 
	z-index: 3; 
	background-color: #FFFF99
}

.menubox {
	position: absolute; 
	left: 13px; 
	top: 130px; 
	width: 128px; 
	height: 300px; 
	z-index: 1; 
	background-color: #FFFF99;
	border: 6px #FFFFFF ridge; 
}

.menu    {
	position: absolute;
	width: 110px;
	height: 20px;
	z-index: 1;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0000FF;
	text-indent: 5px;
}

.arrow    {
	position: absolute;
	width: 10px;
	height: 20px;
	z-index: 1;
	left: 0px;
	font-family: Times, "Times New Roman", serif;
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	text-indent: 0px;
}

.box6		{padding:10px; border-width: 4px; margin: 10px 10px 10px 0px; border-style: ridge;
			border-color:#ffc; color:#333; background-color:#ffc; font-size: 12px;
			} 
.box7	{padding:10px; border-width: 0px; margin: 10px 10px 10px 0px; border-style: inset;
			border-color:#99f; color:#333; font-size: 12px;
			} 
.box8	{margin: 12px 20px 12px 0px; border-width: 0px; border-style: solid;
			float: right;
			}

.box9	{padding:10px; border-width: 0px; margin: 10px 0px 10px 10px; border-style: ridge;
			border-color:#99f; color:#333; font-size: 12px; float: right;
			width: 254px; 
			}

.box10	{padding:10px; border-width: 4px; margin: 10px 0px 10px 10px; border-style: ridge;
			border-color:#fff; color:#333; background-color:#fff; font-size: 12px; float: right;
			width: 255px; 
			}

.question {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;
			font-style: italic; font-weight: bold; color: #f00; display: block;
			}
.quest-c {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;
			font-style: italic; font-weight: bold; color: #f00; text-align: right;
			}
.map		{border-style:solid; border-width:thin; margin-top: 0px
		}
ul.home	        {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
                font-weight: bold; color: #000
                }
.colhomeleft	{float: left; width: 350px;
                border-width: 0px; border-style: solid
                }
.colhomeright	{float: right; width: 296px;
                border-width: 0px; border-style: solid
                }
.frame          {float: right; margin: 5px 0px 5px 5px;
                }				
tr.odd          {background-color: #ff6;
                }
table.join      {border-collapse: collapse; width: 100%;
                }

a.button:link, a.button:visited, a.button:active	
	{
	color: #00f; 
	background-color: #ff9;
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; font-weight: bold; display: block;
        }
a.button:hover    
        {color: #ff9; text-decoration: none; background-color: #00f;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px; font-weight: bold; display: block;
        }

a.nobutton:link, a.nobutton:visited, a.nobutton:active	
	{
	color: #00FFFF; 
	background-color: #ff9;
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; font-weight: bold; display: block;
        }
a.nobutton:hover    
        {
        color: #00FFFF; text-decoration: none; background-color: #ff9;
        text-align: left;
        font-size: 15px; font-weight: bold; display: block;
        }
.table4 {
        padding:5px 5px 0px 5px; background-color: #cfc;
        border-width: medium; border-style: double; border-color: #999;
        }
.table5 {
        padding:5px 10px 5px 10px; line-height: 1.5; text-align: center; background-color: #eee;
        border-width: medium; border-style: double; border-color: #999
        }
.table6 {
        padding:5px 5px 5px 5px; text-align: center; background-color: #9f9;
        border-width: thin; border-style: solid; border-color: #999
        }
.persp 	{
        background-color: #ccc; vertical-align: top; padding:5px;
	border: solid; border-style: ridge; border-color: #ccc; border-width: 6px;
        }
.margin	{
        padding-left:10px
        }
.hands 	{
        background-image: url(./images/hands_rd1.jpg);
	background-repeat:repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px; font-weight: bold; color: #fcc;
        }
.space89  {padding-left: 89px;}
.space196 {padding-left: 196px;}

/* following used in genealogy members interests */

.mi     {
        border-collapse: collapse; 
        background:#FFFFFF;
        width:700px;
        }

.tdmi   {
        align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;
        }

.c1 {width:28%; align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;}
.c2 {width:13%; align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;}
.c3 {width:23%; align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;}
.c4 {width:14%; align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;}
.c5 {width:25%; align:left; border: 1pt solid; padding: 0px 0px 0px 7px; text-align:left;}