*
{
     padding-top:0px;
     padding-left:0px;
     padding-right:0px;
     padding-bottom:0px;
     
     margin-top:0px;
     margin-left:0px;
     margin-right:0px;
     margin-bottom:0px;
}

body
{
     background-color:#fafafa;
     
     width:100%;
     font-family:Arial, Helvetica, sans-serif;
}

div
{
     margin-top:10px;
     margin-bottom:10px;
     margin-left:10px;
     margin-right:10px;
}
     
a.cleanA:link
{
     text-decoration:none;
     color:rgb(0,0,0);
}

a.cleanA:visited
{
     text-decoration:none;
     color:rgb(0,0,0);
}

a.cleanA:hover
{
     text-decoration:none;
}

a.cleanA:active
{
     text-decoration:none;
}



#pageHeader
{
     background-color:#eaeaea;
     
     /* subtract the border-width for the left and right of the page header borders */
     width:100% - 2px; 
     
     padding-top:20px;
     padding-left:20px;
     padding-right:20px;
     padding-bottom:20px;
}

#pageHeaderTitle
{
     font-family:Playfair Display,sans-serif;
     font-size:xx-large;
}

#pageHeaderMenuBar
{
     margin-top:40px;
     min-height:40px;
}

.pageHeaderTopMenu
{
     background-color:#e5e5e0;
     
     display:inline-block;
     vertical-align:top;
     text-align:center;

     margin-left:5px;
     margin-right:5px;
     
     font-size:110%;
     width:100px;
     max-width:100px;
     /* height must be 4px less than pageHeaderMenuBar to accommodate border growth on hover */
     height:40px;

     line-height:40px;

     border-style:solid;
     border-width:1px;
     border-top-color:#ffffff;
     border-left-color:#ffffff;
     border-right-color:#000000;
     border-bottom-color:#000000;
}

.pageHeaderTopMenu:hover
{
     font-size:120%;
     background-color:#dadad5;
}

.pageHeaderTopMenu:active
{
     background-color:#eaeae5;
     
     border-top-color:#000000;
     border-left-color:#000000;
     border-right-color:#ffffff;
     border-bottom-color:#ffffff;
}

.contentWrapper
{
     width:80%;     
     margin-left:10%;
     margin-right:10%;
}

.pageIntro
{
     font-size:larger;
     margin-bottom:40px;
}

#pageContent
{
     min-height:200px;

     margin-top:50px;
     margin-bottom:50px;
                    
     vertical-align:top;
}

#pageFooter
{
     background-color:#eaeaea;

     margin-top:20px;
     margin-bottom:20px;
     
     width:100%;
}

#pageFooterCopyright
{
     font-size:smaller;
     font-weight:600;     

     text-align:center;
}

input, select, textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}