body {
font-family : Arial, Helvetica, sans-serif;
font-size : .9em;
color : #000000;
background-color: #a3af7d;
margin: 0;
padding: .5em;
}
a:link {
color : #800080;
}
a:visited {
color : #990000;
}
a:hover {
color : black;
}
a:active {
color : #0000FF;
}
a img {
border : none;
}

.bottom {
text-align: center;
}

#header {
text-align: center;
padding-bottom: .5em;
}

hr {
border : 6px dotted #a3af7d;
border-radius: 5px;
margin-right : 150px;
margin-left : 150px;
margin-top : 15px;
margin-bottom : 15px;
color : #606941;
background-color : #606941;
}

#inner-wrapper {
border: 3px double #333;
margin: .2em;
padding: .5em 2em 1em 2em;
background-color: #a3af7d;
}

.logo-img {
width: 45.4%;
max-width: 511px;
height: auto;
border: 6px groove #727c4e;
margin-bottom: 1em;
}

#menu {
margin-left: 39%;
}

#outer-wrapper {
width: 90%;
max-width: 1224px;
border-bottom: 4px solid #606941;
border-right: 4px solid #606941;
border-top: 4px solid #bec7a3;
border-left: 4px solid #bec7a3;
margin: 0 auto;
background-color: #839159;
}

.title-img {
width: 25.7%;
max-width: 289px;
margin-left: 10%;
}

.update {
text-align: center;
font-style: italic;
font-size: .9em;
}


@media only screen and (max-width:800px) {
.logo-img {
width: 65%;
margin-bottom: 0;
}
#menu {
margin-left: 25%;
}
.title-img {
width: 30%;
margin-left: 0;
}
}

@media only screen and (max-width:600px) {
.logo-img {
width: 85%;
}
#menu {
margin-left: 5%;
}
.title-img {
width: 50%;
}
}