html {
    margin: 0;
    padding: 0;
}

body 
{
    font-family: Helvetica, "Segoe UI", Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
}

#header
{
    text-align: center; 
    border: 0; 
    margin: 0; 
    padding: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

@media screen and (min-width: 0px)
{
    .header-size
    {
        width: 240px;
    }

    .header-fontsize
    {
        font-size: 2em;
    }

    .subheader-size
    {
        width: 240px; 
    }

    .subheader-text-fontsize
    {
        font-size: 0.65em; 
    }

    .main-size
    {
        width: 240px; 
    }

    .footer-size
    {
        width: 240px; 
    }

    .contact-size
    {
        width: 240px; 
    }

    .column
    {
        width: 240px;
    }
}

@media screen and (min-width: 800px)
{
    .header-size
    {
        width: 736px;
    }

    .header-fontsize
    {
        font-size: 4em;
    }

    .subheader-size
    {
        width: 736px; 
    }

    .subheader-text-fontsize
    {
        font-size: 0.85em; 
    }

    .main-size
    {
        width: 736px; 
    }

    .footer-size
    {
        width: 736px; 
    }

    .contact-size
    {
        width: 736px; 
    }

    .column
    {
        width: 240px;
        float: left;
    }
}

#header-title
{
    font-style: italic;
    font-weight: bold;
    font-family: Helvetica, "Segoe UI", Verdana, Sans-Serif;
    padding-bottom: 6px;
}

#header-title a
{
    text-decoration: none;
}

#subheader
{
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    padding-bottom: 6px;
}

#subheader-spacing
{
    padding: 2px; 
    margin-top: 6px;
}

#subheader-text
{
    font-style: italic; 
    padding: 6px;
}

#main 
{
    overflow: hidden; 
    margin: 0px auto; 
}

#footer
{
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
}

#footer-spacing
{
    padding: 2px; 
    margin-top: 6px;
}

#footer-text
{
    font-size: 0.85em; 
    font-style: italic; 
    _padding: 3px;
}

#contact
{
    margin-top: 6px;
    margin-left: auto; 
    margin-right: auto; 
}

#contacttext
{
    font-size: 0.75em; 
    margin: 0px 3px 0px 3px;
}

#contact a
{
    text-decoration: none;
}

.column-margin
{
    margin-right: 8px;
}

.category
{
    width: 240px; 
    border-width: 0px; 
    margin: 0px; 
}

.category-border
{
    padding: 2px;
}

.category-title
{
    font-weight: bold; 
    padding: 3px;
    min-height: 18px;
}

.category-content .category-content2
{
    margin: 0px;
}

.category-spacer 
{
    padding-bottom: 5px; 
}

.single-entry
{
    overflow: hidden;
}

.stars
{
    width: 47px; 
    float: left; 
    vertical-align: middle;
}

.title
{
    width: auto; 
    float: left; 
    vertical-align: middle;
}

a.title
{
    text-decoration: none;
    font-size: 0.75em;
}

.info
{
    width: 12px; 
    vertical-align: middle; 
    margin-right: 3px; 
    float: right; 
}

.windowImage
{
    width: 15px; 
    height: 13px; 
    border: 0px;
}

.info-main-border
{
    border-width: 3px;
    border-style: solid;
}

.info-popup
{
    border-width: 0px; 
    margin: 0px; 
}

.info-border
{
    padding: 2px;
    width: 230px;
}

.info-title
{
    font-size: 0.75em;
    font-weight: bold;
    padding: 3px;
}

.info-item
{
    margin: 3px;
    font-size: 0.75em;
    padding: 0px 0px 0px 3px;
}

.emptytopten
{
    width: auto; 
    text-align: center;
    font-size: 0.75em;
}

::-ms-reveal {
    display: none;
}
/* event calendar items */

.event-cal
{
    float: left;
    margin: 2px; 
    margin-top: 0px; 
    padding: 2px; 
    padding-right: 5px; 
    min-width: 40px; 
    min-height: 40px;
    text-align: right;
    font-size: 0.95em;
    font-weight: bold;
}

.event-desc
{
    float: left;
    margin-left: 2px;
}

.event-title
{
    font-size: 0.75em; 
    font-weight: bold;
}

.event-link
{
    text-decoration: none;
}

.event-date
{
    color: lightgray;
    font-size: 0.5em;
}

.event-loc
{
    font-size: 0.65em;
}