/* CSS Document*/
body p, body a, body li {letter-spacing: .1em;}
h1 {height: 1px; text-indent: -500em;}
h2, h3, h4, h5, h6 {position: relative;}
h2, h3, h4 {margin-top: 18px;}
h4, h5, h6 {line-height: 18px;}
h2 {line-height: 36px; margin-bottom: 18px; letter-spacing: -.04em; font-size: 28px; top: 8px; color: #fff; text-transform: none;}
h3 {font-size: 22px; top: 1px; letter-spacing: -.05em; text-transform: none;}
h4 {font-size: 18px; top: 2px;}
h5 {font-size: 15px; top: 4px;}
h6 {font-size: 13px; top: 5px;}
h2:first-child,
h3:first-child,
h4:first-child {margin-top: 0;}
#branding {background: transparent;}
#branding_left {/*background: transparent url(../assets/images/site/hfo_logo_title.gif) no-repeat 0 20px;*/	height: 142px;}
img.hfo_logo {margin-top: 20px;}
#branding_right {background: transparent url(../assets/images/site/eumap.gif) no-repeat right 20px; height: 142px;}
#navbar {height: 35px; margin-bottom: 0px;}
ul.navbar {margin: 10px 0 0 -5px; float: left; width: 510px; font-size: 12px;}
.navbar li {float: left; display: block; margin: 0 10px;}
.navbar li a {color: #fff; text-decoration: none; font-weight: bold; letter-spacing: normal;}
.navbar li a:hover {color: #999;}
li a.navbar_active {color: #03B2EE;}
#hfo_search {width: 220px;}
#arena {background: transparent;}
#arena h3 {border-bottom: 2px dotted #555;}
h6.posted_detail + h3 {margin-top: -10px;}
#arena ol {list-style-type: decimal; list-style-position: outside;}
#arena ol li {margin: 0 0 0 27px;}
#arena li {margin: 0 0 0 20px;}
#notices_list a {color: #fff; text-decoration: none;}
#arena a, #footer a {color: #fff; border-bottom: 1px dashed #fff; text-decoration: none;}
#notices_list a:hover, #arena a:hover, #footer a:hover {color: #aaa; border-bottom: 1px dashed #aaa;}
#notices_list li {margin-left: 17px;}
#notices_list h4 {color: #fff; background-color: transparent; margin-bottom: 0; padding: 2px 0px; border-bottom: 2px solid #fff; font-size: 14px;}
#notices_list h6 {background-color: transparent; padding: 4px 0px; font-size: 11px; margin-bottom: 2px; border-bottom: 1px solid #555; font-variant: normal;}
#notices_list h6 + h4 {margin-top: 28px;}
#notices_list p {border-bottom: 1px dotted #444; padding-bottom: 10px; font-size: 10px;}
.headline p {color: #ccc !important; font-size: 14px; display: inline-block; margin-bottom: 0px;}
#navmenu {padding: 50px 0 0 0;}
#navmenu dt {border-bottom: 1px solid #555; padding: 2px 0px 3px 0px;}
#navmenu dt a {font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; border-bottom: none;}
#navmenu dt a:hover {color: #999; border-bottom: none;}
#navmenu dt.active a {color: #03B2EE; border-bottom: none;}
#navmenu dd {border-bottom: 1px dotted #555; padding: 2px 0px 3px 0px; color: #4ba565; line-height: .9;}
#navmenu dd a {text-decoration: none; font-size: 9px; font-weight: normal; color: #fff; border-bottom: none;}
#navmenu dd a:hover {color: #ccc; border-bottom: none;}
#navmenu dd.active a {color: #03B2EE; border-bottom: none;}
#footer {background: transparent; margin-bottom: 20px; padding: 18px 0;}
#searchlabel, #searchbox {margin-top: 109px; background-color: #FFF;}
.img_left, .imgleft {float: left; margin: 6px 10px 1em 0; border: 1px solid #666;}
.img_left_nb {float: left; margin: 0px 20px 1em 0;}
#dvrbio {float: left;}
img.dvrmugshot {border: 2px solid #ccc; padding: 6px; background-color: #ededed; float: left; margin-right: 20px;}
#nextprev ul {float: left;}
#nextprev li {list-style: none; float: left; margin-left: 0; margin-bottom: 20px; margin-top: -20px; font-size: .9em;}
#nextprev a {color: #666;}
#nextprev a:hover {color: #999;}
#arena table {border-width: 1px 1px 1px 1px; border-spacing: 3px; border-style: outset outset outset outset; border-color: #777; border-collapse: separate; background-color: #333; font-size: .9em; color: #ccc; margin: 9px 0px 30px 0; width: 100%;}
#arena table td {padding: 3px 3px 3px 3px; background-color: #333; border: 1px outset #000;}
#arena table th {font-weight: bold; font-size: 1.1em; padding: 3px 3px 3px 3px; background-color: #555; color: #ededed; border: 1px outset #000;}
.seventwenty {display: inline; float: left; margin-left: 0px; margin-right: 0px; width: 720px;}
#dvrseclist a {border: none;}
STRONG {font-weight: 600; color: #fff;}
EM {color: #fff; font-weight: bold; font-style: italic;}
.footnote {font-size: smaller; border-top: 1px dashed #ccc;}
blockquote {margin: 1em 0; padding-left: 30px; padding-right: 30px; background: transparent url(../assets/images/site/quotemark.png) no-repeat;}
.address {padding:0; float: left; margin:0 20px 0 0; font-style: normal; background-image: none; width: 220px;}
#latest {margin-bottom: 20px;}
#latest.grid_4 h3 {margin-bottom: 0px; color: #fff; font-size: 14px; border-bottom: 2px solid #ededed; padding: 4px 0px;}
#latest.grid_4 h4 {margin: 0; font-weight: normal; padding: 4px 0px;}
#latest.grid_4 h4 a {color: #03B2EE; font-size: 12px;}
#latest h6 {padding: 0; border-bottom: 1px solid #ccc; font-size: 11px; margin: 4px 0px;}
#latest a {text-decoration: none; color: #fff; font-size: 11px; letter-spacing: normal; font-variant: normal;}
#latest a:hover {color: #999; border-bottom: 1px dashed #999;}
#latest p {border-bottom: 1px solid #ccc; font-size: 10px; letter-spacing: 1px; margin: 6px 0 0 4px; padding-bottom: 8px;}
#hfo_search {width: 220px; margin-top: 106px;}
#gallery {float: left; margin: 20px 0; padding: 0; width: 100%;}
#gallery ul {margin: 0; padding: 0; float: left;}
#gallery li {float: left; list-style: none; margin: 0 3px 3px 0; padding: 0;}
#gallery li a {padding: 0; border: 2px solid #777; float: left;}
#gallery li a:hover {border-bottom: none; border: 2px solid #ccc;}
.fbox img {float: left;}
.caption {font-size: .85em; color: #777;}
.img-caption-left {padding-right: 10px;}
p.snug_under {font-size: 9px; margin-bottom: 6px; margin-top: -18px;}
#accordion {margin: 18px 0 20px 0; background-color: #222; padding: 0 0 0px 0; border: 2px solid #555;}
#accordion h3 {font-size: 14px; margin: 5px 0; padding: 5px 5px 3px 5px; border-bottom: 1px solid #555;}
#accordion h3 a {color: #fff; border-bottom: none;}
#accordion h3 a:hover {color: #999; border-bottom: none;}
#accordion h3.ui-state-active a {color: #fff;}
#accordion .inner {font-size: 10px; border-bottom: 1px dotted #777; padding: 5px 0 8px 5px; color: #fff;}
#accordion .inner a {color: #fff; border-bottom: none;}
#accordion .inner a:hover {color: #777; border-bottom: none;}
#accordion .inner a.ui-accordion-content-active {color: #03b2ee;}
.slideshow {border: 3px solid white; height: 395px; margin-bottom: 20px;}
#photos h3 {margin-bottom: 2px; padding: 0;}
#photos {margin-top: 10px;}
#eventlist {background: url(../assets/images/site/big_eu_no_abu.gif) no-repeat 0 58px; min-height: 500px;}
#eventlist h3 {color: #03b2ee; border-bottom: none; margin: 0; font-size: 12px;}
#eventlist p {font-size: 11px; line-height: 1;}
#faqitems dt a {font-size: 15px; color: #aaa; border-bottom: none;}
#faqitems dt a:hover {color: #aaa; border-bottom: 1px dashed #777;}
#faqitems dt.ui-state-active a {color: #fff;}
#faqitems dt.ui-state-active {margin: 20px 0; border-bottom: 1px solid #fff;}
#faqitems dd p, #faq dd, #faq li {color: #fff;}
div#tabs {height: 390px;}
.ui-tabs .ui-tabs-hide {display: none;}
.ui-tabs {background-color: #03b2ee; float: left; margin: 0; padding: 0;}
.ui-tabs ul {float: left; background: #ededed; width: 680px; margin: 0 0 0 0; padding: 10px 0 0px 20px;}
.ui-tabs li {float: left; margin: 0 2px 0 0; list-style: none; font-size: 0.9em; margin-left: 0px !important; margin-bottom: 0px;}
.ui-tabs a {float: left; display: block; padding: 4px 8px; border: 1px solid #666; border-bottom: none !important; color: #333 !important; font-weight: bold;}
.ui-tabs a:hover, li.ui-tabs-selected a {border-bottom: none !important; background: #fff; padding-bottom: 5px; color: #03b2ee !important;}
.dvr_entry {display: inline; float: left; margin: 20px 0 0 10px !important; width: 116px; height: 150px; padding: 0 0 0 0;}
.dvr_entry a img {border: 4px solid #fff;}
.dvr_entry a:hover img {border: 4px solid #999; background-image: none !important;}
.dvr_entry p {text-align: left; margin: 0; padding: 0 3px; font-size: .85em;}
.dvr_entry a {text-align: center; background-color: #03b2ee; width: 108px; border: none; padding: 0; background-image: none !important;}
div.dvr_entry a p {color: #000 !important; font-weight: bold;}
.dvr_entry a:hover {border-bottom: none; background-color: #03b2ee;}
#dvrseclist {float: left; font-size: 0.9em; border-top: 1px solid #ccc; padding-top: 10px; color: #fff;}
#dvrseclist h6 {margin-bottom: 5px;}
.credits {font-size: .85em; margin: -0.9em 0 0 0;}
#line {border-top: 1px solid #ccc; margin-top: 18px; height: 9px;}
#toggle_it {padding: 10px 0;}
a#slick-toggle {font-size: .9em; color: #fff; text-decoration: none;}
a:hover#slick-toggle {color: #999; border-bottom: 1px dashed #999;}
/* --- CONTACT FORM -- */
.zemContactForm fieldset {border: none; border-top: 1px solid #3d322e; border-bottom: 1px solid #3d322e; padding-bottom: 1em;}
.zemContactForm legend {color: #465; font: 1.2em/1.5em Corbel,Verdana, Arial, sans-serif; margin: 0.7em 0 0.3em 0; padding: 0.5em 10px 0.5em 0; width: 100px;}
.zemContactForm label {float: left; width: 60px; margin: 0.3em 10px 0 0; text-align: right; font: 0.9em/1.45em Corbel,Verdana, Arial, sans-serif; color: #999;}
.zemContactForm input {margin-bottom: 0.5em; background-color: #ccc;}
.zemContactForm textarea {background-color: #ccc;}
.zemContactForm br {clear: left;}
.zemContactForm .zemSubmit {margin: 0.5em 0 0 70px;}
div.zemThanks {padding: 20px; background-color: #333; color: #fff; font-weight: 800; letter-spacing: 2px; border: 1px solid #ccc;}
/* Ordered lists */
ol {list-style-type: decimal; list-style-position: inside;}
ol li>ol li {list-style-type: lower-alpha;}
h6.posted_detail {top: -16px; letter-spacing: 1px; font-size: 10px; font-variant: normal; margin-bottom: 0;}
.video {float: left; clear: left; margin-top: 30px;}
#anot {letter-spacing: -.05em; font-weight: 600; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#front a {border-bottom: none;}
a.external {background: url(../assets/images/site/ico_external.gif) right center no-repeat; padding-right: 12px;}