html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family:sans-serif;
margin: 0;
color: #333333;
background-color: #ffd700;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
 h2.block-title {
display:none;
}
#header, #content, #footer, #navigation {
padding-left:4em;
padding-right:4em;
background-color: #fff;
margin-left:auto;
margin-right:auto;
max-width: 960px;
margin-top:0;
margin-bottom:0;
}
#header {
position:relative;
}
@media only screen and (max-width:640px) {
	#header, #content, #footer, #navigation{
	padding-left:1em;
	padding-right:1em;
	}
}

#content-with-side {
background-color: #fff;
width:65%;
margin-right:5%;
float:left
}
#content-with-side .blog-head {
font-family: Passion One, cursive;
font-weight: normal;
color: #575756;
font-size:2em;
}
#content-with-side .blog-head-small {
font-family: Passion One, cursive;
font-weight: normal;
color: #575756;
font-size:1.5em;
}
#content-with-side .alert {
color: #f00;
margin-top:1em;
margin-bottom:0;
font-size:85%;
}
#content-with-side .blog-credit {
color: #999;
margin-top:0.5em;
margin-bottom:0.3em;
font-size:85%;
}
#content-with-side .blog-info {
background-color:#999;
}
#content-with-side .blog-info p {
font-size:80%;
padding:0.5em;
color:#fff;
}
#content-with-side h1 {
margin-top:0.5em;
}
#content-with-side .blog-form, .caption {
color: #999;
font-size:80%;
}
#content-with-side .blog-boxes {
width:100%;
padding:12px;
margin-top:3px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#content-with-side textarea.blog-boxes  {
height:120px;
}

#content-with-side img {
max-width:100%;
max-height:100%;
}

/* fix google map control */
#map label { 
width: auto; 
display:inline; 
}
#map img { 
max-width: none; 
max-height: none; 
}

#sidebar-right { 
width: 30%;
margin: 20px 0;
float:left;
background-color: #fff;
}
#sidebar-right img {
max-width:100%;
max-height:100%;
}
@media only screen and (max-width:640px) {
	#sidebar-right{
	display:none;
	}
	#content-with-side {
	width:100%;
	}
}
.itembox-head { 
background-color : #666; 
color : #fff; 
font-size : 12pt; 
font-weight : bold; 
padding : 0.5em 1em 0.5em 1em ; 
margin : 10px 0 0 0; 
} 
.itembox { 
padding : 0.5em 1em 0.5em 1em ; 
background-color : #fff; 
margin: 0 0 12px 0;
border : 2px solid #666; 
font-size:90%;
} 

#header {
padding-top:0;
border-top-style:solid;
border-color:#fff;
border-width:1em;
background-color: #fff;
}
#header .inner {
margin-top:0.5em;
}
#footer {
margin-top:0;
margin-bottom:0;
padding-top:0;
background-color: #2a3642;
}
.linkback {
margin:0;
float:left;
margin-right:0.6em;
}
.linkback a {
display:block;
text-indent:-119988px;
overflow:hidden;
text-align:left;
background-image:url(../images/HnH-logo-land-short.png);
background-repeat:no-repeat;
background-position:50% 50%;
height:95px;
width:208px;
background-position:0 0;
-webkit-transition:0.5s opacity;
-moz-transition:0.5s opacity;
-o-transition:0.5s opacity;
transition:0.5s opacity;
}
.linkback a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8;
}
.site-slogan {
display:none;
}

@media only screen and (min-width: 780px) {
	.site-slogan {
	height:77px;
	float:left;
	padding-left:1em;
	display:block;
	margin-top:0.5em;
	border-left:1px solid #888;
	font-size: 1.35em;
	}
}


@media only screen and (min-width:640px) {
.site-slogan {
position:relative !important;
clip:auto
}

}

.action-button-wrapper {
width:33%;
padding:0;
position:absolute;
top:-1em;
right:0;

}

.action-button-wrapper a {
text-decoration:none;
color:#fff;
background-color:#60C;
font-family: 'Passion One', cursive;
font-weight: normal;
font-size:2.5em; /*font-size:2.2em;*/
line-height:1em;
padding-top: 0.7em; /*padding-top: 1em;*/
text-align:center;
letter-spacing:1px;
width:100%;
float:right;
height:1.8em; /*height:2.5em;*/
}

.action-button-wrapper a:hover{
background-color:#93C;
}

@media only screen and (max-width:640px) {
.action-button-wrapper {
display:none
}

}
#navigation {
position: relative; 
margin-top: 0;
margin-bottom:0;
}

#navigation li {
width:100%;
float:left;
border-bottom:2px solid #fff;
}

#navigation  li a {
font-family: 'Passion One', cursive;
font-weight: normal;
color: #575756;
font-size:2em;
padding-top:0.3em;
text-align:center;
letter-spacing:1px;
color:#fff;
background-color:#575757;
height:43px;
text-decoration:none;
}

#navigation ul {
width:100%;
margin:0;
padding:0;
list-style: none;
}

#navigation li a:hover {
background:#ffff00;
color:#575756;
}

#navigation ul li:hover > a {
background:#ffff00;
color:#575756;
}

#navigation li a:active, li a:focus {
background:#79c547
}

#navigation  li a.active-trail {
background:#ffff00
}

#navigation menu:after {
content:"";
display:table;
clear:both
}

#navigation #navigation-four {
border-right:none
}

#navigation a.last {
background-color:#f00;
}

#navigation a.last:hover {
background:#ffff00
}

#navigation a.last:active, li a.last:focus {
background:#79c547
}

#navigation li a {
display:block;
}

@media only screen and (min-width:640px) {
	#navigation  li {
	width:24.7%;
	border-width:2px;
	border-bottom:none;
	border-right:2px solid #fff;
	}
	#navigation-four {
	border-right:none;
	}
	#navigation li.last a {
	position:relative
	}
	#navigation  li.last a:before {
	content:" ";
	display:block;
	position:absolute;
	left:100%;
	top:0;
	width:21px;
	height:53px;
	}
}

.flyout-right, .flyout-left{
position:absolute;
overflow: hidden;
z-index:10000;
display:none;
}
.flyout-right ul, .flyout-left ul{
width:100%;
margin:0;
padding:0;
list-style: none;
color:#575756;
}

@media only screen and (min-width:640px) {
	.flyout-right, .flyout-left{
	position:absolute;
	overflow: hidden;
	z-index:10000;
	display:none;
	margin: 0;
	color:#575756;
	background-color:#ffff00;
	margin:0 1em 0 1em;
	width:30%;
	}
	.flyout-left{
	margin-left:-17%;
	width:60%;
	}
	div#navigation ul li div.flyout-right h3, div#navigation ul li div.flyout-left h3{
	font-size:1.5em;
	margin-bottom:0;
	color:#575756;
	margin-left:0.5em;
	}
	div#navigation ul li div.flyout-left ul, div#navigation ul li div.flyout-right ul  {
	width:65%;
	float:left;
	padding-bottom:1em;
	list-style: none;
	color:#575756;
	}
	div#navigation ul li div.flyout-left ul li, div#navigation ul li div.flyout-right ul  li {
	float:none;
	border:0;
	margin-top:0.3em;
	background-color:#ffff00;
	width:95%;
	font-weight:normal;
	font-size:1em;
	margin-left:0;
	list-style: none;
	}
	div#navigation ul li div.flyout-left ul li a, div#navigation ul li div.flyout-right ul  li a{
	display: block;
	background-color: #666;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	font-family:sans-serif;
	letter-spacing:0;
	font-size:0.9em;
	color:#fff;
	white-space: nowrap;
	padding:3px;
	width:95%;
	height:1.3em;
	margin-top:2px;
	}
	div#navigation ul li div.flyout-left ul li a:hover, div#navigation ul li div.flyout-right ul  li a:hover{
	color:#000;
	}
	.menu-image-wrapper{
	float:left;
	display:block;
	width:20%;
	margin-left:5%;
	}
	.menu-image{
	margin-top:0.5em;
	width:100%;
	height:100%;
	}

	#navigation-one:hover .flyout-right{
	display:block;
	}
	#navigation-two:hover .flyout-right{
	display:block;
	}
	#navigation-three:hover .flyout-left{
	display:block;
	}
	#navigation-four:hover .flyout-left{
	display:block;
	}
}


#top-menu  {
clear: both;
width: 100%;
margin-top:5px;
margin-bottom:0;
text-align:center;
background-color: #fff;
}

#top-menu li {
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
padding-right:0.5em;
margin-right:0.25em;
border-right:1px solid #888;
font-size:80%;
font-weight:bold;
}

#top-menu  li.last {
border:none;
margin-right:0;
}


@media only screen and (min-width:640px) {
	#top-menu {
	clear: both;
	position:relative !important;
	clip:auto;
	text-align:right;
	}
}

#add-this-wrapper {
text-align:center;
margin-top:0;
margin-bottom:0;
width:100%;
}

.add-this{
width:30%;
float:left;
}

@media only screen and (max-width:640px) {
	.add-this
	{
	display:none;
	}
}

#signup-form {
float:left;
margin-left:5%;
width:65%;
/*margin:0 auto;*/
}

@media only screen and (max-width:640px) {
	#signup-form
	{
	width:100%;
	}
}

#signup-form p {
float:left;
margin-top:8px;
width:20%;
}

#email, #zip, #email_button {
padding:6px;
float:left;
width:20%;
margin-left:0.5em;
}

.middle-block {
width:100%;
text-align:center;
}
.middle-block h1 {
margin-top:0.3em;
}

@media only screen and (min-width:640px) {
	.middle-block {
	width:33.33%;
	float:left;
	}
}

h1, h2, h3, h4, h5, h6, .index-blog-head , .square-link, .blog-index-sub  a {
font-family: Passion One, cursive;
font-weight: normal;
color: #575756;
}
h1, h2, h3 {
margin-top: 0;
margin-bottom: 0.2em;
}
h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.7em;
}
h1 { 
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.125em;
}
h5 {
  font-size: 0.9em;
}
h6 {
  font-size: 0.75em;
}
blockquote {
  margin-top: 1.5em;
  margin-bottom: 2em;
  margin-left: 2em;
  padding-left: 1.5em;
  border-left: 3px solid #ccc;
} 
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}

hr {
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px dotted #b3b3b3;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
p {
  margin: 0 0 10px;
}
.breadcrumbs {
color: #f00;
margin-top:1em;
margin-bottom:0;
font-size:85%;
}
.breadcrumbs ul {
list-style: none; 
}
.breadcrumbs ul li {
display:block;
background-color:#eee0ed;
padding:6px;
}
.breadcrumbs a {
display:block;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration:underline;
}
.highlight{
background-image:url(../images/important-red.png);
background-size:50px 50px;
background-position:6px 6px;
background-repeat:no-repeat;
font-weight:bold;
display:block;
padding:0.5em 0.5em 0.5em 4.5em;
margin-bottom:2em;
margin-top:1em;
background-color:#ff0;
}

#ad-box{
text-align: center;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ff0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

ul { 
list-style : square inside; 
margin-left : 0; 
padding-left : 0; 
text-indent : 0; 
} 
li { 
margin-top: 0.2em; 
} 
li ul li { 
list-style : disc inside; 
margin-left : 0; 
padding-left : 1em; 
text-indent : 0; 
} 
li.close { 
margin-top : 0.2em; 
} 

form {
  margin-bottom: 10px;
}
label {
  display: inline-block;
  margin-bottom: 5px;
}
button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, input {
  line-height: normal;
}
button, select {
  text-transform: none;
}
textarea {
width: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"] {
width: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-signup #email {
  width: 100%;
  padding: 5px;
}
.form-signup #zip {
  width: 80%;
  padding: 5px;
}
input[type="submit"] {
 cursor: pointer;
  padding: 4px 4px 5px 4px;
  border: 1px solid transparent;
  border-color: #e72112;
  color: #ffffff;
  background-color: #f00;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
input[type="submit"]:hover, input[type="submit"]:focus, .btn:hover, .btn :focus{
  text-decoration: none;
  color: #333333;
  border-color: #ae190d;
  color: #ffffff;
  background-color: #d81f11;
}
.btn {
 cursor: pointer;
  padding: 4px 4px 5px 4px;
  border: 1px solid transparent;
  border-color: #e72112;
  color: #ffffff;
  background-color: #f00;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin-bottom: 0;
  margin-top:-37px;
  margin-right:-10px;
  width:16%;
  float: right;
}


@media only screen and (min-width:640px) {
	.form-signup {
	margin-bottom: 0;
	float: right;
	width:58%;

	}
	.form-signup #email, .form-signup #zip {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	width: 38%;
	padding: 5px;
	}
	.form-signup #email {
	margin-right: 2%;
	}
	.form-signup .btn {
	display: inline-block;
	float: right;
	margin-top:-0.5px;
	margin-right:0;
	width: 14%;
	}
}

.form-signup h3 {
padding-top:12px;
}
.form-signup {
clear:both;
margin-top:-86px;
}


#slider-wrapper{
padding-top:2em;
position: relative;
}
#slider {
}

#slider img {
width: 100%;
}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

/* // Sudo Slider */
/* Numeric Navigation */
ol {
margin:1em 0;
padding:0;
height:28px;
position: absolute;
left:0.5em;
top:1.5em;
}
ol li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#ffffcc;
color:#555;
padding:0 10px;
text-decoration:none;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
ol li.current a{
background:#ffed00;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{
outline:none;
}

.graphic, .prevBtn, .nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

.prevBtn, .nextBtn {
display:block;
width:30px;
height:77px;
top:40%;
z-index:1000;
cursor:pointer;
}	

.prevBtn{
position: absolute;
left:-30px;
background:url(../images/btn_prev.png) no-repeat 0 0;
}	

.nextBtn{
position: absolute;
right:-30px;
background:url(../images/btn_next.png) no-repeat 0 0;
}	

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

a.circle-link .circle {
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
background:#f00;
height:170px;
margin:0 auto;
position:relative;
width:170px;
-webkit-box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00;
-moz-box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00;
box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00
}

a.circle-link .circle {
background:#f00
}

a.circle-link .circle:hover {
background:#ff0
}

a.circle-link:hover .circle {
-webkit-box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0;
-moz-box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0;
box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0
}

a.circle-link img {
left:50%;
margin-left:-40px;
margin-top:-40px;
position:absolute;
top:50%;
}
.square {
width:44%;
float:left;
padding-top:0.3em;
padding-bottom:0.3em;
margin-top:1em;
}
.square:nth-of-type(1) {
margin-left:4%;
} 
a.square-link .square {
text-align:center;
vertical-align:middle;
line-height:1;
text-decoration:none;
display:-moz-inline-stack;
display:inline-block;
font-size: 2.5em;
color:#fff;
background:#f00;
position:relative;
overflow:visible;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
-webkit-box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00;
-moz-box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00;
box-shadow:inset 0 0 0 0 #f00,inset 0 0 0 0px #f00,0 1px 2px #f00
}
a.square-link .square {
background:#f00
}
a.square-link .square:hover {
background:#ff0
}

a.square-link:hover .square {
-webkit-box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0;
-moz-box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0;
box-shadow:inset 0 0 0 150px #ff0,inset 0 0 0 0px #ff0,0 1px 2px #ff0
}

@media only screen and (min-width:640px) {
	.square-action-button-wrap {
	width:49%;
	float:left;
	padding:0;
	overflow:hidden;
	margin-top:2em;
	}
	.square-action-button-wrap-1{
	width:49%;
	float:right;
	padding:0;
	overflow:hidden;
	margin-top:2em;
	}
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:1em;
}

.video-wrapper iframe,  
.video-wrapper object,  
.video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 1em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#index-blog-title {
width:100%;
text-align:center;
}
.blog-index-sub {
margin-top: 1em;
padding:0.4em 0.4em 0.4em 0.4em;
background-color:#2a3642;
display:block;
font-weight:bold;
}
.blog-index-sub  a {
text-decoration: none;
color:#fff;
font-size: 1.5em;
}
.index-blog-wrapper {
margin-left:0;
margin-right:0;
margin-top:1em;
}
.index-blog-image {
width:170px;
float:left;
text-align:right;
margin-right:20px;
}
.index-blog-image img{
width:170px;
height:113px;
border:0;
margin-top:0.1em;
}
.index-blog {
width: 100%;
}
.index-blog-head {
font-size: 1.5em;
line-height: 1em;
margin-bottom: 1.8em;
}
.index-blog-date
 {
font-size: 0.9em;
color:#999;
}
.index-blog-words
 {
font-size: 1em;
margin-top:0;
}
.index-blog-words a
 {
 background-color: #ff0;
 }

@media only screen and (min-width:640px) {
	.index-blog-wrapper {
	margin-left:2em;
	margin-right:2em;
	}
}
#footer  p {
color:#fff;
font-size:80%;
margin-top:0;
margin-bottom:1em;
}
#footer .end-block{
padding-bottom:3em;
}
#footer .foot-blog {
margin-top:0.5em;
float:left;
margin-right:3em;
height:150px;
text-align:center;
}
#footer .foot-blog img{
width:100px;
height:100px;
}
#footer .foot-blog h3{
color:#fff;

}
#footer .foot-socials{
margin-top:1em;
margin-bottom:2em;
float:left;
}
#footer .foot-socials img{
width:37px;
height:37px;
}
#footer .foot-nav{
clear:both;
margin-top:0.5em;
margin-bottom:1em;
}
#footer .foot-nav ul {
margin:0;
padding:0;
list-style: none;
color:#fff;
}
#footer .foot-nav li{
display:inline-block;
color:#fff;
margin-left:0;
margin-right:0;
}
#footer .foot-nav li a{
color:#fff;
font-size:80%;
margin-left:0.5em;
margin-right:0.5em;
}
@media only screen and (min-width:640px) {
	#footer .foot-nav {
	}
}

/* Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ */

/* This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. */

#fb-root {
  display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}


/* front page slider */
#slider img {max-height: 100%;max-width: 100%;}

/* TOP */
#top-wrap {
text-align:center;
background-color: #eee;
}

#top { 
height:30px;
padding-left:0;
padding-right:0;
margin-left:auto;
margin-right:auto;
max-width: 1088px;
margin-top:0;
margin-bottom:0;
}
#top-educational { 
background-color: #ccc;
width: 33%;
float:left;
height:30px;
position: relative;
}
#top-educational a {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
text-decoration: none;
padding-top: 5px;
}
#top-educational a:hover{
background-color: #ddd;
}
#top-hope { 
background-color: #eee;
width: 34%;
float:left;
height:30px;
position: relative;
}
#top-hope p {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
padding-top: 5px;
}
#top-political { 
background-color: #ff0;
width:33%;
float:left;
height:30px;
position: relative;
}
#top-political p {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
padding-top: 5px;
}
#top-political a {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: block;
text-decoration: none;
padding-top: 5px;
}
#top-political a:hover{
background-color: #ddd;
}