/* CSS Document */
*
{
margin: 0;
padding: 0;
}
#content ul
{
margin: 1em 2em;
}
p, h1, h2, h3
{
margin: 1em 0 1em 0;
}
body
{
font-family: "Trebuchet MS", Arial, sans-serif;
text-align: center;
background: #010101;
color: #000;

}
a img
{
border:none;
}
#container
{
background:  url("../images/bg_y.gif") repeat-y;

margin: 0 auto;
padding: 0;
width: 1200px;
}
#wrapper
{

background:  url("../images/bg.jpg") no-repeat;
text-align: left;
margin: 0 auto;
padding: 0;
width: 1200px;
}
#top
{
background: #172f14;
border: 1px solid #fff;
box-sizing: border-box;
color: #fff;
width: 400px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
text-align: center;
margin: 16px auto 16px;
}
#top .top-col p { margin: 0; line-height: 1.4; }
#top a { color: #fff; text-decoration: underline; }

#menu
{
text-align:center;
float: left;
background:  url("../images/bg_menu.jpg") no-repeat #968F61;
margin: 0 0 0 200px;
padding:  0;
width: 216px;
height: 401px;
}
#menu ul
{
margin: -2px 0 0 20px;
padding: 0;
}
#menu li
{
background:  url("../images/menu_underline.gif") no-repeat bottom center;
list-style-type: none;
}
#menu a:link, #menu a:visited
{
font-size: 13px;
font-weight: bold;
color: #000;
text-decoration: none;
line-height: 25px;
}
#menu a:hover, #menu a:active
{
color: #2b4e1c;
}
#content
{
font-weight: bold;
float: left;
font-size: 14px;
line-height: 18px;
width: 560px;
}
#content p, #content ul, #content h1, #content h2, #content img
{
padding: 0 0 0 10px;
}
#content a:link, #content a:visited
{
color: #fff;
}
#content a:hover, #content a:active
{

color: #2b4e1c;
text-decoration: none;
}
h1
{
padding: 2em 0;
font-size: 20px;
color: #000;
}
h2
{
font-size: 18px;
color: #003300;
}

#footer
{
clear: both;
background: #234520;
margin: 0 0 0 200px;
text-align: center;
width: 802px;
height: 62px;

}
#footer a:link, #footer a:visited
{
vertical-align: middle;
color: #DAC670;
text-decoration: none;
font-size: 10px;
line-height: 60px;
}
#footer a:hover, #footer a:active
{
text-decoration: underline;
}
.homepagetext
{
font-size: 12px;
color: #fff;

}
div#real {
    color: rgb(134, 6, 6);
}

/* --- Mobile responsiveness (added during migration) --- */
@media (max-width: 1230px) {
  body { text-align: left; background: #88855d; }
  #container, #wrapper {
    width: 100%;
    background-image: none;
    background-color: #88855d;
    margin: 0;
  }
  #menu {
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #234520;
    padding: 12px 0 16px;
  }
  #menu > a > img { max-width: 80%; height: auto; content: url("../images/menu_logo_mobile.png"); }
  #menu ul {
    margin: 8px 0 0 0;
    padding: 0 8px;
    text-align: center;
  }
  #menu li {
    display: inline-block;
    background-image: none;
    margin: 0 6px;
    padding: 4px 0;
    line-height: 1.4;
  }
  #menu p { display: none; }
  #menu a:link, #menu a:visited { color: #fff; }
  #menu a:hover, #menu a:active { color: #ccc; }
  #content {
    float: none;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
  #top {
    width: 100%;
    height: auto;
    padding: 10px 16px;
    gap: 24px;
  }
  #content img { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }
  .homepagetext > img:first-of-type { margin-top: 18px; margin-bottom: -18px; }
  #content td { text-align: center; }
  #footer {
    clear: both;
    width: 100%;
    margin: 0;
    background-image: none;
    background-color: #2b4e1c;
    padding: 12px 0;
    box-sizing: border-box;
    height: auto;
  }
  #footer a:link, #footer a:visited { line-height: 1.6; }
  .ns-attr { margin: 4px 0 0; }
  table { width: 100% !important; }
  table img { max-width: 100%; height: auto; }
  table td { display: block; width: 100% !important; height: auto !important; }
}