* {
    outline: none;
}
html, body {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}
body {
    background: #000000;
}
.clear {
    font: 1px Tahoma;
    height: 1px;
    clear: both;
}


#main {
    width: 963px;
    margin: 0px auto;
    background: url(../images/main_bg.jpg) 0px 0px no-repeat;
}
#sitename {
    height: 450px;
}
#sitename a {
    display: block;
    float: left;
    margin: 80px 0px 0px 130px;
    font: bold 50px Arial;
    color: #73CBF2;
    text-decoration: none;
}

/********************************************************************** HMENU */
#hmenu {
    height: 60px;
    margin: 0px 40px 0px 40px;
}
#hmenu a {
    display: block;
    float: left;
    margin: 18px 30px 0px 0px;
    padding: 0px 0px 0px 20px;
    font: bold 12px Verdana;
    color: #FFFFFF;
    text-decoration: none;
    background: url(../images/star.gif) 0px 0px no-repeat;
}
#hmenu a:hover {
    text-decoration: underline;
}


/*********************************************************************** BODY */
#body {
    margin: 0px 40px 20px 40px;
    background: #FFFFFF;
}
#col1 {
    width: 240px;
    vertical-align: top;
}
#col2 {
    font: 12px/18px Verdana;
    color: #4D4D4C;
    vertical-align: top;
}
#col3 {
    width: 240px;
    vertical-align: top;
}
#col2 .block {
    padding: 10px;
    margin: 0px 0px 10px 0px;
    font: 12px/18px Verdana;
    color: #4D4D4C;
    background: #F6F6F6;
}
#col2 .block .header {
    font: 18px Tahoma;
}
.title {
    padding: 9px 15px 9px 0px;
    margin: 0px 0px 10px 0px;
    font: bold 14px Arial;
    text-align: right;
    text-transform: uppercase;    
    color: #FFFFFF;
}
.blue {
    background: #69B9DD;
}
.green {
    background: #AAC701;
}
.red {
    background: #E85F90;
}
.banner {
    margin: 0px 0px 10px 0px;
}


/******************************************************************** CONTENT */
#col2 h1 {
    font: 18px Tahoma;
    color: #4D4D4C;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}
table.data_list {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
table.data_list .hide {
    overflow: hidden;
    white-space: nowrap;
}
table.data_list td {
    padding: 4px;
}
table.data_list .ln1 td {
    background: #F5F5F5;
}
table.data_list .ln2 td {
    background: #F9F9F9;
}
table.data_list .ar {
    text-align: right;
}
table.data_list .ac {
    text-align: center;
}
table.data_list a {
    font: 12px Tahoma;
    color: #1488AF;
    text-decoration: none;
}
table.data_list a:hover {
    font: 12px Tahoma;
    color: #1488AF;
    text-decoration: underline;
}


#col2 .pages {
    margin: 0px 0px 10px 0px;
    text-align: center;
}
#col2 .pages table {
    margin: 0px auto;
}
#col2 .pages td {
    width: 25px;
    width: 20px;
    text-align: center;
    background: #F0F0F0;
    border: 1px solid #CCCCCC;
}
#col2 .pages td.selected {
    background: #AAFFAA;
}
#col2 .pages a {
    font: 12px Tahoma;
    color: #4C4C4C;
    text-decoration: none;
}


#col2 .comment {
    margin: 0px 0px 10px 0px;    
}
#col2 .comment .header {
    padding: 3px 5px 3px 5px;
    background: #F9F9F9 url(../images/hdots.gif) repeat-x scroll 0 100%
}
#col2 .comment .header .author {
    float: left;
    font: bold 11px Tahoma;
    color: #222222;
}
#col2 .comment .header .date {
    float: right;
    font: 11px Tahoma;
    color: #888888;
}
#col2 .comment .body {
    padding: 2px 5px 0px 5px;
}


#col2 .news {
    margin: 0px 0px 20px 0px;
    font: 12px Tahoma;
}
#col2 .news .header {
    font: bold 12px Tahoma;    
    color: #3c4e7d;
}
#col2 .news .header .date {
    float: right;
    font: 11px Tahoma;
    color: #888888;
}
#col2 .news .desc {
    padding: 0px;
    text-align: justify;
}



/********************************************************************** VMENU */
ul.vmenu {
    padding: 0px;
    margin: 0px 0px 10px 20px;
    list-style: none;
}
ul.vmenu li {
    background: url(../images/hdots.gif) 0% 100% repeat-x;
}
ul.vmenu li a {
    display: block;
    padding: 10px 5px 10px 15px;
    font: bold 12px Tahoma;
    color: #000000;
    text-decoration: none;
    background:  url(../images/arrow.gif) 0px 15px no-repeat;
}
ul.vmenu li a:hover {
    color: #1488AF;
    text-decoration: underline;
}
ul.vmenu li a span {
    display: block;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    font: 12px Tahoma;
}


#footer {
    margin: 0px 10px 10px 10px;
    padding: 25px;
    font: 12px Verdana;
    color: #FFFFFF;
    background: #5D5D5D;
}