﻿body
{
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    margin: auto;
    text-align: center;
}

iframe { border: 0 }

.divContent
{
    width: 373px;
    margin: auto;
    text-align: left;
    background: url("../img/splash1.jpg") no-repeat;
    min-height: 400px;
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 50px;
    color: #999;
    font-size: smaller;
}

a:link, a:visited
{
    color: red
}

a:hover, a:active
{
    color: green;
}

.Button, .button { font-size: 8pt; }

.imgEmo { vertical-align: middle; margin: 2px; }

/* FRONT PAGE */
.divFrontPageContainer
{
    width: 800px;
    margin: 0 auto;
}

.headerTop 
{
    height: 192px;
    background: #fff url("../img/Family_header.jpg") no-repeat;
    width: 800px;
    height: 192px;
    text-align: center;
    padding-left: 50px;
}

.divAllReg
{
    float: left; 
    margin: 0 10px 0 10px; 
    text-align: left;
}

.divRegInfo
{
    float: left;
    clear: none;
    width: 195px;
    height: auto;
    font-size: 8pt;
}

.divRegInfo li
{
    list-style-position: outside;
    list-style-image: url(../img/check.png);
    padding-left: 5px;
    list-style-type: square;
    line-height: 16px;
    font-size: 8pt;
}

.divRegInfo li.semicheck
{
    list-style-position: outside;
    list-style-image: url(../img/checkOrange.png);
    list-style-type: square;
    padding-left: 5px;
    line-height: 16px;
}

.divRegInfo li.uncheck
{
    list-style-position: outside;
    list-style-image: url(../img/uncheck.png);
    list-style-type: square;
    padding-left: 5px;
    line-height: 16px;
}

.divRegInfo li.noImage
{
    list-style-image: none; list-style-type:none;
    font-size: 9pt; font-weight: bold;
}

.regHeadline
{
    font-size: 11pt;
    text-align: center; 
    font-weight: bold;
    color: #333;
}

.divSimpleInfo
{
    background: url("../img/regXtraInfoBack.png") no-repeat;
    padding: 5px;
    text-align: justify;
    margin: 1px;
}   

.divOverlay
{
    position: absolute; left: 0; top:0;
    background: #000;
    z-index: 98;
    width: 100%;
    height: 200%;
    filter:alpha(opacity=50); -moz-opacity:.50; opacity: .50;
}

.divOverlayText
{
    position: absolute; top: 0; left: 0;
    margin-left: 40%; margin-top: 250px;
    text-align: center;
    color: Black;
    width: 300px;
    height: 150px;
    padding: 10px;
    z-index: 99;
    background: #eee;
    border: double 3px white;
    filter:alpha(opacity=80); -moz-opacity:.80; opacity: .80;
}

a:link.navLink, a:visited.navLink
{
    display: block;
    float: left; clear: none;
    width: auto;
    margin-top: 84px;
    padding: 80px 5px 4px 5px;
    text-align: center;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
}

a:hover.navLink, a:active.navLink
{
    background: url("../img/navHover.png");
    color: black;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.regCenter {padding-left: 5px;}
.bottom 
{ 
    min-height: 85px; 
    height: auto; 
    background: url("../img/bottomback.png") repeat-x; 
    float: right; 
    text-align: right;
    width: 800px;
}

