/* global reset*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:#ededed; background-color: #181818;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* ================ */
/* = The 1Kb Grid = */     /* 16 columns, 40 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 {width: 40px;}
.grid_2 {width: 100px;}
.grid_3 {width: 160px;}
.grid_4 {width: 220px;}
.grid_5 {width: 280px;}
.grid_6 {width: 340px;}
.grid_7 {width: 400px;}
.grid_8 {width: 460px;}
.grid_9 {width: 520px;}
.grid_10 {width: 580px;}
.grid_11 {width: 640px;}
.grid_12 {width: 700px;}
.grid_13 {width: 760px;}
.grid_14 {width: 820px;}
.grid_15 {width: 880px;}
.grid_16 {width: 940px;}
.column {margin: 0 10px 0 10px;
         overflow: hidden;
         float: left;
         display: inline;}
.row {width: 960px;
         margin: 0 auto;
         overflow: hidden;}
.row .row {margin: 0 -10px 0 -10px;
         width: auto;
         display: inline-block;}






/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* 960 Grid System ~ Text CSS */
body {font: 13px/1.5 Arial, "Liberation Sans", Helvetica, sans-serif ;
}
a:focus{outline:1px dotted invert;}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;}
h1{font-size:30px;}
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:10px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}


/* ------------- */


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: #fff !important; font-size: 16px; 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 20px 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 10px 0; font-style: normal; background-image: none; width: 220px;}
.cleft {clear: left;}
#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: 390px; margin-bottom: 20px;}
#slideshow_credits a.external {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}
#slideshow_credits a:hover {color: #ccc;}
#photos h3 {margin-bottom: 2px; padding: 0;}
#photos {margin-top: 10px;}
#eventlist {background: url(../assets/images/site/big_eu_2011.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;}
.bigger {font-size: 14px; font-weight: bold; color: #fff;}
.credits {font-size: .85em; margin: -0.9em 0 1em 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;}