body {
background: url('bg.gif') #ffffee;
font-family: tahoma;
font-size: 10pt;
}

.main {
clear:both; display:table; width:760px; height: auto;  border: 3px solid #626E3E; border-top:3px solid #626E3E; border-bottom:10px solid #074B00; background-color:#ffffff; display:table;
}

a.menu {
clear:both; display:block; width: 110px; height:20px; background: url('point.gif') left center no-repeat ;
font-family: tahoma;
font-size: 8pt;
color: #074B00;
text-decoration: none;
padding-top:2px;
padding-left:15px;
text-align: left;
}

a.menu:hover {
color: black;
background: url('point-over.gif') left center no-repeat #E5F5B5;
}

a.key {
display:block; width: 170px; height:20px; background: url('key.gif') ;
font-family: tahoma;
font-size: 8pt;
color: darkblue;
text-decoration: none;
padding-top:5px;
text-align: center;
float:right;
margin-right: 10px;
margin-top: 5px;
}

a.key:hover {
filter:invert; 
}

a.links {
color: #002800; font-size: 8pt;  text-decoration:none;
}
a.links:hover {
color: green;
}

a.newslinks {
color: #002800; font-size: 9pt;  text-decoration:none;
}
a.newslinks:hover {
color: green;
}

.small-links {
color: #B4A041; font-size: 7pt;  text-decoration:none;
}
.small-links:hover {
color: #96551A;
}

.title-right {
width:80%; height:20px; background: url('tazhib-title.gif') left center no-repeat #C1CA5C; float:right; font-size:14pt; font-weight:bold; font-family:arial; text-align:right; color:#F4FBE1; padding-right:5px; border-right: 4px solid #9CA43D;
}

.right {
width:138px; float:right; text-align:center; border-left:3px solid #626E3E; border-bottom:3px solid #626E3E; background-color:#F4FBE1;
}

.smalldate {
color:#860; float:right; font-size:8pt;
}

.headlines {
height:215px; overflow: auto; border-bottom:1px solid #C1CA5C; border-right:4px solid #C1CA5C;
 font-size:8pt; text-align:justify;  padding:5px; clear:both; 
background-color:#F4FBE1;
                scrollbar-face-color: #E0DA8C;
                scrollbar-shadow-color: #F4FBE1;
                scrollbar-highlight-color:#F4FBE1;
                scrollbar-3dlight-color: #F4FBE1;
                scrollbar-darkshadow-color: #F4FBE1;
                scrollbar-track-color:  #F4FBE1;
                scrollbar-arrow-color: #F4FBE1;
}

.side {
width:120px; background: url('side-tazhib.gif') top left no-repeat #FAF9DA;   padding:5px; text-align:justify; font-size:8pt; color:#225522;  border: 1px solid #878D17; border-top:5px solid #B7D16F;
}
.side-title {
color:#336633; font-size:7pt; font-weight:bold; 
}

.panel {
height:auto; width:98%;  font-size:8pt; text-align:justify;  padding:1%;
display:table; background: #F4FBE1; clear:both; border:1px solid #9CA43D; border-right:4px solid #C1CA5C; 
}

.gallerymessage2 {
width: 70%; background-color:#dda;  padding:5px;
}

.submitbottom {
font-family:tahoma; font-size:8pt;  color:#003300; margin-right:140px; padding:10px;
}
input {
font-family: tahoma; font-size:10pt;
}
textarea {
font-family: tahoma; font-size:10pt;
}
textarea#desc {
width:99%
}
.titr {
font-family: arial; font-size:14pt; font-weight:bold; color: #003300;
}
.titr-gallery {
font-family: arial; font-size:16pt; font-weight:bold; color: #330000;
}
.text {
font-size:10pt;
}

.newspic {
margin:10px; border:3px solid #564E0C;
}
.newspic1 {
float:left; display:table; background: url('corner.gif') no-repeat top right; margin:0px;
}
.newspic2 {
display:table; background: url('corner.gif') no-repeat top left;
}
.newspic3 {
display:table; background: url('corner.gif') no-repeat bottom right;
}
.newspic4 {
display:table; background: url('corner.gif') no-repeat bottom left;
}


.gallery-key {
font-size:8pt; margin-right:20px; color:#c80; text-decoration:none; display:block; width:150px; height:24px; background: url('gallery-key.gif') no-repeat; padding-top:27px; font-weight:600; text-align:center;

}
.gallery-key:hover {
color: white; 
}

.gallery-key2 {
font-size:8pt; margin-right:20px; color:#8c0; text-decoration:none; display:block; width:130px; height:24px; background: url('gallery-key2.gif') no-repeat; padding-top:27px; padding-right:20px; font-weight:600;
}
.gallery-key2:hover {
color: white;
}

.weather{
float:right; background-color:#eeffee; width:150px; margin:5px; padding:5px; text-align:center;
}
 
