body {
/*background-color: #fff;*/
background: url(../img/bg.jpg);

scrollbar-face-color: #fff;
scrollbar-shadow-color: #999;
scrollbar-highlight-color: #ccc;
scrollbar-3dlight-color:#bbb;
scrollbar-darkshadow-color:#999;
scrollbar-track-color: #ccc;
scrollbar-arrow-color: #930;
}

}
table#header {
width:830px;
height:270px;
padding:0px;
border-bottom: 3px double #bbb;
border-spacing: 0px;
border-collapse: collapse;
}

table#page {
width:830px;
margin:0px;
margin-top: 8px;
margin-bottom:6px;
border-top: 3px double  #999;
border-bottom: 3px double #999;
border-spacing: 0px;
border-collapse: collapse;
padding:0px;
}

td#menu {
width:145px;
vertical-align:top;
margin: 0px;
border: 0px;
padding: 0px;
background-color: #fff;
background: url(../img/bg_a.jpg);
/*background: url(../img/bg.jpg);*/
}

td#content {
width: 535px;
/*background-color: #fff;*/
vertical-align:top;
margin: 0;
border-left: 1px dotted #bbb;
border-right: 1px dotted #bbb;
padding: 0px;
background: url(../img/bg_content.jpg);
}

td#anons {
width:150px;
vertical-align:top;
margin: 0;
border: 0;
padding:0px;
background: url(../img/bg_a.jpg);
}

#footer td{
width:830px;
height: 40px;
background-color: #930;
padding: 0;
border: 0;
border-spacing: 0px;
border-collapse: collapse;
}

#menu a {
width:100%;
text-indent: 0;
display: block;
margin: 0;
padding: 0;
border: 0;
color: #900;
border-top: 1px dotted #999;
font: 11px/18px arial, sans-serif;
font-weight: normal;
text-align: center;
text-decoration: none;
background-color: #fff;
}

#menu a:hover {
background-color: #ddd;
}

#menu h4{
width:100%;
display: block;
margin: 0 0 0 0px;
padding: 0;
border-top: 3px double #999;
color: #fff;
background-color: #ccc;
background: url(../img/bg_h4.jpg); no-repeat;
font: 11px/20px arial, sans-serif;
font-weight: bold;
text-align: center;
}

#menu span h4{
margin: 0;
padding: 0;
border: 0;
}

h1 {
display:block;
width: 100%;
vertical-align: top;
margin: 0;
padding: 0;
border: 0;
color: #fff;
background-color: #930;
font: 13px/20px arial, sans-serif;
font-weight: bold;
text-align: center;
letter-spacing: 5px;
}

div#album {
display: block;
width: 495px;
margin: 20 20 20 20px;
padding: 0;
border: 0;
}

div#list {
display: block;
width: 295px;
margin: 20 120 20 120px;
padding: 0;
border: 0;
}

div#lista {
display: block;
width: 295px;
margin: 20 100 20 100px;
padding: 0;
border: 0;
}

div#msgd {
display: block;
width: 455px;
border: 0;
margin: 30 40 20 40px;
padding: 0;
}

div#resource {
display: block;
width: 100%;
margin: 20 0 0 0px;
padding: 0;
border: 0;
}

div#submenu {
display: block;
width: 100%;
height: 16px;
border: 0;
margin: 0;
padding: 0;
/*background-color: #fff;*/
background-image: none;
}

div#submenu a {
display: block;
float: left;
margin: 20 10 20 0px;
border-right: 1px solid #999;
padding: 0 10 0 0px;
color: #930;
background-image: none;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: center;
text-decoration: none;
}

div#submenumsg a:hover {
color: #930;
text-decoration: underline;
}

div#submenumsg {
display: inline;
float: left;
/*width: 100%;*/
height: 16px;
border: 0;
margin: 0;
padding: 0;
/*background-color: #fff;*/
background-image: none;
}

div#submenumsg a {
display: block;
float: left;
margin: 0 12 0 0px;
border-right: 1px solid #999;
padding: 0 12 0 0px;
color: #930;
background-image: none;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: center;
text-decoration: none;
}

div#submenumsg a:hover {
color: #930;
text-decoration: underline;
}

div#article {
display: block;
width: 495px;
margin: 20 20 20 20px;
padding: 0;
border: 0;
}

div#news {
display: block;
width: 495px;
margin: 20 20 20 20px;
padding: 0;
border: 0;
}

div#page {
display: block;
width: 495px;
margin: 20 20 20 20px;
padding: 0;
border: 0;
}

div#verse {
display: block;
width: 415px;
margin: 20 60 20 60px;
padding: 0;
border: 0;
}

div#foto {
display: inline;
margin: 0 10 0 0px;
padding: 0;
border: 0;
float: left;
}

div#foto_left {
display: inline;
margin: 10 10 0 0px;
padding: 0;
border: 0;
float: left;
}

div#foto_right {
display: inline;
margin: 10 0 0 10px;
padding: 0;
border: 0;
float: right;
}

div#item {
display: inline;
margin: 20 0 0 0px;
padding: 0;
border: 1px dotted gray;
float: left;
}

div#news_short {
display: block;
width: 100%;
margin: 20 0 0 0px;
padding: 0;
border: 0;
}

div#icon {
display: inline;
margin: 0 10 0 0px;
padding: 0;
border: 0;
float: left;
}

div#anonce {
display: block;
width: 138px;
margin: 10 0 10 12px;
padding: 0;
border: 0;
}

div#icon_anonce {
display: block;
width: 100%;
margin: 30 0 5 0px;
padding: 0;
border: 0;
}

h3 {
margin: 10 0 0 0px;
padding: 0;
color: #930;
font: 16px/20px arial, sans-serif;
font-weight: bold;
text-align: left;
}

h4 {
margin: 5 0 0 0px;
padding: 0;
color: #930;
font: 16px/20px arial, sans-serif;
font-weight: bold;
text-align: left;
}

h5 {
margin: 8 0 0 0px;
padding: 0;
color: #930;
font: 12px/16px arial, sans-serif;
font-weight: bold;
text-align: left;
}

/* стиль для контенту - назва розділу */

#content h3#album {
text-align: center;
}

table#foto {
background-color: #ddd;
/*width:435px;*/
margin:20 0 0 0px;
border-spacing: 0px;
border-collapse: collapse;
padding:0px;
}

table#foto td.preview {
background-color: #dfb7b7;
vertical-align:middle;
margin: 0;
border-top: 1px solid #c99;
border-left: 1px solid #c99;
border-right: 1px solid #c99;
border-bottom: 1px solid #c99;
padding: 0px;
}

table#foto td.over {
background-color: #e8cdcd;
border-top: 1px solid #e8cdcd;
border-left: 1px solid #e8cdcd;
border-right: 1px solid #e8cdcd;
border-bottom: 1px solid #e8cdcd;
}

#content p {
margin: 10 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
}

#content p#left {
margin: 10 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-indent: 10px;
text-align: left;
}

#content p#right {
margin: 10 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: right;
}

#content p#justify {
margin: 10 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-indent: 10px;
text-align: justify;
}

#content img{
margin: 0;
padding: 0;
border: 0px;
}

#content img.preview{
margin: 0;
padding: 0;
border: 1px solid #eee;
}

#content img.over{
margin: 0;
padding: 0;
border: 1px solid #930;
}

#content a {
display: block;
margin: 5 0 0 0px;
padding: 0;
color: #930;
font: 12px/16px arial, sans-serif;
font-weight: bold;
text-align: left;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

a#back {
display: block;
margin: 5 0 0 0px;
padding: 0px;
color: #999;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: underline;
}

div#msgd p a#mail {
margin: 0;
padding: 0;
color: #666;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: underline;
}

div#msgd p a:hover#mail {
color: #930;
}

#content p#submenu a {
display: inline;
margin: 0;
padding: 0px;
color: #999;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
text-decoration: underline;
}

#content p a {
display: inline;
margin: 0;
padding: 0;
color: #930;
font-weight: bold;
text-align: left;
text-decoration: none;
}

table#albumt {
margin: 5 0 0 0px;
border: 0;
border-spacing: 0px;
border-collapse: collapse;
padding: 0;
}

div#album_foto {
display: block;
width: 100%;
margin: 20 0 0 0px;
padding: 0;
border: 0;
text-align: center;
}

p#signature {
margin: 2 0 0 0px;
padding: 0;
color: #777;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: center;
}

input, textarea, select {
margin: 0;
padding: 0;
color: #333;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: left;
}

input#disable {
border: 0;
margin: 0;
padding: 0;
color: #666;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: left;
}

textarea#msg_area {
maxlength: 20;
/*overflow: hidden;*/
}

p#pagenumb {
margin: 30 0 0 0px;
padding: 0;
color: #333;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: left;
}

p#n_page {
margin: 0 0 20 0px;
padding: 0;
color: #930;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-align: right;
/*background-color: #fff;*/
}

p#n_page a {
display: inline;
color: #666;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-decoration: underline;
}

p#n_page a:hover {
color: #930;
}

p#nm_page {
margin: 10 0 30 0px;
padding: 0;
color: #930;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
/*background-color: #eee;*/
}

p#nm_page a {
display: inline;
color: #666;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-decoration: underline;
}

p#nm_page a:hover {
color: #930;
}

p#date {
margin: 30 0 0 0px;
padding: 0;
color: #777;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
}

p#news_date {
margin: 0;
padding: 0;
color: #777;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
}

p#author {
margin: 5 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
}

p#msg {
margin: 0;
padding: 0;
color: #930;
font: 12px/18px arial, sans-serif;
font-weight: bold;
text-align: left;
letter-spacing: 1px;
}

p#msg_date {
margin: 0;
padding: 0;
color: #930;
font: 11px/18px arial, sans-serif;
font-weight: normal;
text-align: right;
letter-spacing: 0px;
}

p#msg_txt {
margin: 0;
padding: 0;
color: #666;
font: 12px/18px arial, sans-serif;
font-weight: normal;
text-align: left;
}

table#albumt p#song {
width: 100%;
margin: 5 0 0 0px;
padding: 0;
color: #333;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: left;
}

table#albumt p#files {
margin: 5 0 0 5px;
padding: 0;
color: #999;
font: 10px/14px arial, sans-serif;
font-weight: normal;
text-align: right;
}

table#albumt p#files a {
display: inline;
color: #930;
font: 10px/14px arial, sans-serif;
font-weight: normal;
text-align: right;
text-decoration: underline;
}

#content p#files a:hover {
text-decoration: underline;
}

#content p#verse {
margin: 10 0 0 0px;
padding: 0;
color: #333;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-indent: 0;
text-align: left;
}

/* стиль для анонсу */

#anons h2{
width:100%;
display: block;
margin: 0 0 0 0px;
padding: 0;
border-top: 3px double #999;
color: #fff;
background-color: #ccc;
background: url(../img/bg_h4.jpg); no-repeat;
font: 13px/20px arial, sans-serif;
font-weight: bold;
text-align: center;
}

#anons h4 {
margin: 5 8 0 0px;
padding: 0;
color: #710;
font: 16px/18px arial, sans-serif;
font-weight: bold;
text-align: left;
}

#anons p {
margin: 5 8 0 0px;
padding: 0;
color: #000;
font: 12px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
}

#anons a {
display: block;
margin: 0 8 0 0px;
padding: 0;
color: #710;
font: 12px/16px arial, sans-serif;
font-weight: bold;
text-align: left;
text-decoration: none;
}

#anons a:hover {
text-decoration: underline;
}

#anons p#news_date {
margin: 0;
padding: 0;
color: #FFF;
font: 12px/15px arial, sans-serif;
font-weight: normal;
text-align: left;
}

#anons p#signature {
margin: 0;
padding: 0;
color: #333;
font: 12px/14px arial, sans-serif;
font-weight: normal;
text-align: center;
}

#anons p#nm_page {
margin: 10 12 30 0px;
padding: 0;
color: #930;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-align: left;
background-color: #ddd;
}

#anons p#nm_page a {
display: inline;
color: #666;
font: 10px/16px arial, sans-serif;
font-weight: normal;
text-decoration: underline;
}

#anons p#nm_page a:hover {
color: #930;
}
