body
{
    /*background-image: url(images/back.jpg);*/
    background-color: #29447b;
    color: #14223d;
    font-family: Arial,sans-serif;
    font-size: small;
    margin: 0px;
    padding:0px;
}

#wrapper
{
    width: 700px;
    margin: 0px auto 0px auto;
    background-color: #5d7cba;
}

td
{
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}

td.guad
{
    color: #29447b;
    border: 1px dashed #14223d;
    letter-spacing: 2px;
}

#header
{
    background-color: #14223d;
    color: #8b9bba;
    height: 80px;
    text-align: center;
    letter-spacing: 9px;
    padding-top:5px;
}

h1
{margin-top:0px}



#header p
{
    letter-spacing: 20px;
    font-style: oblique;
}

#navigation
{
    width: 20%;
    float: left;
    height: 500px;
    margin-top: 20px;
}

#navigation ul li
{
    list-style: none;
    letter-spacing: 2px;
    margin-top: 10px;
    font-weight: bold;
    border-bottom: 1px dashed #29447b;
}


#content
{
    width: 68%;
    float: right;
    background-color: #8b9bba;
    color: #14223d;
    padding: 20px; /*  overflow: scroll;*/
}

#footer
{
    clear: both;
    height: 40px;
    background-color: #14223d;
    color: #8b9bba;
    text-align: center;
}

#footer p
{
    padding-top: 15px;
    font-size: 80%;
}

.reduce
{
    font-size: 90%;
}

.phototitle
{
    margin-left: 30px;
    font-weight: bold;
    font-style: oblique;
}


a:link
{
    text-decoration: none;
    color: #14223d;
}


a:visited
{
    text-decoration: none;
    color: #14223d;
}

a:hover
{
    text-decoration: underline;
    background-color: #14223d;
    color: #8b9bba;
}

a:active
{
    text-decoration: none;
    color: #14223d;
}