/* CSS Document */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	background:#e5e0d9;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body {
	font-family:'Futura W01 Book';
	font-size:12px;
	position:relative;
}

h1, h2, h3 {font-family:'Futura W01 Bold'; font-weight:normal; letter-spacing:-0.08em;}

h1 {font-size:60px;line-height:68px; letter-spacing:-0.03em; color:#fff; margin:0; padding:0;}

h1 img {display:inline-block; margin:-16px -4px 0 0;}
h1 .transparent {padding-right:20px;}
h2 {font-size:18px;line-height:20px; letter-spacing:-0.05em;}
h2.article {margin-top:0;}

h3 {margin-top:0; font-family:'Futura W01 Book Oblique';letter-spacing:0em;}

.sml-heading{
	font-size: 90%;
}

p {
	font-size: 1.1em;
}

a {
	text-decoration:none;
}

#copy a h2, .copy a h2 {color:#000;}

b, strong {font-family:'Futura W01 Bold'; font-weight:normal;}

#header {
	height:130px; 
	position:fixed; 
	position:relative;
	z-index:7;
	width:100%;
	background:#fff;
	top:0;
	left:0;
}

#header-inner {padding:15px; position:relative;}

#logo {float:left; margin:27px 0 0;}

#mobileNav {display:none;}

.nav-menu {
	margin:26px 0 0;
}

.nav-menu ul, .sub-menu  {
	list-style:none;
	margin:30px 0 0;
	padding:0;
	float:right;
}

.nav-menu li {
	float:left;
	font-size:18px;
	font-family:'Futura W01 Bold';
	letter-spacing:-0.05em;
	position:relative;
}

.menu a {color:#808080; display:inline-block; padding: 10px 10px 10px 20px; margin-left:1px; }
.menu a:hover {color:#000;}
.menu .current_page_item a, .menu .current_page_parent a {color:#000;}
.nav-menu a.over {color:#fff; background:#42b5e8;}
.nav-menu li ul {display:none;}
ul.sub-menu {display:none; position:absolute; font-size:14px; margin:0; background:#42b5e8; letter-spacing:-0.03em; border:1px solid #fff; border-top:none; padding:0;top:100%; left:0;}
.menu li a:hover ul.sub-menu {display:block; color:#000;}
ul.sub-menu li {font-size:12px; float:none;}
.nav-menu .sub-menu a {width:170px; padding:13px 0 13px 20px; display:block; color:#215b74;}
.sub-menu .current_page_item a, .sub-menu a:hover {color:#fff; background:#215b74;}
.page-item-393 ul.sub-menu {right:0; left:auto;}

.regnow {display:block; float:left; height: 26px; padding: 4px 20px 0; background:#EE2A24; font-size:16px; font-family:'Futura W01 Bold';color:#fff;}
a.regnow:hover {background:#C01F48;}

#nav {display:none; width:50%; color:#fff; background:#42b5e8; padding:5px 0; text-align:center;}

#container {
	position:relative;
	padding:10px 0 90px;
	/*min-height:860px;
	top:100px;*/
	z-index:1;
	background: #e5e0d9 url(../img/rightside-bg.png) 100% 0 fixed no-repeat;
}

/*		leftside		*/

#hero {
	border:10px solid #fff;
	width:960px;
	height:540px;
	position:relative;
	background:#fff;
	margin:0 auto;
}

#hero-inner {
	width:100%;
	height:100%;	
	overflow:hidden;
	z-index:1;
	background:#fff;
	position:relative;
}

.imgControl {
	display:block;
	position:absolute;
	top:50%;
	margin-top:-23px;
	width:46px;
	height:46px;
	overflow:hidden;
	z-index:9;
	color:#fff;
	outline:none;
	-moz-outline:none;
}

#aerial {
	display:block; 
	position:absolute;
	top:10px; 
	right:0; 
	padding:10px; 
	width:120px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	background:#fff; 
	color:#2C83C5;
	font-family:'Futura W01 Bold';
}

#imgPrev {left:0; background:#fff url(../img/img-controls.png) no-repeat left top;}
#imgPrev:hover {background:#fff url(../img/img-controls.png) no-repeat left bottom;}

#imgNext {right:0; background:#fff url(../img/img-controls.png) no-repeat right top;}
#imgNext:hover {background:#fff url(../img/img-controls.png) no-repeat right bottom;}

.heroimg {position:absolute; top:0; left:0;}

#caption {position:absolute; left:1px;right:1px;bottom:1px; color:#fff; font-size:12px;}
#captionBg {position:absolute; top:0; bottom:0; left:0; right:0; background:#000;z-index:1;}
#captionTxt{position:relative; top:0; bottom:0; left:0; right:0; z-index:2; text-align:center; padding:5px 0;}

#headings {position:absolute; top:0; left:0; right:0; bottom:0;}
#headings h1 {position:absolute;display:inline-block; display:none; text-shadow: 1px 1px 1px #999; }

#heading1 {top:60%; left:3%;}
#heading2 {top:60%; left:3%;}
#heading3 {top:60%; left:3%;}
#heading4 {top:60%; left:3%;}
/*#heading2 {top:50%; left:-100%;}
#heading3 {bottom:100%; left:3%;}
#heading4 {bottom:10%; right:7%; color:#fff;}*/

#slash {
position: absolute;
margin-left: 1198px;
margin-top: -3px;
z-index: 10;
}

#homeContent, #content, .content {
	background:#fff; 
	position:relative;
	margin:10px auto;
	z-index:2;
	overflow:hidden;
	width:960px; 
	padding:10px;
}

#homeContent {
	padding: 0;
    width: 980px;
}

#homeTabs {position:relative; width:100%;}

#tabs {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:101%;
	position:relative;
	overflow:hidden;
}

#tabs li {
	margin:0;
	padding:0;
	float:left;
	width:25%;
}

#tabs li a {
	display:block;
	padding: 5px 0;
	text-align:center;
}

#tabs h2 {margin:0;}
#tab1 a {background:#42b5e8; color:#006c9e; border-bottom:2px solid #008fd0;}
#tab2 a {background:#079f73; color:#04503a; border-bottom:2px solid #007a5e;}
#tab3 a {background:#fcbc33; color:#80520e; border-bottom:2px solid #f9a01b;}
#tab4 a {background:#a9cf38; color:#208035; border-bottom:2px solid #2cb34a;}
#tabs a .solid {color:#fff;}

#tabs .selected a {color:#808080;background:#fff;border-color:#fff;}
#tabs li.selected .solid {color:#000;}

#homeContent #copyholder {
	height:94px;
	padding:20px;
	position:relative;
}

.homeinfo {
	position:relative;
	display:none;	
}

#homeContent .copy {
	position:absolute;
	top:0;
	left:0;
	width:750px;
	font-size:18px;
}

#homeContent .copy p {margin:0;}

#homeContent .readmore {
	height:63px;
	/*width:140px;*/
	padding:0;
	display:block;
	position:absolute;
	background:#72c594;
	top:0;
	right:0;
	margin-bottom:20px;
	
	color:#39634a;
	font-size:20px;
	font-family:'Futura W01 Bold';
	line-height:22px;
}

.readmore p {
	margin: 10px 0 0 5px;
	display:block; 
	float:left;
	height:55px;
}

#homeContent .readmore span.plus {
	display:inline-block;
	width:63px;
	height:63px;
	padding:0px 0 0;
	float:right;
	font-size:60px;
	color:#fff;
	text-align:center;
	background:#39634a;
	line-height:50px;
}

#homeContent .readmore .solid {color:#fff;}

#info1 .readmore {background:#42b5e8; color:#006c9e;}
#info1 .readmore span.plus {background:#006c9e;}

#info2 .readmore {background:#72c594; color:#39634a;}
#info2 .readmore span.plus {background:#39634a;}

#info3 .readmore {background:#fcbc33; color:#80520e;}
#info3 .readmore span.plus {background:#80520e;}

#info4 .readmore {background:#a9cf38; color:#208035;}
#info4 .readmore span.plus {background:#208035;}

#homeContent .animating .copy {position: relative;top: 5px; right:auto;}
#homeContent .animating .readmore {top: 5px;}

#content-inner, .conent-inner {position:relative; padding:10px;}
/*.article #content-inner {position:absolute; padding:0; top:10px; right:10px; bottom:10px; left:10px;}*/
#heading {
	width: 270px;
	float:left;
/*	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;*/
}

.article #heading {	
	width: 100%;
	float: none;
}
#heading h1, #copy h1, h1.searchterm {font-size:35px;line-height:40px;color: #000000;}
#heading .date, #copy .date  {margin:10px 0;}
#heading.ybr {
	padding:5px;
	width:320px;
	background:#E6E6E6;
}

#breadcrumbs {font-size:12px;}

#breadcrumbs a {
	text-decoration:none;
	color:#000;
}

.breadcrumb_last {color:#008fd0;}

#copy {
/*	position:absolute;
	top:10px;
	left:350px;
	right:20px;
	bottom:20px;*/
	position:relative;
	float:right;
	font-size:12px;	
	width:650px; 
	/*-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;*/
}

.oneCol #copy {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}

#copy.contact {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	width: 610px;
}

#copy p {
    margin: 0 0 15px;
}

#map_holder {
	bottom: 3px;
    left: 0;
    position: absolute;
    right: 220px;
    top: 3px;
}

/*				Article stuff				*/
#content.article {margin-top:0;}
.article #content-inner {position:relative; padding: 10px;}

#article-imgs {
	width:270px;
	/*float:left;*/
	position:fixed;
	
}

.articleimg {margin:0 auto 10px;}

#article {
	float:right;
	}
	
#article #copy {float:none;width:650px;}


/*				rightside					*/

#rightSide {
	padding:0 3px 24px 0;
	width:541px;
	float:right;
	position:relative;	
}

#searchresults {
	margin:5px 0 0;
}

h1.searchterm {
	top:5px;
	position:relative;
	margin:5px 5px 0;
	display:block;
	background:#fff;
	padding:10px;
}

.story {
	margin:10px 0;/*2px 0 0 2px*/
	padding:10px;
	background:#fff;
}
.story.hover, .story.selected {border-color: #008fd0;}
.storyImg a img, .wp-post-image {width:100%;}
.story .copy {padding:11px;}
.story h2 {color:#008fd0; margin:5px 0 0;}
.date {color:#808080; margin:0;}

.story .read-more, #copy .read-more {
	display:inline-block;
	display:block;
	padding: 5px 15px 0 38px;
	font-family:'Futura W01 Bold';
	color:#808080;
	height:25px;
	background:url(../img/readmoreplus.png) left top no-repeat;
	margin: 10px 0 0;
}
.story a.readmore:hover, #copy a.read-more:hover {background:url(../img/readmoreplus.png) left bottom no-repeat;}
.story a .solid {color:#000;}
.story a:hover .solid, #copy a.read-more:hover .solid {color:#008fd0;}

.thumb {width:245px; border:10px solid #fff; cursor:pointer;}
.thumb.selected {border-color:#42B5E8;}

#heading h2.news {margin-top:0; color:#000;}

/*		Forms		*/
#form {max-width:550px; float:none; -moz-column-count:1; column-count:1;}

#searchform {
}

input, select {
	float:left;
	width:228px;
	border:1px solid #008fd0;
	background:#e6e6e6;
	padding:7px;
	margin:0 0 8px 6px;
	font-family:'Futura W01 Bold';
}

select {width:494px; padding:7px;}
select#type {width:244px; padding:6px 7px;}

#submit {background:#31b44b; color:#fff; text-align:center; border:none; width:232px; clear:left;}
#submit:hover {background:#A9CF38;}

#regsearch {
	padding:5px;
	position:absolute;
	top:0;
	right:20px;
	width:480px;
	background:#E5E0D9;
}
#searchform input {margin:0 3px 0 0; background:#fff; border-color:#42B5E8;padding: 2px 5px 0; height:26px}
input#searchsubmit {width:80px ;background:#008FD0; color:#fff; border:none; padding:2px 8px 0;font-size:13px; height:30px;}
input#searchsubmit:hover {background:#00539E; }

#response {float:left;
	margin:0 0 8px 6px;
	font-size:15px;
	padding:7px;
	width:228px;
}


input.error, select.error {
	border:1px solid #ed1a55;
}
label.error {display:none;}

.financer {
	float:left;
	margin-bottom:10px;
}

/*		footer		*/

 img {
    max-width: 100% !important;vertical-align: middle;
  }
.img_responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.video_size{
	width: 56px;
	height: auto;
}
.row {
  margin: 0 auto;
 /* max-width: 62.5rem;*/
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

#footer {
	/*height:85px;*/
	border-top:2px solid #dedede;
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	padding:10px;
	
	z-index:7;
	background:#fff;

}

.link_wrap{
	float: left;
	width: 33.33333%;
	text-align:right;
}

#copyright {
	padding-top:18px;
	float:left;
	width: 33.33333%;
}


/*	video	*/
.test{ border: 1px solid #000; }
#footerVideo{
	width: 33.33333%;
	float:left;
	
	text-align: center;	
	/*margin: 0 auto;*/
	font-size: 18px;
    font-family: 'Futura W01 Bold';
    color: #000;
}
#footerVideo a{
	color: #000;
	font-size: 14px;
}
 .venobox{
  	position: relative;
  	/*display:inline-block;*/
  	text-align: center;
  }


#payce, #link {
	float:right;
	padding:0 15px;
	/*float:right;
	margin-right:30px;
	text-align:center;*/
}

#rare {float:right; padding:3px; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#rare img {display:block;}
#rare a {display:inline-block; height:11px; overflow:hidden; width:33px;}
#rare a:hover img {margin-top:-11px;}

/*		onecol		*/
	.nav-menu ul.oneCol a, .oneCol #tabs h2 {font-size:14px;}
	#rightSide.oneCol {width:270px;}
	.oneCol #headings h1 {font-size:60px; line-height:70px;}
	.oneCol #headings h1 img {height:40px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1280px) {
	/*#tabs h2 {font-size:14px;}
	#rightSide {width:270px;}*/
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.nav-menu ul.oneCol a, .oneCol #tabs h2 {font-size: 12px;}
	#logo {margin-top:8px;}
	#logo img{height:50px; width:auto;}
	#homeContent #copyholder {
		/*height:auto;*/
	}
	
	
	
}

@media only screen and (min-width: 768px) and (max-width: 1404px) {
	/*	navigation	*/
	.nav-menu a {padding: 10px;}
	.nav-menu li, #tabs h2 {font-size:13px;}
	
	/*	left side	*/
	
	#article #copy {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	
	select {width:244px;}
	
	/*	right side	*/
	#rightSide {width:270px;}
	#heading.ybr {width:220px;}
}

@media only screen and (max-width: 1000px) {
    /* Style adjustments for viewports that meet the condition */
	
	/* new footer*/
	.link_wrap{

	width: 100%;
}

#copyright {
	width: 100%;
	text-align:center;
}


/*	video	*/
#footerVideo{
	width: 100%;
	padding:20px 0;
}


#payce, #link {
	float:none;
	text-align:center;
	padding:0 15px;
	/*float:right;
	margin-right:30px;
	text-align:center;*/
}


	/*	/end footer	*/
	
	
	
	
	
	#logo {margin-top:45px;}
	#logo img {width:180px; height:auto;}
	.nav-menu ul {margin-top:30px;}
	.nav-menu a {padding:10px;}
	.nav-menu .sub-menu {margin-top:0;}
	.nav-menu #menu-item-393 ul.sub-menu {right: -1px; left:auto;}
	
	#header, #leftSide, #footer {position:relative;}
	#header, #hero, #hero-inner {height:auto; position:relative;}
	
	#container {
		position:relative;
		top:auto;
	}
	
	#leftSide {width:100%; top:auto;bottom:auto; height:auto; overflow:visible; position:relative;}
	#hero {margin-top:5px;}
	#hero, #hero-inner {position:relative; overflow:hidden; height:452px; width:auto;}
	.heroimg {width:100%; position:absolute;height:452px;}
	#hero-inner {height:100%;}
	
	#headings {bottom:0;}
	#headings h1 {font-size:60px; line-height:70px;}
	#headings h1 img {height:40px;}
	
	#heading,#heading.ybr {width:200px; position:relative; float:left;}
	#heading h1 {font-size:30px; line-height:35px;}
	
	#rightSide {float:none; width:auto;}
	#container {margin:auto; min-height:auto; top:0; padding:0px 0;}
	.nav-menu li, .regnow/*, #tabs h2 */{font-size:12px;}
	
	#homeContent, #content, .content {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:auto;}
	#content, .content {height:auto; width:auto;}
	#homeContent .copy, #copy {
		position:relative;
		width:560px;
	}
	
	
	#copy, #copy.contact {width:500px; float:right;margin:15px 15px 15px 0; font-size:14px;}
	#copy p {margin-top:0;}
	.content #copy {margin-top:0;}
	.article {margin-top:5px;}
	
	#article, #content.article, .article #content-inner, #copy-holder {
		position:relative;
		top:auto;bottom:auto; left:auto; right:auto;
		width:auto;
		height:auto;
	}
	
	.article #content-inner {
		position:relative;
		width:auto;
		padding:10px;
	}
	
	#copy-holder {
		position:relative;height:auto;overflow:visible; width:auto;
	}
	
	#article #copy {
/*		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;*/
		width:auto;
		height:auto;
		position:relative;
		top:auto;margin:0;
		float:none;
	}
	
	.story {
		width: 368px;
		margin: 5px 0 0 5px;
		border:4px solid #fff;
		float: left;
		background:#fff;
	}
	.story img {width:368px;}
	
	select {width:244px;}
	
	#submit {clear:none; width:245px;}
	
	#map_holder {height:800px;width:550px; position:relative;}
	#leftSide.map {width:100%;}
	
	#searchform {

	}
	
	#searchform input {padding:5px; font-size: 12px;
    height: 18px;}
	#searchform input#searchsubmit {height:30px;}
	
	/*	test	*/
	#homeContent {height:auto;}
	#homeContent .readmore {
		position:relative;
		margin:0;
		top:auto;
		right:auto;
		font-size:12px;
		line-height:12px;
		height:43px;
		width: 106px;
	}
	.readmore p {
		margin:0; 
		padding:8px 0 0 5px;
		display:block; 
		float:left;
		height:30px;
	}

	#homeContent .readmore span.plus {
		font-size: 30px;
		height: 43px;
		line-height: 35px;
		width: 43px;
	}
	#homeContent .copy {
		width:100%;
		padding:0;
		margin:0 0 10px;
		font-size:14px;
	}
	.homeinfo {padding:5px;}
	
	#homeContent #copyholder {
		height:auto;
	}
	/*END TEST	*/
}

@media only screen and (min-width:481px) and (max-width: 767px){
	#tabs h2 {font-size: 12px;}
}

@media only screen and (min-width: 300px) and (max-width: 480px) {
	
	#logo {width:auto; float: none; margin:30px auto 5px; }	
	#logo img {height:52px; width:auto;}
	
	#header {position:relative; padding-top:40px;}
	#header-inner {position:relative;}
	
	#searchform {position:relative; top:auto; left:auto; right:auto; height:30px;}
	#searchform .field {width:216px;}

	#mobileNav {display:block; margin:10px 0 0;}
	#mobileNav .regnow {display:block; position:relative; float:left; width:50%; height:auto; padding:5px 0; top:auto;right:auto; text-align:center;}
	#headreg {display:none;}
	#regsearch {
		left:0;
		right:0;
		top:0;
		width:auto;
		height:auto;
		padding:3px;
	}
	#nav { display:block;float:left; background:#008FD0;font-family:'Futura W01 Bold';}
	
	.nav-menu, .nav-menu ul {float:none; width:100%; margin-top: 0;}
	.nav-menu {display:none;}
	.nav-menu a {display:block; margin-left:0;}	
	.nav-menu li {float:none;}
	.nav-menu #menu-item-393 ul.sub-menu {right: auto; left:0;}
	.nav-menu .sub-menu a {width:auto;}
	
	.nav-menu .sub-menu {
		display:none;
		position:relative;
		border:none;		
	}
	
	#tabs h2 {display:none;}
	#tabs li a {height:15px;}
	
	
	#hero {overflow:visible;width:auto; height:auto;}
	#hero-inner {width:100%;}
	.heroimg {height:227px;}
	#hero-inner {height:227px;}
	.heroimg {width:100%;}
	
	#heading.ybr {float:none; width:auto; position:relative;}
	#headings h1 {font-size:30px; line-height:32px;}
	#headings h1 img {height:30px;}
	
	#homeContent {height:auto;}
	#homeContent .readmore {
		
		/*height:50px;*/
		width: 126px;
	}
	.readmore p {
		margin:0; 
		padding:8px 0 0 10px;
		display:block; 
		float:left;
		height:30px;
	}

	#homeContent .readmore span.plus {
		font-size: 30px;
		height: 43px;
		line-height: 35px;
		width: 43px;
	}
	#homeContent .copy {
		width:100%;
		padding:0;
		margin:0 0 10px;
		font-size:14px;
	}
	.homeinfo {padding:5px;}
	
	#homeContent #copyholder {
		height:auto;
	}
	
	#hero.internal {
		width:auto;
		margin:5px;
	}
	
	#hero.internal #hero-inner {
		/*height:171px;	*/
	}
	
	#content, .content {position:relative; height:auto; margin:0 5px; width:auto;}
	.content {margin:5px;}
	#heading {float:none; width: auto;}
	#copy, #copy.contact {
		float:none; width: auto;
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	
	#content.article {
		margin-top:5px;
	}
	#content.article #content-inner {padding:5px;}
	
	#article-imgs {width: 100%;position:relative;}
	#article {padding:5px;}
	
	.story {width:auto; margin:5px 5px 0;}
	.story img {width:100%;}
	#rightSide {padding:0 0 5px;}
	
	input {width:244px;}	
	select {width:260px;}	
	#submit {width:260px;}
	
	#footer {
		height:auto;
		padding:5px;
		width:auto;
	}
	#rare {
		float:none;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}