body {
background-color: #FFFBF0;
background-image: url(images/bodybg.gif);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
font-family: Georgia, Times, "Times New Roman", serif;
color: #3C0000;
width: 100%;

}

#header {
margin-top: 130px;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
background-color: #FFD700;
z-index: 10;
visibility: visible;
}

#navsite p {
display: none;
}

#navsite {
float: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
width: 165px;
/*border-right: 1px solid #666;*/
/*border-bottom: 1px solid #369;*/
padding: 1em 0em 0em 0em;
margin-bottom: 1em;
background-color: transparent;
color: #333;
}

#navsite ul {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #369;
}

#navsite img {
/*padding: 1em 0em 0em 3em;*/
margin: 1em 0em 0em 3em;
border-bottom: 0px;
}

#navsite ul li {
margin: 0; 
border-top: 1px solid #003;
}

#navsite ul li a {
display: block; 
padding: 2px 2px 2px 0.5em; 
border-left: 10px solid #f6dd04; 
border-right: 1px solid #69c;
/*border-bottom: 1px solid #369;*/
background-color: #feb005; 
color: #fff; 
text-decoration: none; 
width: 100%; 
}

html>body #navsite ul li a {
width: auto;
}

#navsite ul li a:hover {
border-left: 10px solid #feb005;
border-right: 1px solid #69c;
background-color: #f6dd04;
color: #fff; 
}

#motto {
position: absolute;
left: 180px;
top: 1px;
width: 472px;
height: 112px;
font-size: 28px;
font-weight: bold;
color: maroon;
text-align: left;
margin: 5px 0px 5px 30px;
z-index: 2;
visibility: visible;
}

#translate {
float: left;
/*border: 1px solid #666;*/
/*padding-left: inherit;*/
margin-left: 1em;
background-color: transparent;	
}

#new {
float: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: bold;
width: 165px;
/*border-right: 1px solid #666;*/
/*border-bottom: 1px solid #369;*/
padding: 1em 0em 0em 0em;
margin-bottom: 1em;
background-color: #FDF8CF;
color: #333;
}


#new p {
display: none;
}

#new ul {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
border-bottom: 1px solid #369;
}
#new img {
/*padding: 1em 0em 0em 3em;*/
margin: 1em 0em 0em 3em;
border-bottom: 0px;
}

#new ul li {
margin: 0; 
border-top: 1px solid #003;
}

#new ul li a {
display: block; 
padding: 2px 2px 2px 0.5em;
border-left: 1px solid #69c; 
border-right: 1px solid #69c;
/*border-bottom: 1px solid #369;*/
background-color: #feb005; 
color: #fff; 
text-decoration: none; 
width: 100%; 
}

html>body #new ul li a {
width: auto;
}

#new ul li a:hover {
border-left: 1px solid #69c;
border-right: 1px solid #69c;
background-color: #f6dd04;
color: #fff; 
}

#contentedness{
float: left;
width: 100%;
}

#content {
position: absolute;
left: 5px; top: 150px;
height: 100%; 
width: 75%; 
padding-top: 1em;
margin: 0 1em 140px 220px;
z-index: -3;
}

#album {
padding-top: 1em;
margin: 0 2em 3em 205px;
}

#cornerimg {
position: absolute;
left: 0px;
top: 0px;
width: 185px;
height: 156px;
z-index: 3;
visibility: visible;
z-index: 0;
}

#headimg {
position: absolute;
right: 0px;
top: 0px;
width: 395px;
height: 134px;
z-index: -10;
visibility: visible;
}

#footer {
position: absolute;
clear: both;
background-color: #FFD700;
padding-bottom: 6px;
padding-left: 100px;
padding-top: 3px;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
margin-bottom: 15px;
text-align: left;
font-family: verdana;
font-size: 11px;
height: 20px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: maroon;
text-align: center;
margin: 5px 0px 5px 0px;
}

.maroon {
font-weight: bold;
color: maroon;
}

p {
text-align: justify;
/*text-indent: 1em;*/
margin: 0px 0px 5px 0px;
}

.epigraf {
text-align: right;
margin-right: 10%;
}

.verse {
text-align: left;
text-indent: 0em;
margin: 0px 0px 5px 15%;
}

.bukv {
text-align: justify;
font-weight: bold;
font-size: 170%;
color: #d18e01;
float: left;
margin-bottom: -5px;
margin-left: -15px;
margin-right: 5px;
margin-top: -1px;
}

.inner {
font-family: verdana;
font-size: 12px;
line-height:16px;
background-color: #F5F5F5;
color: black;
border: 1px silver solid;
width: 80%;
padding: 5px;
text-align: center;
margin-left: 7%;
} 

p.question {
	color: Green; font-weight: bold;
}

p.sign {
text-align: right;
font-style:italic;
margin-right: 10%;
} 

#footer mail {
text-align: right;
}

a {
color:#09c;
font-weight:600;
text-decoration:none;
}

a:link {color:#9A9A9A;}
a:visited {color:#708E9E;}
a:hover {text-decoration: underline;}

var {
display: none;
} 

/* photoalbum stylesheet */

.p {color: #222222; font-size: 11px; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif, "Arial Cyr"}
.p1 {color: #6060B0; font-size: 11px; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif, "Arial Cyr"}
.p2 {color: #222222; font-size: 10px; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif, "Arial Cyr"}
.error {color: #FFFFFF; font-size: 11px; font-weight:bold; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif, "Arial Cyr"}
a.a:link {font-size: 11px; color: #6060B0; font-weight: bold; text-decoration: none}
a.a:visited {font-size: 11px; color: #6060B0; font-weight: bold; text-decoration: none}
a.a:active {font-size: 11px; color: #6060B0; font-weight: bold; text-decoration: none}
a.a:hover {font-size: 11px; color: #000000; font-weight: bold; text-decoration: none}
textarea,input { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif, "Arial Cyr"; font-size: 11px; background: #FFFFFF; border: 1pt solid #CCCCCC; color: #222222 }