body 
{
    margin: 0 0 0 0;
    background-color: #fffab8;
    color: White;
}

img 
{
    border: none;
}

ul.other
{
    list-style-position: outside;
    list-style-type: square;
    margin-top: 0px;
}

ul.activities
{
    list-style-position: outside;
    list-style-type: square;
    margin-top: 0px;
    padding: 0px;
}

ul.activities li
{
    margin: 0em 0em 0.75em 0em;
}

#root_container 
{
    width: 1000px;
    height: 1000px;
    background-color: #336600;
    background-image: url('images/bg_vertical.jpg');
    background-repeat: repeat-y;
    color: White;
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 14pt;
    /* Would like to add a border, but doesn't work */
}

#divMap
{ /*
    border-left: #330066 2px solid;
    border-right: #330066 2px solid;
    border-top: #330066 2px solid;
    border-bottom: #330066 2px solid; */
    border: 0;
    margin: 5px 5px 5px 5px;
    text-align: left;
}

h1 
{
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 48pt;
    font-style: normal;
}

h2 
{
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 36pt;
    font-style: normal;
}

h3
{
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 18pt;
    font-style: normal;
}

h4
{
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 10pt;
    font-style: italic;
}

a:link 
{
    color: #220055;
    text-decoration: underline;
}

a:active 
{
    color: #220055;
    text-decoration: underline;
}

a:visited 
{
    color: #220055;
    text-decoration: underline;
}

a:hover 
{
    color: #FF00FF;
    text-decoration: underline;
}

.button_cell 
{
    background-image: url('images/button_bg.jpg');
    background-repeat: no-repeat;
    width: 202px;
    height: 48px;
    font-family: Arial, Sans-Serif;
    font-size: 16pt;
    font-style: oblique;
    color: Black;
    text-align: center;
    vertical-align: middle;
}

/* The order of the link entries is important! */
.button_link:link
{
    color: Black;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-style: oblique;
    text-decoration: none;
}
.button_link:active
{
    color: Black;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-style: oblique;
    text-decoration: none;
}
.button_link:visited
{
    color: Black;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-style: oblique;
    text-decoration: none;
}
.button_link:hover
{
    color: Black;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    font-style: oblique;
    text-decoration: underline;
}

.button_margin
{
    width: 28px;
}

.racing_stripe
{
    color: #fffab7;
}

.header
{
    background-color: #336600;
    text-align:left;
    vertical-align: top;
}
.navigation
{
    background-color: #336600;
    background-image: url('images/bg_vertical.jpg');
    background-repeat: repeat-y;
    width: 232px;
    text-align:left;
    vertical-align: top;
}

.content
{
    text-align:left;
    vertical-align: top;   
    background-color: #336600;
    color: White;
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 12pt;
    width: 748px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;   
}

.footer
{
    background-color: #336600;
    background-image: url('images/bg_vertical.jpg');
    background-repeat: repeat-y;
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 12pt;
    color: White;
    text-align:center;
    vertical-align: top; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.bottom_nav_table 
{
    text-align: center;
}

.legal 
{
    font-family: "Century Gothic; Arial; Sans-Serif";
    font-size: 8pt;
    font-style: italic;
    color: White;
    text-align: center;
}