body {
padding:0px;
margin:0px;
background-color:#c1c1c1;
font-family:"tahoma";
font-size:10pt;
}

a:link,a:visited{
font-weight:bold;
color: #533;
background-color:none;
text-decoration:none;
text-transform:none;
}


#toplogo {
width:100%;
}

p#logotext {

font-family:"tahoma";
font-size:35pt;
font-weight:bold;
color:white;
width:25%;
height:8%;
margin:0px;
padding:4px;
position:fixed;
top:7%;
left:7%;
text-shadow: 2px 2px 2px grey;
}

#logotext a {
color:white;
}

a#logotext:visited {
color:white;
}

h1#maintitle {

font-size:10pt;
color:DarkRed;
width:30%;
height:3%;
margin:0px;
padding:4px;
text-align:center;
position:fixed;
background-color:lightgrey;
border-color:white;
top:17%;
right:10%;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

div#mainwindow {
font-size:11pt;
background-color:lightgrey;
width:78%;
height:63%;
margin:0px;
padding:1%;

position:fixed;
top:20%;
left:10%;
overflow:hidden;
/*
-moz-column-count:2; /* Firefox */
/* -webkit-column-count:2; /* Safari and Chrome */
/* column-count:2;*/
/* -moz-column-rule:3px outset #888; /* Firefox */
/* -webkit-column-rule:3px outset #888; /* Safari and Chrome */
/* column-rule:3px outset #888;*/

-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

}

div#mainwindowiframe {
width:80%;
height:65%;
margin:0px;
padding:8px;
position:fixed;
top:20%;
left:10%;
overflow:hidden;
}

div#language_selector  a{
position:fixed;
top:40px;
right:40px;
margin:8px;
padding:8px;
background-color:red;
color:white;
}

img#garvani {
position:fixed;
bottom:30px;
right:-200px;
animation:myfirst 22s;
-moz-animation:myfirst 22s; /* Firefox */
-webkit-animation:myfirst 22s; /* Safari and Chrome */
-o-animation:myfirst 22s; /* Opera */
}


@keyframes myfirst
{
0%   {right:-200px;}
15%  {right:-200px;}
50%  {right:20px;}
90%  {right:20px;}
100% {right:2000px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {right:-200px;}
15%  {right:-200px;}
50%  {right:20px;}
90%  {right:20px;}
100% {right:2000px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {right:-200px;}
15%  {right:-200px;}
50%  {right:20px;}
90%  {right:20px;}
100% {right:2000px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {right:-200px;}
15%  {right:-200px;}
50%  {right:20px;}
90%  {right:20px;}
100% {right:2000px;}
}





img#thumbs {
padding:0px;
margin:0px 10px 0px 0px;
border:12px solid white;
transform: rotate(1deg);
-ms-transform: rotate(1deg); /* IE 9 */
-webkit-transform: rotate(1deg); /* Safari and Chrome */
-o-transform: rotate(1deg); /* Opera */
-moz-transform: rotate(1deg); /* Firefox */
}

div#menubar {

width:100%;
height:5%;
margin:0px;
padding:4px;
position:fixed;
bottom:30px;
left:0%;
}

div#footnote {

width:100%;
height:2%;
margin:0px;
padding:4px;
position:fixed;
bottom:10px;
left:0%;
text-align:center;
}

.texts a,ul,li {
background-color: rgb(203,47,53);

}



#linksnaps {
text-align:center;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family: tahoma;
font-size: 9px;

}

#navcontainer ul li { display: inline;
position:relative;
top:0px;

 }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
border:5px solid grey;
background-color: rgb(70,76,74);
display:inline;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: rgb(90,96,96);
}	

#yor2{overflow:hidden;}

p{font-size:13px;}

ul.yor2  {
background-color:lightgrey;
padding-right:20px;
margin:20px;
}

li.yor2 {
background-color:lightgrey;
padding-right:20px;
font-size:13px;
}