@charset "utf-8";




/* Generic Selectors */

html {
        min-height: 100%;
}

body {

margin: 0px;
padding: 0px;

font-family: Georgia, "Times New Roman", Times, serif;


font-weight: bold;
font-size: 12px;


background-color: #003300;

}

p {
color: #003300;
margin-right: 20px;
margin-left: 20px;
font-weight: bold;
text-align: left;
}



table {

margin-left: 20px;
font-size: 11px;
font-family: Georgia, serif;
font-weight: normal;

}
li {

list-style-type: none;

line-height: 200%;

list-style-image: url(../images/arrowSmall.gif);
text-align: left;

font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;

}

form {
margin-left: 20px;}

h1 {

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;

padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;

color: #EEDFC0;
text-align: center;





}

h2 {

font-family: Georgia, "Times New Roman", Times, serif;

text-align: center;
margin-left: 0px;
font-size: 14px;
font-weight: bold;

color: #003300;



}
h3 {

font-family: Georgia, "Times New Roman", Times, serif;
margin-left: 20px;
text-align: left;

font-size: 12px;
font-weight: bold;

color: #003300;



}

td
{text-align: center;}

.left
{text-align: left;
padding-left: 25px;}
.right
{text-align: right;
padding-right: 25px;}


.imgSq
{
width: auto;
height: 130px;
}
.imgAuto
{
width: auto;
height: auto;
}


.imgS {
width: 70px;
height: auto;
}

.imgS2 {
width: 110px;
height: auto;
}

.autoImage2
{width: 560px;
height: auto;
margin-left: 20px;

}



 .autoImage
{width: 450px;
height: auto;
margin: auto;

}

.leftImage
{float: left;
margin: 40px 10px 30px 20px;
border: 0;
}

.leftImage2
{float: left;
margin: 0px 10px 0px 20px;
border: 0;
}
.leftImage3
{float: left;
margin: 0px 20px 0px 7px;

}
.leftImage4
{float: left;
margin: 0px 0px 0px 0px;
border: 0;
}
 .centeredImage
    {
    text-align:center;

    }
 
.centeredImage2
    {
  display: block;
    margin-left: auto;
    margin-right: auto;
border: 0;}
 
.centeredImage4
    {
  display: block;
    margin-left: auto;
    margin-right: auto;
border: 0;
    }

.centeredImage3
    {
  display: block;
    margin-left: auto;
    margin-right: auto;

border: 0;
 
    }
.doubleLine
{margin-top: 5px;
margin-bottom: 5px;
line-height: 100%;
}
.rightImage
{float: right;
margin-right: 40px;
margin-left: 40px;
margin-bottom: 20px;
}
.rightImage2
{float: right;
margin-right: 20px;
margin-left: 0px;
margin-bottom: 0px;
}
.rightImage3
{float: right;
margin-right: 7px;
margin-left: 20px;
margin-bottom: 10px;
}
.programokP
{text-align: left;
font-size: 11px;
margin-top: 75px;
margin-left: 35px;
font-family: georgia, serif;
font-weight: normal;
color: #003300;
}
.rightP
{text-align: right;
}

.normalP {
font-weight: normal;
text-align: justify;
max-width: 70%;
}
.smallP {
font-weight: normal;
font-size: 11px;
}
.colorP{
color: #A92B2B;}

.img1 {display: block;
 margin-left: auto;
 margin-right: auto;
}

.titleP {

font-weight: bold;
text-align: center;
}
.infoP {text-align: center;
font-size: 12px;
font-weight: bold;
margin-top: 45px;
margin-left: 30px;
color: #003300;
}
.longP {

font-weight: bold;
text-align: left;
max-width: 85%;
text-align: justify;
}
.fullP {

font-weight: normal;
text-align: center;
max-width: 92%;
text-align: justify;
}
.fullP2 {

font-weight: normal;
text-align: left;
max-width: 92%;

}
.longP2 {

font-weight: bold;
text-align: left;
max-width: 85%;
text-align: left;
}

.centerP {text-align: center;

font-size: 12px;
font-weight: bold;
margin-top: 20px;
margin-left: 20px;
color: #003300;
max-width: 90%;
}

.indentP {
margin-left: 150px;
max-width: 40%;
}
.indentP2 {
margin-left: 50px;
max-width: 90%;
}


/**************** Pseudo classes ****************/

a:link {


color: #003300;

text-decoration: underline;

font-weight: bold;

}

li a:link {

color: #003300;

text-decoration: none;

font-weight: bold;

}

a:visited {

color: #003300;

text-decoration: underline;

font-weight: bold;

}

li a:visited {

color: #003300;

text-decoration: none;

font-weight: bold;

}

a:hover {

color: #009966;



font-weight: bold;

text-decoration: none;

}

li a:hover {



color: #02895C;



font-weight: bold;


}

a:active {

color: #009966;

font-weight: bold;

}

 a:link {color: #2D3709;
}
a:link img {border-color: #2D3709;
border-style: solid; 
}



a:hover img{
border-color: #78911B;
}




/************************* ID's *************************/
#container2
{
margin: 0 auto;
width: 906px;
background-image: url(images/bckg.png);
overflow: hidden;
}
#container
{
margin: 0 auto;

width: 775px;


background-image: url(images/bckg.png);
overflow: hidden;
}

#logo {


float: left;
width: 100%;

height: 220px;

background-image: url(images/utcatabla.png);
background-repeat: no-repeat;
background-position: 20px 20px;
}

#infoR {

float: left;
width: 100%;
min-width: 200px;
height: 200px;
background-image: url(images/fatabla.png);
background-repeat: no-repeat;

background-position: 20px 20px;
}
#logoR {


float: left;
width: 100%;

height: 220px;


background-image: url(images/utcatabla2.png);
background-repeat: no-repeat;
background-position: 60px 20px;
}

#info {

float: left;
width: 100%;
min-width: 200px;
height: 200px;
background-image: url(images/fatabla.png);
background-repeat: no-repeat;

background-position: 20px 20px;
}
#name
{

padding-top: 70px;

height: 183px;

background-image: url(images/centralbackgempty.png);
background-repeat: no-repeat;



}



#sidebar {


width: 200px;

float: left;
}

#flashcontent {
width: 450px;}

#centerDoc {



width: 506px;
float: left;

padding-bottom: 0px;

overflow: hidden;
}


#sidebarR
{

width: 200px;
height: 100%;
float: left;

}


#navigation {

float: left;

padding-right: 0px;

width: 100%;


font-weight: normal;


background-image: url(images/keret.png);
background-repeat: no-repeat;
background-position: 10px 0;




height: 350px;

}
#navigationR {

float: left;



width: 100%;


font-weight: normal;



background-image: url(images/keret1.png) ;
background-repeat: no-repeat;
background-position: 10px 0;



height: 350px;

}



#content {

width: 498px;
background-color: #FFCC66;
overflow: hidden;
border-left: 4px solid #A92B2B;
border-right: 4px solid #A92B2B;
min-height: 550px;
color: #003300;
}

#aktualis1  {
width: 235px;
float: left;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
height: 235px;
margin-left: 10px;
margin-bottom: 10px;

}
#aktualis2  {
width: 235px;
float: right;

height: 235px;
margin-right: 10px;
margin-bottom: 10px;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
}



#aktualis3  {

width: 235px;
float: left;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
margin-left: 10px;
margin-bottom: 10px;
height: 235px;

}
#aktualis4  {
width: 235px;
float: right;
background-image: url(images/oldpaper.png);
background-repeat: no-repeat;
height: 235px;
margin-right: 10px;
margin-bottom: 10px;

}


#event1  {
width: 70%;
min-height: 320px;
background-image: url(images/photo.png);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;

}

#event2  {
width: 70%;
min-height: 320px;
background-image: url(images/photo.png);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;

}

#event3  {
width: 70%;
min-height: 320px;
background-image: url(images/photo.png);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;}

#event4  {
width: 70%;
min-height: 320px;
background-image: url(images/photo.png);
background-repeat: no-repeat;
margin: 15px auto;
text-align: center;
padding-top: 30px;}