/* 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: 760px; 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;}
.img_hero {float: left; margin: 6px 0 1em 0; border: 2px solid #666;}
#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:  0 0 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;}

/*  event navigation  */
Event Nav Image Links ul {float: left; width:960px; margin-bottom: 0;}
#eventnav h2 {font-size: 12px; line-height: 1.1; margin: 0; color: #fff; letter-spacing:-1px ; text-transform: uppercase;}
#eventnav h3 {font-size: 1em;margin: 0;}
#eventnav p {font-size: .9em;}
#eventnav .event-nav-title h2 {height: 80px; font-size: 3.9em; letter-spacing: -0.07em; padding-top: 13px;}
#eventnav a {text-decoration: none; color: #999;}
#eventnav a:hover {color: #fff;}
.big_yr {font-size: 3em; font-weight: 600; margin-top: 10px; color: #fff;}
#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 div.inner.active a {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_2012.png) no-repeat 0 58px; min-height: 500px;}
#eventlist h3 {color: #03b2ee; border-bottom: none; margin: 0; font-size: 12px; text-transform: uppercase;}
#eventlist p {font-size: 12px; 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;}
p.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;}
.ak-hire {width: 700px; float: left;}
/* Fancybox Styles */

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent  url('../assets/images/site/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #000;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background:  url('../assets/images/site/fancybox/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background:  url('../assets/images/site/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent  url('../assets/images/site/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent  url('../assets/images/site/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent  url('../assets/images/site/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Corbel,"Gill Sans",Myriad,Arial,"Liberation Sans",Freesans;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	border: none;
	height: 32px;
	width: 15px;
	background: transparent url('../assets/images/site/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	border: none;
	height: 32px;
	background: transparent url('../assets/images/site/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	border: none;
	height: 32px;
	width: 15px;
	background: transparent url('../assets/images/site/fancybox/fancy_title_right.png') repeat-x;
}

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:20px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {background-color: #666; margin-bottom: 10px;}
#slider {
position:relative;
    width:696px;
    height:278px;
    background: #181818 url(../assets/images/site/ajax-loader.gif) no-repeat 50% 50%;
    border: 2px solid #666;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none; background-position: 0;}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-2px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../assets/images/site/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0; background-image: url(../assets/images/site/arrows.png);}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

a #hfoshop {margin-top: 24px; height: 220px; background: url(../assets/images/site/shop_bw3.png) no-repeat 0 -221px;}
a:hover #hfoshop { background-position: 0 0;}
#yearbook { position: relative;border: 3px solid #666; -moz-border-radius: 3px;
border-radius: 3px; height:220px;background: url(../assets/images/site/hfo_book_2011.jpg) no-repeat 45px 10px;margin-top: 10px;  }
#yearbook p {position: absolute; left: 10px; top: 192px; font-size: .9em;}

#twtr-widget-1 {margin-top: 25px; border: 3px solid #666; -moz-border-radius: 3px;
border-radius: 3px;}
.twtr-hd a { text-transform: uppercase; font-size: 14px; letter-spacing: -.1em;}