html {
	height: 100%;
	background: #667390; /* Old browsers */
/* IE6-9 fallback on horizontal gradient */
}

@font-face {
    font-family: 'Junction';
    src: url('/fonts/junction_02-webfont.eot');
    src: url('/fonts/junction_02-webfont.eot?#iefix') format('eot'),
         url('/fonts/junction_02-webfont.woff') format('woff'),
         url('/fonts/junction_02-webfont.ttf') format('truetype'),
         url('/fonts/junction_02-webfont.svg#webfontVsJ9Vcae') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SMGoudy';
    src: url('/fonts/oflgoudystmtt-webfont.eot');
    src: url('/fonts/oflgoudystmtt-webfont.eot?#iefix') format('eot'),
         url('/fonts/oflgoudystmtt-webfont.woff') format('woff'),
         url('/fonts/oflgoudystmtt-webfont.ttf') format('truetype'),
         url('/fonts/oflgoudystmtt-webfont.svg#webfonthkXXizkn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Allerta';
    src: url('/fonts/allerta_medium-webfont.eot');
    src: url('/fonts/allerta_medium-webfont.eot?#iefix') format('eot'),
         url('/fonts/allerta_medium-webfont.woff') format('woff'),
         url('/fonts/allerta_medium-webfont.ttf') format('truetype'),
         url('/fonts/allerta_medium-webfont.svg#webfontD8HnQf2T') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; background-color: transparent; }

strong { font-weight: 400; }

#main-header .nav .icon { margin-right: 0.5em; margin-top: 0.25em; opacity: 0.8; }
#main-header .nav .active .icon { opacity: 1 !important; }
#main-header .nav a:hover .icon { opacity: 1; }
#main-header .navbar { border-bottom: 1px solid rgba(255,255,255,0.1); box-shadow: 0px 0px 2px rgba(0,0,0,0.33); z-index: 400; }
#main-header .navbar a { font-size: 16px; }

#main-content.normal-content { margin: 100px 0px; margin-bottom: 20px; height: 100%; color: #fff; }
#main-content p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-size: 16px; }
#main-content ul, #main-content li { list-style-type: square; font-size: 16px; }
#main-content.normal-content h1 { font-family: "Junction", Georgia, serif; font-size: 50px; line-height: 60px; font-weight: 400; text-transform: uppercase; }
#main-content.normal-content h2 { font-family: "Junction", Georgia, serif; font-weight: 400; text-transform: uppercase; margin-top: 1em; }
#main-content.normal-content p a[href] { color: #fff; text-decoration: underline; }
#main-content.normal-content p a[href]:hover { opacity: 0.8; }
#main-content.normal-content abbr { border: none; }

#main-content #index-title h1 { font-family: "Junction", Georgia, serif; font-size: 110px; line-height: 0.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; background: -webkit-linear-gradient(#fff, rgba(255,255,255,0.88)); -webkit-background-clip: text; }
.index-content #index-title h2 { font-size: 70px; line-height: 0.8em; margin-bottom: 0.4em; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.index-content #index-title .colon { display: none; }

#main-content.index-content { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 290px; color: #fff; }
#main-content.index-content p { margin: 0; font-weight: 400; font-size: 20px; }
#main-content.index-content #index-title { border-bottom: 1px solid rgba(255,255,255,0.33); padding-bottom: 0.5em; margin-bottom: 2em; }

.list-events { border: 1px solid rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.9); border-radius: 3px; color: #333; padding: 1em; margin-top: 1em; }
.list-events ol { margin: 0.5em 1em; }
.list-events li { display: block; padding: 0; font-size: 20px !important; line-height: 30px; font-weight: 600; margin-bottom: 0.5em; }
.list-events li a { color: #333 !important; border: none !important; }
.list-events li a:hover { color: #666 !important; }
.list-events .icon { margin-top: 0.33em; margin-right: 0.5em; }

.about-content .moglen-image { margin-top: 40px;}

#map { height: 350px; margin-top: 1em; }
#map a[href] { color: #600; }

@media(max-height: 500px) {
	#main-content.normal-content { margin: 60px 0px; }
}

@media (max-width: 767px) {
	#main-content.index-content { margin-top: 100px; }
	#main-content.normal-content { margin: 20px 0px; }
}