html {
    height:100%; 
    font-size:100.01%;
}
* {
   margin:0; 
   padding:0;
	 }
body { 
    position:relative;
    text-align:center; 
    min-height:100.1%; 
    font:16px/21px Verdana, Arial, Helvetica, sans-serif; 
    color:#000; 
    background: #444; 
    width: 50em;
    margin: 0 auto; 
    padding: 1em;
    max-width: 50em;
    min-width: 50em;
}


body * {
    text-align:left;
}

/*=========================================
 *  Main round courners container
 * =======================================*/ 
#wp {
    width: 100%;
    min-width: 50em;
    background: #fff url(img/rsbg.gif) repeat-y right top;
}

.top {
    width: 100%;
    height: 125px;
    background: url(img/toplbg.gif) no-repeat left top;

}

.top span {
    display: block;
    position: relative;
    height: 125px;
    width: 100%;
    background: url(img/acalr.gif) no-repeat right top;

}



.top h1{
   position: absolute;
   top: 0.75em;
   left: 0.625em;
   padding: .2em 0;
   width: 9.2em;
   height: 2.748em;
   color: #19314F;
   font: bold 2.5em Verdana, Arial, Helvetica, sans-serif;
   background: url(img/cal.gif) no-repeat left top;
}

.top h1 span, .top h2 span {
 display: none;
}

.top h2 {
   position: absolute;
   top: 6.250em;
   left: 3.250em;
   font: bold 1em Verdana, Arial, Helvetica, sans-serif;
   color: #597c01;
}

.bottom {
    width: 100%;
    height: 1.063em;/*17px*/
    background: url(img/bottombg.gif) no-repeat right bottom;

}

.bottom span {
    display: block;
    height: 1.063em;
    background: url(img/bottombgl.gif) no-repeat left bottom;

}

/*=========================================
 *  End of main round courners container
 * =======================================*/


/*=========================================
 *  Next section defines contents of main 
 *  column in the page
 * =======================================*/


#main {
    margin: 0 7.750em 0 0;
    padding: 1em;
    font-size: .9em;
    background: url(img/lsbg.gif) repeat-y left top;
    height: 100% !important;
    min-height: 32.500em;
}

#main h1 {
    clear: both;
    padding: 1em .3em .4em .3em;
    color: #445;
    font: bold 2.2em Times, serif;
}

#main fieldset legend{
    padding: 1em .3em 0 0;
    color: #445;
    font: bold 2em Times, serif;
}

#main h2 {
    padding: .6em;
    color: #445;
    font: normal 1.6em Times, serif;
    text-align: justify;
}

#main h2.ev {
    margin-top: 2em;
}
#main p {
  padding: .8em;
  font-size: .8em;
  text-align: justify;
}


.left {
    position: relative;
    float: left;
    width: 40%;
    border-top: 1px solid #ddd;
    margin: 1em;

    voice-family: "\"}\"";
    voice-family: inherit;
    float: none;
    left:0;
    width: 45%;
}
html>body .left {    
    float: none;
    left:0;
    width: 45%;}

.right {
    position: relative;
    float: right;
    width: 40%;
    border-top: 1px solid #ddd;
    margin: 1em;
 
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 45%;
}
html>body .right {width: 45%;}

#main ol.left, 
ol.right {width:15em;}

#main h3 {
    padding: 0.961em 0;
    color: #5F90C5;
    font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
}

.right img, .left img {
    float: right;
    padding: 6px;
    margin: 20px 0 10px 20px;
    border: 1px solid #999;
}

.right p, .left p{
    padding: 0;
}

#main ol {
   margin: 0; 
   padding: 0 .5em 0 3em;
   color: #444;
   font:  bold 1.1em Verdana, Arial, Helvetica, sans-serif;   
}

#main ol li {   padding: .3em;}
#main ol li a,
#main ol li a:visited {
   font-size: .8em;
   color: #2F74BF;
   text-decoration:none;
}

#main ol li a:hover {
    color: #fff;
    background: #2F74BF;
}

#main ol li em {
    display: block;
    font-size: .7em;
}


/*========================
 * div to list events
 * =======================*/
#main .cround {
    width:95%;
    margin: 3em auto 1em auto;
    background: url(img/cbg.gif) repeat-x left top;
    padding-bottom: 2em;
}

.csrt {
    height: 1.063em;
    background: transparent url(img/ctopl.gif) no-repeat left top;
}

.csrt span {
    display: block;
    position: relative;
    height: 1.063em;
    background: transparent url(img/ctopr.gif) no-repeat right top;
}

.cin { /* holds content of mini box*/
    position: relative;
    background: transparent;
    padding: 0.063em 0.63em;
    margin: -1.26em 0 0 0; /*die ie, die!*/

    voice-family: "\"}\"";
    voice-family: inherit;
    border: none;
}
html>body .cin {     
    margin: 0;
}

/* title of event */
.title {
    position: relative;
    float: left;
    width: 70%;
    background: #E0D39B url(img/hlbg.gif) repeat-y left top;
    margin: -1.938em 0 0 0.313em !important;
    margin: -1.2em 0 0 0.313em;

}

.ttl {
    width: 100%;
    height: 0.813em;
    background: url(img/hltop.gif) no-repeat left top;
}

.ttl span {
    display: block;
    height: 0.813em;
    background: url(img/hrtop.gif) no-repeat right top;
}

.title .tin {
    background:  url(img/hrbg.gif) repeat-y right top;
    margin: 0 0 0 0.104em;
    padding: 0 .3em;
    font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
}

.bttl {
    width: 100%;
    height: 0.938em;
    background: url(img/hlbottom.gif) no-repeat left bottom;
}

.bttl span {
    display: block;
    height: 0.938em;
    background: url(img/hrbottom.gif) no-repeat right bottom;
    margin: 0 !important;
    margin-top: -0.125em; /* funny behavior in ie6 */
}
/* end of event title*/

.cin h4 {
   float: right;
   width: 10em;
   font: 1em Times, serif;
   color: #fff;
   text-align: right;
   margin: 0 .2em 0 0 !important;
   margin-top: 1em;
}

.cin h4 span {
   display: block;
   font: .8em Times, serif;
   text-align: right;
}




dl {
    float: left;
    width: 95%;
    margin-top: 1em;
    padding:.7em;
    border: 1px solid #5A636F;
    background:#fff;   
}


dt {
    float: left;
    width: 20%;
    color: #334866;
    font: bold 1em Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
dd {
    float: left;
    padding: 0 0 1em 1em;
    width: 75%;
    color: #000;
    text-align: justify;
}
dd p {
     margin-top: -.6em;
     font: 1em Verdana, Arial, Helvetica, sans-serif;
}
#main br {
    clear: both;
}
/*=========================================
 *  the side column
 * =======================================*/

#side {
    position: absolute;
    top: 8.813em;
    right: 1.063em !important;
    right: 1.063em;
    padding-top: 5em;
    width: 8.375em;
    height: 28.875em;
    background: #fff url(img/acalv.gif) no-repeat right top;
    text-align: left !important;
    text-align:center;/*ie 5.5*/
}


/*=========================================
 *  round boxes in side col
 * =======================================*/
.smallround {
    width: 12.5em;
    background: #fff url(img/small-ls-bg.gif) repeat-y left top;
}

.srt {
    /*width: 100%;*/
    height: 1.688em;
    background: url(img/small-top-bg.gif) no-repeat left top;
}

.srt span {
    display: block;
    position: relative;
    height: 1.688em;
    background: url(img/small-top-r.gif) no-repeat right top;
}



.smallrin { /* holds content of mini box*/
    position: relative;
    background: url(img/small-rs-bg.gif) repeat-y right top;
    padding: 0.063em 0.63em;
    margin: -0.563em 0; /*die ie, die!*/

    voice-family: "\"}\"";
    voice-family: inherit;
    border: none;
}
html>body .smallrin {     
    margin: 0;
}

.smallrin img {
    float: left;
    padding:0.125em;
    margin: 0.250em 0.250em 0 0.250em;
    border: 1px solid #999;
}

.smallrin h3 {
    margin: -1.42em 0 0.285em 0;
    font: bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;  
    color: #5F90C5;
    
}

.smallrin p {
    text-align: left;
    font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif;
    padding: 0 .2em 1em 0;
}

.srb {
    height: 1.188em;
    background: url(img/small-bottom-bg.gif) no-repeat left bottom;

}

.srb span {
    display: block;
    position: relative;
    height: 1.188em;
    background: url(img/small-bottom-r.gif) no-repeat right bottom;
}

.smallrin input {
   width: 6.250em;
}

.smallrin input.submit {
   width: 3.125em;
}

/*=========================================
 * footer
 * =======================================*/
 #footer {
   font-size: .7em;
   color: #fff;
   text-align: center
  }   
 #footer img {
   margin-bottom: -0.063em;
} 
#footer a,
#footer a.visited,
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
/*=========================================
 *  menu
 * =======================================*/

.menuL {
    position:relative;
    margin: 0 11.167em 0 0.166em;
    padding: 0 1em;
    font: .75em Verdana, Arial, Helvetica, sans-serif;
    background: #5F90C5 url(img/menulbg.gif) repeat-x left bottom;
    z-index: 5;
    height: 2.417em;
 }

.menuL ul {
    float: right;
    list-style-type:none;
    text-align: center;
}



.menuL ul li {
      float:left;
      display:inline;
      background:url("img/tright.gif") no-repeat right top;
      margin:0 0 0 11px;
      padding:0;
}

.menuL li a, 
.menuL li a:visited {
      float:left;
      display:block;
      position:relative;
      left:-11px;
      margin-right:-11px;
      width: auto; /*!important;*/
      background:url("img/tleft.gif") no-repeat left top;
      padding:0.584em 1.667em;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
}


.menuL ul li#current,
.menuL ul li:hover {
    color: #334868;
    background-position:100% -125px;
}

.menuL ul li#current a,
.menuL ul li:hover a {
    background-position:0 -125px;
    color:#333;
}

.menuL li#current a{padding-bottom:.666em;}
.menuL li#current a:hover {
    color: #000;
}


/* make dif in case of submenus*/
.menuL ul li#current.subm,
.menuL ul li.subm:hover {
    color: #334868;
    background-position:100% -250px;
}
.menuL ul li#current.subm a,
.menuL ul li.subm:hover a{
    background-position:0 -250px;
    color:#333;
    padding-bottom:.666em;
}

.menuL ul li#current.subm ul li a,
.menuL ul li.subm:hover ul li a{
    padding-bottom:0;
}
/*=========================================
 *  drop part of menu
 * =======================================*/
.menuL ul ul {
position:absolute;
display: none;
text-align: center;
height:2em;
margin-top:-0.166em;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#E0D39B;
width: 55em;
}


.menuL ul ul li{
display:inline;  
line-height:2em; 
font-size: .8em;
background:#E0D39B;
}


.menuL ul li ul li a,
.menuL ul li#current ul li a{
    display: block;	
    color:#000; 
    background:#E0D39B;
    padding: 0 1em;
}


.menuL ul li:hover ul,
.menuL ul a:hover ul,
.menuL ul li#current ul{
    display:block;
    left: 0.168em;
    right: 0.084em;
    top: 2.584em;
}

.menuL ul :hover ul li,
.menuL li#current li {
    width: auto;
    display:block;
}

.menuL ul :hover ul li a,
li ul li a{
     color: #000; 	
     background:#E0D39B;
     padding: 0 1em; 
}

li ul li a:hover,
li ul li a:visited:hover {
    text-decoration: underline;
}