/* defaults for all links */
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  { text-decoration: none; }
td        
{ 
    padding-left: 12px; 
    padding-right: 12px; 
}
.site     { padding: 24px; }

/* header */
.site-header
{
    padding: 24px;    
}
.site-name 
{ 
    font-size:   48px; 
    font-weight: bold;
}
.site-name a:visited { color: black; }
.site-desc
{ 
    font-size:24px;
    color:  blue; 
}

/* nav bars */
ul.menu
{
    list-style-type: none;
    overflow:        hidden;
}
li.menu-item
{
    float:          left;
    font-size:      24px;
}
a.menu-item 
{
    display:        block;
    text-align:     center;
    padding:        24px;
}
a:visited.menu-item 
{
    color: black;
}
a:hover.menu-item 
{
    color: blue;
}

/* content */
.align-left     { text-align: left; }
.align-right    { text-align: right; }
.align-center   { text-align: center; }

.site-content
{
    padding-left:  24px;
    padding-right: 24px;
}
a.site-content
{
    font-size:   36px;
    font-weight: bold;
}
a:visited.site-content 
{
    color: black;
}
a:hover.site-content
{
    color: blue;
}

h1.white-on-gray
{
    margin:             0px;
    vertical-align:     middle;
    text-align:         left;
}
h3.white-on-blue
{
    margin:             0px;
    vertical-align:     middle;
    text-align:         center;
}

.white-on-gray
{
    color:           white;
    background-color:gray;
    padding-top:       48px;
    padding-left:      24px;
    padding-right:     24px;
    height:            75px;
}

.white-on-blue
{
    color:            white;
    background-color: rgba(27,109,186,1);
    padding-top:      36px;
    padding-left:     24px;
    padding-bottom:   24px;
    padding-right:    24px;
    height:           36px;
}

.light-gray-background
{
    background-color: lightgray;
}

.contact-info          { font-size: 18px; }
tr.contact-info        { vertical-align: top; }
.contact-form          { font-size: 18px; }
input.contact-form     { width: 100%; }
textarea.contact-form  { width: 100%; }

/* footer */
.site-footer
{
    padding:     24px;
    font-size:   18px;
    color:     gray;
}
.site-info
{
    padding-top: 24px;
}
.footer-menu-item
{
    text-align:  center;
    padding:     24px;
    font-size:   24px;
}
a:visited.footer-menu-item 
{
    color: gray;
}
a:hover.footer-menu-item 
{
    color: blue;
}