* {margin: 0; padding: 0;}

/* Color scheme */
body {background-color:#EEEEEE;}
#container {background-color:#FFFFFF;}

#navBtn {background-color:#377013; color:#B3E095;}
#navBtn:hover {background-color:#B3E095; color:#377013;}

#bannerWide img {border-color:#1D4B00;}
#bannerWide {background-color:#599532;}
header {background-color:#599532; border-color:#1D4B00;}
footer {background-color:#599532; border-color:#1D4B00; color:#377013}

h1 {color:#377013;}
h2 {color:#599532;}

#container
{
    width:96%;
    max-width:960px;
    margin:auto;
}

header
{
    height:60px;
    border-style:none none solid none;
    border-width:0px 0px 1px 0px;
}

#content
{
    float:both;
    overflow:auto;
    margin:0% 3% 3%;
}

nav
{
    padding: 0% 0.5%;
}

#navBtn
{
    margin:0.5% 0.5%;
    text-align:center;
    text-decoration:none;
    font-family:Tahoma, Geneva, sans-serif;
    padding:13px 0px;
    display:block;
    float:left;
    width:24%
}

#horPhoto
{
    width:100%;
    max-width: 600px;
}

#verPhoto
{
    max-height: 600px;
}

#list
{
    margin-left: 24px;
    text-align:left;
}

#lang
{
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    text-align:right;
    line-height:0px;
    margin-top:16px;
}

h1
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    margin: 15px 0px;
}

h2
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:18px;
    margin: 10px 0px;
}


p
{
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    text-align:justify;
    margin:15px 0px;
    line-height:32px;
}

a
{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
}

a:link
{
    color:#1D4B00;
}

a:visited
{
    color:#599532;
}

footer
{
    text-align:center;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    padding:10px;
    margin:10px 0px;
    border-style:solid none;
    border-width:1px 0px;
}

#bannerWide
{
    clear:both;
    width:100%;

}
#bannerWide img
{
    width:100%;
    border-style:none none solid none;
    border-width:0px 0px 1px 0px;
}

#map
{
    height:450px;
    width:100%;
    max-width: 600px;
}

@media screen and (max-width:480px) /* Phone */
{
    nav
    {
        padding:0% 2%;
    }

    #navBtn
    {
        margin:1% 0%;
        width:100%;
    }

    header
    {
        height: 220px;
    }

    #verPhoto
    {
        width:100%;
    }
}
