@font-face {font-family: 'avenir_lt_45_bookregular';src: url('../fonts/avenir_lt_45_book-webfont.eot');src: url('../fonts/avenir_lt_45_book-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/avenir_lt_45_book-webfont.woff') format('woff'),url('../fonts/avenir_lt_45_book-webfont.ttf') format('truetype'),url('../fonts/avenir_lt_45_book-webfont.svg#avenir_lt_45_bookregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'avenir_lt_55_romanbold';src: url('../fonts/avenir_lt_85_heavy-webfont.eot');src: url('../fonts/avenir_lt_85_heavy-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/avenir_lt_85_heavy-webfont.woff') format('woff'),url('../fonts/avenir_lt_85_heavy-webfont.ttf') format('truetype'),url('../fonts/avenir_lt_85_heavy-webfont.svg#avenir_lt_55_romanbold') format('svg');font-weight: normal;font-style: normal;}

body {width:100%;margin:0 auto; height: auto !important; min-height: 100vh !important; background-color:transparent;/*background-image:url(../images/andromeda_3840x2160_SFW40.jpg);background-repeat:no-repeat;*/background-attachment: fixed;overflow-y: auto !important;overflow-x: hidden !important;background-size: contain;background-position: right;font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;font-weight:normal;-webkit-text-size-adjust: none;}
html {margin:0 auto;overflow-x:hidden;overflow-y:auto;height: auto !important; min-height:100% !important;}
pre {padding:0px;margin:0 auto;width:90%;border:0px;overflow:auto;padding-top:0px;margin-bottom:20px;}
code {display: block;font-family: Consolas, monospace, Monaco;font-size:12px;line-height:16px;color: #333;border-radius:0px;border:0px;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;width:auto;margin:0 auto;}
code strong {font-family: Consolas, monospace, Monaco;font-weight:bold;}

a {-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;opacity: 1.0;text-decoration:none;}
a strong,strong {font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;font-weight:normal;}
p {font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;font-weight:normal;}


.fade-in {
   opacity: 0;
   animation: fadeInAnimation 2s forwards;
}

 @keyframes fadeInAnimation {
   from { opacity: 0; }
   to { opacity: 1; }
}


.language-menu {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 10px;
    min-width: 150px; /* Increased width */
}

.language-menu > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    min-width: 150px !important; /* Ensure button is wide enough */
    text-align: center !important;
    display: block !important;
}

.language-menu ul {
    min-width: 150px !important; /* Match dropdown width to button */
}

.language-menu ul li a {
    padding: 10px;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}



    /* Ensure dropdown aligns with button */
.navigation ul li.language-menu:hover > ul {
    display: block;
    right: 0; /* Align to right side of button */
}
</style>

.animate { /* Makes columns animate when @media css changes */
    -webkit-transition: width 0.2s ease, height 0.2s ease;
    -moz-transition: width 0.2s ease, height 0.2s ease;
    -o-transition: width 0.2s ease, height 0.2s ease;
    -ms-transition: width 0.2s ease, height 0.2s ease;
    transition: width 0.2s ease, height 0.2s ease;
}

img,
img a {width:100%;height:auto;border:0px;margin:0px;padding:0px;}

h1 {line-height:26px;padding-top:20px;padding-bottom:15px;margin:0 auto;font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;font-weight:normal;font-size:20px;text-align:center;}
h2 {line-height:22px;padding-top:10px;width:90%;padding-bottom:15px;margin:0 auto;font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;font-weight:normal;font-size:16px;text-align:center;}

.welcome {padding-top:0px;text-align:center;font-size:24px;font-weight:normal;line-height:28px;}
.welcome strong {font-weight:normal;}

h2 a,.welcome a {color:#fff;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;}
h2 a:hover,.welcome a:hover {color:#c6c6c6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #111;}

.yearbutton {
    
border-style:none; border:hidden;

}

/*
    Footer Styles
*/
.social {padding-top:20px;padding-bottom:20px;}
.footer {margin-top:30px;margin-bottom:50px;margin:0 auto;z-index:1;text-align:left;padding-top:10px;margin-bottom:30px;}
.f1 .footer p,
.p1 .footer p {font-size:13px;color:#888;line-height:22px;margin-bottom:10px;}
.f1 .footer p a,
.p1 .footer p a {font-size:13px;font-weight:normal;color:#333;padding-bottom:0px;text-decoration:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;}
.f1 .footer p a:hover,
.p1 .footer p a:hover {color:#000;text-decoration:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000;}

/* Internet Explorer 7 Warning */
#warning {background-color:#333;padding:20px;color:#999;margin-bottom:10px;line-height:21px;font-size:16px;}
#warning strong {color:#fff;}
#warning a {color:#fff;font-weight:normal;padding-bottom:0px;text-decoration:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666;}
#warning a:hover {color:#fff;font-weight:normal;padding-bottom:0px;text-decoration:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: .fff;}

/* Columns Fixed (f) */
.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8
{
    font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:21px;
    margin:0 auto;
    clear:both;
    /* This creates the height of the columns, and centres the text. */
    text-align:center;
    line-height:30px; 
    color:#FFFFFF;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    height: auto;
    min-height: 100vh;
}

/*
    Make all divs have a grey background, so they are visible.
*/

.f1 .one {background-color:transparent; overflow: visible;}
.f2 .one,.f2 .two {background-color:transparent; overflow: visible;}
.f3 .one,.f3 .one-two,.f3 .two,.f3 .two-three,.f3 .three {background-color:transparent; overflow: visible;}

.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
    background-color:transparent;
     overflow: visible;
}

.f5 .one,
.f5 .one-two,
.f5 .one-three,
.f5 .one-four,
.f5 .two,
.f5 .two-three,
.f5 .two-four,
.f5 .two-five,
.f5 .three,
.f5 .three-four,
.f5 .three-five,
.f5 .four,
.f5 .four-five,
.f5 .five {
    background-color:#ccc;
     overflow: visible;
}

.f6 .one,
.f6 .one-two,
.f6 .one-three,
.f6 .one-four,
.f6 .one-five,
.f6 .two,
.f6 .two-three,
.f6 .two-four,
.f6 .two-five,
.f6 .two-six,
.f6 .three,
.f6 .three-four,
.f6 .three-five,
.f6 .three-six,
.f6 .four,
.f6 .four-five,
.f6 .four-six,
.f6 .five,
.f6 .five-six,
.f6 .six {
    background-color:#ccc;
     overflow: visible;
}

.f7 .one,
.f7 .one-two,
.f7 .one-three,
.f7 .one-four,
.f7 .one-five,
.f7 .one-six,
.f7 .two,
.f7 .two-three,
.f7 .two-four,
.f7 .two-five,
.f7 .two-six,
.f7 .two-seven,
.f7 .three,
.f7 .three-four,
.f7 .three-five,
.f7 .three-six,
.f7 .three-seven,
.f7 .four,
.f7 .four-five,
.f7 .four-six,
.f7 .four-seven,
.f7 .five,
.f7 .five-six,
.f7 .five-seven,
.f7 .six,
.f7 .six-seven,
.f7 .seven {
    background-color:#ccc;
     overflow: visible;
}
.f8 .one,
.f8 .one-two,
.f8 .one-three,
.f8 .one-four,
.f8 .one-five,
.f8 .one-six,
.f8 .one-seven,
.f8 .two,
.f8 .two-three,
.f8 .two-four,
.f8 .two-five,
.f8 .two-six,
.f8 .two-seven,
.f8 .two-eight,
.f8 .three,
.f8 .three-four,
.f8 .three-five,
.f8 .three-six,
.f8 .three-seven,
.f8 .three-eight,
.f8 .four,
.f8 .four-five,
.f8 .four-six,
.f8 .four-seven,
.f8 .four-eight,
.f8 .five,
.f8 .five-six,
.f8 .five-seven,
.f8 .five-eight,
.f8 .six,
.f8 .six-seven,
.f8 .six-eight,
.f8 .seven,
.f8 .seven-eight,
.f8 .eight {
    background-color:#ccc;
     overflow: visible;
}

/* Additional styles may go here */