/* 
    Document   : style
    Created on : 20.8.2009, 11:29:30
    Author     : jirik
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


body {
    padding-bottom:100px;
    padding-right:30px;
    padding-left:30px;
    padding-top:40px;
     font-family:Arial, Helvetica, sans-serif;
     background-color:#F4F4F4;
    
}

.fotka {
	border: 1px solid #d9d9d9;
	padding: 2px;
	margin: 0 21px;
}

.mainDiv {
  overflow:hidden;
    width:997px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}


.topShade {
    background-image: url(topBack.gif);
    height:12px;
    width:997px;
}

.downShade {
    background-image:url('downBack.gif');
    height:11px;
    width:997px;
    float:right;
}
img {
    border:none;
    margin:0px;
}
.logo {
    float:left;
    height:100px;
    width:990px;
}
div#bodyDiv {
  width:993px;
  float:right;
  
  
}

.wudLogo {
    float:left;
    height:77px;
    width:388px;
    margin-left:25px;
    margin-top:10px;
}
.sigchiLogo {
    float:right;
    height:58px;
    width:280px;
    margin-top:20px;
    margin-right:25px;
}
.orgDiv {
 width:88px;
 height:25px;
 float:right;
 margin-top:40px;
 font-size:13px;
  color:#808080;
}

.copyright {
   font-size:13px;
   height:30px;
  color:#808080;
   text-align:center;
    width:997px;
   padding-top:8px;
    background-color:#F4F4F4;
   margin-left:auto;
    margin-right:auto;
}

.contentDiv {
    float:right;
    background-image:url(backContent.jpg);
    width:963px;
    height:390px;
    margin:15px;
    margin-top:0px;
}
.programDiv {
    float:right;
    width:963px;
    margin:15px;
    margin-top:0px;
    padding-bottom:30px;
}

.programDiv a {
   color:#808080;
}

.programDiv a:hover {
   color:#3A8CCC;
   
}


.programDiv h1 {
     font-size:28px;
    margin:0px;
    padding:0px;
    color:#3A8CCC;
    font-weight:normal;
    letter-spacing:0.1px;
    margin-top:30px;
    margin-left:28px;


}
.programDiv p {
    color:#4A4A4A;
    font-size:14px;
    margin-left:25px;
    margin-top:0px;
    padding:0px;
}

.programDiv li{
    color:#4A4A4A;
    font-size:14px;
	margin-left: 20px;
}

.programDiv em{
	color:black;
    font-size:14px;
}
	

.archiv a {
    margin-left: 35px;
}

.archivDiv {
  float:right;
     width:963px;
      margin:15px;
   margin-top:0px;
   padding-bottom:30px;
}

.archivDiv h1{
 font-size:28px;
    margin:0px;
    padding:0px;
    color:#3A8CCC;
    font-weight:normal;
    letter-spacing:0.1px;
    margin-top:30px;
    margin-left:28px;
}



.archivDiv a {
    color:#808080;
}

.archivDiv p {
    color:#4A4A4A;
    font-size:14px;
    margin-left:25px;
    margin-top:0px;
    padding:0px;
    line-height:normal;
 
}
.archivDiv ul {
  color:#4A4A4A;
    font-size:14px;
    margin-left:15px;
}

p.tittle {
font-size:16px;
color: #3A8CCC;
margin-top:35px;
margin-bottom:35px;
}



.gallery {
   background-color:#F4F4F4;
   margin-left:20px;
   padding:20px;
   padding-right:0px;

}
.gallery td {
    width:150px;
    
}

div#pictureDiv {
    
    float:right;
    width:404px;
    height:380px;
}

div#imageDiv{
display:none;
    float:right;
    width:383px;
    height:380px;
}
.time {
    text-align:center;
}

.time p.timeout {
   color:#3A8CCC;
   margin:0px;
margin-top:-20px;
   padding:0px;
   font-size:15px;
  
}
.content {
    float:left;
    width:500px;
height:350px;
padding-top:40px;
padding-left:40px;
    
}

.content p {
    color:#4A4A4A;
    font-size:14px;
}
.content span {
    color:#3A8CCC;
    font-weight:bold;
}

.content h2 {
    margin:0px;
    padding:0px;
    margin-top:10px;
    margin-bottom:20px;
color:  #4A4A4A;
font-weight:normal;
}

.content h1 {
    font-size:40px;
    margin:0px;
    padding:0px;
    color:#3A8CCC;
    font-weight:normal;
    letter-spacing:0.1px;
    
}
.content h3 {
    color:#4A4A4A;
    
}


.green {
  color: #7FBE0C !important;
}

div#rightShade {
    float:right;
    background-image: url(rightShade.gif);
    width:2px;
    background-repeat:repeat-y;
    margin:0px;
    padding:0px;
    height:300px;

}

div#leftShade {
    float:left;
     background-image: url(leftShade.gif);
     height:2px;
     width:2px;
     background-repeat:repeat-y;
       height:300px;
      
}
.menuView{
   float:left;
   width:963px;
   margin-left:15px;
   background-image: url(menuBack.gif);
   background-repeat:repeat-x;
   height:48px;
   

}

.footer {
    float:right;
    width:963px;
    height:75px;
    background-image:url('footer.gif');
    border-top:1px solid #E7E9E9;
    margin-right:15px;
    margin-top:0px;
}
.footer span {
    padding-right:25px;
}
.footer table {
   
    margin-top:20px;
    font-size:12px;
    color:#808080;
    }
.border {
    background-image:url('separator.gif');
    background-repeat:repeat-y;
}

ul#menuViewSimple{
    margin:0px;
    padding:0px;
    float:left;
    height:45px;
    padding-left:10px;
    list-style-type:none;
    color:white;
    width:900px;
    }

ul#menuViewSimple li{
    float:left;
    overflow:hidden;
    text-decoration:none;
    list-style-type:none;
    margin-left:10px;
    

}

ul#menuViewSimple div.backMenu{
    font-size:16px;
    padding-top:15px;
    margin-right:10px;
    text-align:center;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    height:39px;
   

}


ul#menuViewSimple a{
    
    color:white;
    text-decoration: none;
}

ul#menuViewSimple a:hover{
    color:#1A1A1A;
    background-color:transparent;
}

ul#menuViewSimple li.selected{
    background-image:url(leftMenu.gif);
    background-repeat:no-repeat;
    height:39px;
    margin-top:9px;
    padding-left:15px;
    margin-left:0px;
    background-position:top left;

}
ul#menuViewSimple div.select{
    background-image:url(rightMenu.gif);
   background-position:top right;
    height:39px;
    padding-top:6px;
    padding-left:5px;
    padding-right:20px;
    
    text-align:center;

}


.menuBody {
    margin:0px;
    padding:0px;
    float:left;
    height:39px;
    margin-left:-1px;
   
}


p#counter {
  color:#4A4A4A;
  font-size:22px;
  margin-top:7px;


}