body {
    background-image : url('images/background.jpg');
    font-family : sans-serif;
    font-size : 12px;
  }


a {
    border : none;
    text-decoration : none;
    color : #4885a6;
  }


a:hover {
    color : #cf902d;
  }


img {
    border : none;
  }


div.main {
    background-image : url('images/main_background.jpg');
    width : 700px;
    margin-top: 10px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 10px;
    padding-bottom : 20px;
  }


div.banner {
    background-image : url('images/main_banner.png');
    background-repeat : no-repeat;
    color : #4885a6;
    font-size : 24px;
    font-weight : bold;
    height : 59px;
    padding-bottom : 0px;
    padding-left : 160px;
    padding-top : 34px;
    width : 700px;
  }


img.hline {
    width : 622px;
    height : 5px;
    margin-top : 20px;
    margin-left : 40px;
  }


div.footer {
    margin-top : 10px;
    padding-left : 40px;
    padding-right : 40px;
    text-align : left;
    color : #aaaaaa;
    font-size : 10px;
    font-weight : bold;
  }


img.hacos_start {
    width : 420px;
    height : 442px;
    margin-left : 155px;
  }


li.menu_item {
    margin-left : 10px;
    margin-right : 40px;
    display : inline;
  }


li.menu_item_active {
    color : #d50c0c;
    display : inline;
    font-weight : bold;
    margin-left : 10px;
    margin-right : 40px;
  }


img.red_star {
    vertical-align : middle;
  }


li.menu_item a {
    font-weight : bold;
  }


div.menu {
    display : inline;
    width : 100%;
    text-align : center;
  }


div.login {
    float : right;
    padding-top : 10px;
    padding-right : 34px;
  }


div.title {
    margin-top : 20px;
    margin-bottom : 10px;
    font-size : 18px;
    font-weight : bold;
    color : #cf902d;
  }


div.error {
    margin-bottom : 10px;
    font-weight : bold;
    color : red;
    text-align : left;
  }


div.left {
    padding-left : 40px;
    padding-right : 40px;
    text-align : left;
  }


td.error {
    font-weight : bold;
    color : red;
  }


td.error_message {
    font-weight : bold;
    font-size : 10px;
    color : red;
  }


table.data {
    width : 100%;
    border : 1px #bbbfc4 solid;
  }


table.data tr td {
    padding : 2px;
  }


table.data tr td.g {
    background-color : #bbbfc4;
    padding : 2px;
  }


div.logged {
    background-color : #fffcb7;
    border : 1px #bbbfc4 solid;
    margin-left : 40px;
    margin-right : 40px;
    text-align : center;
    font-weight : bold;
    font-size : 10px;
  }


table.music {
    width : 100%;
  }


table.music tr td {
    padding : 2px;
    font-size : 10px;
  }


table.music tr td.g {
    padding : 2px;
    background-color : #e2e4e7;
  }


div.player {
    width : 320px;
    border : 1px #bbbfc4 solid;
    background-color : white;
  }


input.banner[type="submit"] {
    background-color : #fffcb7;
    color : #4885a6;
    font-weight : bold;
    font-size : 10px;
    border: none;
    padding : 0px;
  }


input.banner[type="submit"]:hover {
    color: red;
    cursor: pointer;
  }


div.file {
    color : green;
    font-family : monospace;
  }


div.year {
    margin-top : 10px;
    margin-bottom : 0px;
    font-size : 18px;
    font-weight : bold;
    color : #2b662d;
  }


div.justify {
    text-align: left;
    text-justify: newspaper;
  }


span.cit {
    font-style : italic;
    color : #666666;
  }
  
div.comment {
    font-size : 10px;
}


div.gallery_comment {
    margin-top: 10px;
    font-size : 10px;
}

td.gallery_thumb {
    width: 184px;
    height: 184px;
    text-align: center;
    vertical-align: center;
    border : 1px #bbbfc4 solid;
    background-color : white;
}


img.border {
    border : 1px #bbbfc4 solid;
}