.logo {
    float:left;
}

h1 {
    font-size:30px;
    color:#FFF;
    font-family:Georgia;
    float:left;
    width:6em;
    padding:0 0 0 0.8em;
}

#menu ul#main-menu {
    padding:4px 4px 4px 4px;
}

#menu ul#main-menu > li {
    float:left;
    display:block;
}

#menu ul#main-menu > li > a {
    display:block;
    font-size:20px;
    font-family:georgia;
    color:#00428c;
    text-decoration:none;
    padding:8px 35px;
    height:27px;
}

#menu ul#main-menu > li > a:hover,
#menu ul#main-menu li.active > a {
    color:#FFF;
    background:url(/img/menu-active.png) 0 0 repeat-x;
}

#menu ul#main-menu li.sep {
    background:url(/img/menu-sep.gif) center center no-repeat;
    width:3px;
    height:43px;
    padding:0px 2px;    
}

#menu li ul.submenu {display:none;}

#menu li:hover ul.submenu {
    display:block;
    position:absolute;
    top:40px;
    left:0px;  
    width:100%;
    background:url('/img/html-bg.png');
    z-index: 10;
}

#menu ul#main-menu > li {position:relative;}

/* SUBMENU */

#menu ul#main-menu li ul.submenu li {
    display:block;
    width:100%;
}

#menu ul#main-menu li ul.submenu li a {
    display:block;
    width:96%;
    text-align:left;
    font-size:15px;
    padding:0.3em 1% 0.3em 3%;
    color:#00428C;
    text-decoration:none;
    background:url('/img/menu.png');  
}

#menu ul#main-menu li ul.submenu li a:hover {
  color:#FFF;
  background:url('/img/menu-active.png') 0 0 repeat-x;
} 

/* SUBMENU */

.box {
    background-color:#d0d9d9;
    padding:15px;
    margin-bottom:1em;
}

.box-in {
    background:#dfeaf6 url(/img/box-bg.png) top repeat-x;
    padding:3px;
}

.other-box .box-in {
    padding:15px;
}

.hp-bottom-box {
    width:295px;
    float:left;
}

.hp-bottom-box .box-in {
    padding:2em 1em 1em 1em;
    min-height:450px;
    position:relative;
}

.box-in h2 {
    font-family:georgia;
    color:#0062d1;
    font-size:25px;
    padding:0 0 0.5em 0;
    font-weight:normal;
}

.box-in h3 {
    font-family:georgia;
    color:#00428c;
    font-size:18px;
    padding:0.4em 0;
    font-weight:normal;
}

.box-in p {
    font-size:12px;
    font-family:tahoma;
    color:#000;
    padding:0.3em 0 1em 0;
    line-height:1.8em;
    text-align:justify;
}

.box-in p img {
/*    float:left;*/
    padding:0.4em 0.5em 0.5em 0;
}

.box-in p span {
    color:#0062d1;
}

.hp-bottom-box .box-in a.button {
    position:absolute;
    bottom:1em;
    right:1em;
}

a.button {
    display:block;
    background:url(/img/button-bg.png) 0 0 no-repeat;
    width:98px;
    height:20px;
    text-align:center;
    padding-top:7px;
    text-transform:uppercase;
    color:#555555;
    text-decoration:none;
}


.hp-bottom-box .hp-box-calendar {
    height:155px;
    margin-bottom:15px;
}

.hp-bottom-box .hp-box-action {
    height:245px;
}



#footer p {
    color:#FFF;
}

#footer p a {
    color:#004a9e;
    text-decoration:none;
}





.clr {
    clear:both;
}

.ml_1em {
    margin-left:1em;
}

.text {
    font-size: 14px;
}

table th {
    background: #D0D9D9;
    padding:0.5em 2em;
    font-weight:bold;
    text-align: center;
}

table td {
    padding:0.5em 2em;
}

table#timetable td {
    padding: 0.2em 0.5em;
}

#trained {
    width:100%;
}

#trained td {
    width:25%;
    padding:2em 0;
    text-align:center;
}

#trained td h4 {
    font-size:18px;
}

#trained td h4 a {
    text-decoration:none;
}

#trained td h4 a:hover {
    text-decoration:underline;
}

a, a:visited, a:hover, a:active {
    color:#00428C;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

strong {
    font-weight: bold;
}

.other-box li {
    list-style: circle;
    list-style-position: inside;
    padding-left: 0.5em;
}

.cinema {
    float: left;
}

.cinema-photos {
    float: right;
    width: 260px;
}

.cinema-photo {
    width: 250px;
    text-align: center;
    margin-bottom: 1em;
}

.event-title {
    font-size: 16px;
}