* { padding:0; margin: 0; }

body { text-align: center; font: 62.5% "Trebuchet MS", Trebuchet, Verdana, Helvetica, sans-serif; color: #fff; }
.clearboth { clear: both }
.hand { cursor: pointer }
.hand_big { cursor: pointer; font-size: 2.0em; position: relative; top: 3px }
.bold { font-weight: bold }
.cross { cursor: default }
.rf { float: right }
.lf { float: left }
.scrollable { overflow-x: hidden; overflow-y: scroll }
.hidden { display: none }
.show { display: block }
div.center { width: 100%; text-align: center }
.alignright { text-align: right }
.noborder { border: none }

.bggreen { background-color: #77ad1b }
.bgrose { background-color: #e2017b }
.bgorange { background-color: #f18e00 }

#container { width: 920px; height: 690px; margin: 0 auto; }

#header { height: 191px; padding: 0px 15px 0 11px }
    
    #header .menu { font-size: 1.2em; color: #fff; background-color: #F78F1E; padding: 10px 0 10px 0; margin-bottom: 8px }
        #header .menu a { color: #fff; text-decoration: none }
        #header .menu a.active { font-weight: bold }

    #header #header-logo { float: right; border: none; margin-top: 5px }
    
    #header #header-menu { float: left; padding-top: 5px }
    
    .events-container { text-align: center; height: 75px; padding-left: 100px }
    
        ul.events { list-style-type: none; list-style-position: outside; color: #a8a9ad; padding-top: 10px; width: 685px; }
            ul.events li { float: left; height: 50px; font-size: 14px; text-align: center; }
            ul.events li.spacer { width: 20px }
            ul.events li p { text-align: left; }
            ul.events li img { float: left; padding: 5px }
            ul.events li p.title { float: left; font-weight: bold; }
                ul.events li p.title .seemore { font-weight: normal }
            ul.events li p.date { float: left; }
                ul.events li p.date .active { font-weight: bold }
            ul.events li a { color: #a8a9ad; text-decoration: none }
                ul.events li a span.active { color: #585858 }
        
    #header #title { float: right; text-align: right; padding-top: 4px }
        #header #title h1, h3 { color: #f78f1e }
        #header #title h1 { font-size: 38px }
        #header #title h3 { font-size: 12px; }
        
#index-container { background: transparent url(/layout/img/welcomebg.jpg) no-repeat bottom left; height: 526px }
    #index-container h1 { font-size: 52px; font-weight: normal; padding: 10px 0 10px 0 }
    #index-container .menu, #page-container .menu { font-size: 12px; }
    #index-container .lang, #page-container .lang { font-size: 10px; padding: 5px 0 15px 0 }
    #index-container .contacts, #page-container .contacts { padding: 14px 0 2px 0 }
    #index-container a, #page-container a { color: #fff; text-decoration: none; }
        #page-container a.active { font-weight: bold }
    
#page-container { min-height: 528px; background-color: #ed008c; }
    #page-container img { float: left }
    #page-container .content { float: left; width: 595px; padding: 0 12px 0 12px; text-align: left }
        #page-container .content h2 { padding: 20px 0 15px 0; font-size: 25px }
        #page-container .content .text { font-size: 1.1em; }
        #page-container .content .prices { float: left; width: 300px; border: 0 none; font-size: 1.2em }
        #page-container .content .prices .title { font-weight: bold }
        
        #page-container .content .links {  }
            #page-container .content .links .title { font-weight: bold; font-size: 1.5em }
            #page-container .content .links .urls { list-style-type: none; margin-bottom: 10px }
                #page-container .content .links .urls li a { font-size: 1.2em }
                #page-container .content .links .urls li a:hover { text-decoration: underline }
                
        #page-container .content .doc { clear: both; font-size: 1.1em }                    
        
            
    #page-container #footer1 { clear: both; padding-top: 80px }

.form {  }
    .form p { float: left; width: 87px; text-align: right; padding: 2px 5px 0 0; font-size: 1.3em }
    .form div { width: 357px }
    .form p.spacer { height: 4px; width: 100% }
    .form p.error, .form p.msg  { width: 350px; padding: 25px 0 0 87px; text-align: left }
    .form p.note { float: none; padding: 0 0 20px 0; width: auto; text-align: left }
    .form input { float: left; width: 260px; height: 20px; border: none }
    .form select { width: 260px; height: 20px; border: none; }
    .form p.submit { text-align: right; width: 352px; padding: 20px 0 0 0; }
        .form p.submit input { float: right; width: 20px; height: 20px }
        .form p.submit a { float: right; padding: 3px 8px 0 0; font-size: 11px }
    
#evt-menu { float: left; width: 302px; height: 356px; text-align: left; background-position: bottom middle }
    #evt-menu ul { list-style-type: none; padding-left: 14px; font-size: 1.2em }
    #evt-menu ul.menu { padding-top: 20px; }
    #evt-menu ul.submenu { padding-top: 10px }
        #evt-menu ul li { padding-bottom: 2px }
            #evt-menu ul li a { color: #fff; text-decoration: none; font-size: 1.1em }
            #evt-menu ul li img { position: relative; top: 2px; left: -2px }
            
#event { float: left; width: 618px; height: 336px; padding: 20px 0 0 0; text-align: left; }
    #event h1 { font-size: 30px }
    #event .text { padding: 8px 130px 0 0; text-align: left; width: 488px; height: 278px; line-height: 20px; overflow-x: hidden; overflow-y: auto }
    #event .gal { width: 618px; padding-right: 0px; overflow: hidden }
        #event .text .cmstext { font-size: 1.3em }
        #event .text a { color: #fff }
            #event .text a img { border: none; text-decoration: none }
        
    #event .text .columnlist { list-style-type: none; list-style-position: outside }
    #event .text .columnlist li { float: left; width: 157px; padding-right: 5px; }
            
    #event .text .pdoc { font-weight: bold; font-size: 1.3em; margin: 0 0 5px 0 }
       
        #event .text p.faq_answer { position: relative; top: -3px; padding-bottom: 4px; color: #e9e9e9; line-height: 1.2em }

    #event .text .spacer { clear: both; height: 8px }
    #event .text .nav { position: absolute; width: 100px; top: 480px; margin-left: 500px; text-align: center }

#footer1 img { padding: 50px 0 0 80px }
#footer1 p { clear: both }

.galleries-menu { list-style-type: none; list-style-position: outside; }
.galleries-menu li { float: left; padding-right: 20px; font-size: 1.1em }
    .galleries-menu li a { text-decoration: none }
    .galleries-menu a.active { background: url(/layout/img/active-green.jpg) no-repeat; padding-left: 18px; font-weight: bold }
       
.gallery { clear: both; margin-top: 15px; overflow-y: auto; height: 245px }
    .gallery table tr td { text-align: center; vertical-align: middle; padding: 5px; width: 52px; height: 63px }
    .gallery table tr td:hover { }
    
.cmstext { font-size: 1.3em }