/* Global Styles */
 #defaultPage
{   
    background-image: url('Images/greenbgrdgradient_long.png');
    background-repeat: repeat-x;
}
body
{
    font-family: Times New Roman,Sans-Serif; /* background-color: #F2EED9; */
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;    
}
div
{
    /*  border: thin dotted #800000;   */
}
p, h1, h2, h3, h4, h5, h6, li 
{
    /* margin: 1ex 1em; */
  
}

a:link,a:active
{
    text-decoration:none;
      color: #063799;
}

a:visited
{
    text-decoration: none;
    color: #666666;
}


a:hover
{
    text-decoration:underline;
}

div
{
    padding: 0px;
    margin: 0px;
}

h1
{
    padding: 30px 0px 0px 0px;
    margin: 0px;
    font-family: Georgia;
    font-size: x-large;
    color: #047230;
}

h1 span
{
    font-size: small;
    color: #666666;
    vertical-align: super;
    display: block;
}

h2
{
    font-size: medium;
    text-align: left;
    margin-right: 0px;
}

h3
{
    text-decoration: underline;
    text-align: center;
    font-weight: bold;
}
h4
{
    text-align: left;
    vertical-align: bottom;
    margin-top: 0px;
}

#logo
{
    margin: 0px;
    padding: 0px;
    float: left;
    clear: left;
}

#dirTitle
{
    color: #047230;
    margin-top: -15px;
    margin-bottom: -10px;
   
}
 
 #dirTitle h2
{
    font-size: large;
}
   
#statusPanel
{
    margin-bottom: 10px;
    font-size: small;
}
    
#statusCount
{
    color: #047230;
    font-weight: bold;
    font-size: medium;
}        
#WaterMark
{
    background-image: url('Images/treeoutlinegray10.png');
    width: 770px;
    height: 650px;
    float: right;
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: -1;
}

/* Main Name Directory Styles */
div#divWelcomeInfo
{
  /*    float:left;
  background-color: #FFFFCC;   */
 
}
    
#welcomeTitle
{
    text-align: left;
    font-size: xx-large;
}



#tblFamilyNames
{
    
}

#tblFamilyMembers
{
    width: 100%;
}



#divWelcomeInfo
{
    font-size: small;
}

/* Tree View (Person centric) Styles */
#welcomeBody
{
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    clear: both;
}
#divWelcomeContact
{
  margin-right: 2%;
    margin-left: 2%;
}

#tbdPanel
{
    width: 450px;
    margin-bottom: 7px;
    font-size: medium;
    margin-left: 8px;
    font-weight: bold;
}
#tbdCaption
{
    font-size: large;
    color: #047230;
    font-weight: normal;
}

.scrNameList
{
    /*  background-color: #C0C0C0; */
    width: 400px;
    height: 440px;
}
#dataPanel
{
    margin-right: 2%;
    margin-left: 2%;
     padding-bottom: 10px;
    width: 950px;
}
#mainPanel
{
    height: 100%;
}
#namePanelContainer
{
    border: thin solid #808080;
    padding: 10px 25px 25px 25px;
    width: 450px;
    float: left;
}
#nameListPanel
{
   
    width: 450px;
    border: thin solid #808080;

}
#panPersons
{
    width: 450px;
    white-space: nowrap;
}

/*
#test
{
    background-color: #DCD198; 
    overflow: auto;
    float: left;
    width: 400px;
    height: 350px;
}
*/

.clear
{
    clear:both;
}
#hello
{
    text-align: right;
}

#socialNet
{
    width: 350px;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #808080;
    margin-bottom: 15px;
}

#socialNetButtons
{
    text-align: right;
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}
#socialNetButtonsText
{
    text-align: right;
    font-size: large;
    float: left;
    padding-left: 15px;
    color: #047230;
}



#rightPanel
{
    float: right;
    width: 400px;
}
#linksPanel h3
{
    margin: 0px 0px 10px 0px;
}


.linkList
{
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 40px;
    width: 20%;
    font-size: small;
}

.linkList p
{
    margin: 0px;
    padding-top: 0px;
}

.linkList  h4
{
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
}




#adsPanel
{   
    float: left;
    width: 200px;
}
 img#adsPanel
        {
            float: left;
        }

#linkHome
{
    font-size: medium;
    margin: 0px 0px 0px 30px;
}
/*
#linkHome
{
    padding: 5px;
    float: left;
    clear: left;
    text-align: center;
    width: 400px;
}
*/

#trgPerson h1
{
    font-size: large;
    color: #333;
}
#divPersonFooter
{
    width: 0%;
    height: 0px;
    margin-top: 0px;
}
#personAds
{
    margin-right: auto;
    margin-left: auto;
    width: 740px;
    clear: both;
    margin-top: 40px;
}
#personLinks
{
    float: left;
}

#personLinkHome
{
    float: left;
    width: 200px;
    vertical-align: bottom;
}
#personLinkHomeBottom
{
    float: left;
    width: 250px;
    vertical-align: top;
}

#personLinkHomeBottom p
{
    padding: 0px;
    margin: 0px 0px 0px 25px;
}

#personSocial
{
    margin-right: 25px;
    float: right;
}
#tblFooter
{
    width: 100%;
    height: 100%;
}
#SiteSearchMain
{
    margin-bottom: 0px;
    text-align: center;
    width: 400px;
}
SiteSearchPerson
{
    width: 100%;
    text-align: center;
}

#footerPanel
{
    padding: 0px;
    margin: 0px;
    background-image: url('Images/bgrad.png');
    background-repeat: repeat-x;
    width: 100%;
}

#linksPanel h3
{
    text-align: left;
    color: #047230;
    text-decoration: none;
    padding-top: 20px;
    padding-left: 30px;
}