@charset "UTF-8";
/* CSS Document */

body        {font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0}

h1          {color: white; background-color: black; padding: 10px; text-align:center; width: 700px; font-weight: normal; position:relative; z-index: 5}

#content    {width: 50%; margin-top: -560px; margin-left: 330px/*position:relative; bottom: 560px; left: 330px;*/}
#container  {width:100%; margin:0 auto;}

a:link {color: #990000; text-decoration:none}
a:visited {color: #990000; text-decoration:none}
a:hover {color: #333333; text-decoration:none}
a:active {color: #990000; text-decoration:none}

@media screen AND (max-width: 1024px) {
    h1 {width: 100%; padding: 0; margin: 0;}
    #content    {width: 100%; margin-top: 0; margin-left: 0;}
    #content ul, #content img {margin-left: 0 !important;}
    #container, #container img  {width:100%; display: block;}
}