/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */


html, body {
        /*font-size: 18px;*/
}



.block-arrow {
	top: 50px;
}

a.button {
	font-size: 20px;
	line-height: 53px;
}

hr.midline {
        margin: 20px 120px;
}

img.title_image {
        width: 420px;
}


.flex-direction-nav a{
	display: block !important;
}

/*FB box */
.block-block-6 {
        padding: 0 0px;
}
/* end twitter box */
/*FB box */
.block-block-7 {
        padding: 0 0px;
}
/* end FB box */

/* BOX TITLE ----------------------------------------*/
.page-node-1 .block-title,
.page-node-1068 .block-title {
	line-height: 60px;
}
/* BOX TITLE ----------------------------------------*/

/* MENU  ----------------------------------------*/
.page-node-1 #zone-menu-wrapper,
.page-node-1068 #zone-menu-wrapper {
	margin-bottom: 0px;
}
#zone-menu-wrapper {
}

div#navbar ul li.top {
	float: left;
	width: 116px;
	border-right: 1px solid white;
}
div#navbar ul li.top.last{
	float: left;
	width: 115px;
	border-right: none;
}

div#navbar ul li:hover > a {
	color: white;
}

li.mobile a.mobile {
	padding: 0;
}
ul.topmenu li:hover a {
	background-color: #1b3a6e;
	z-index: 900;
	color: #FFFFFF;	
}

#zone-menu-wrapper .active .menu-arrow,
div#navbar ul li a span.menu-arrow {
        display:inline;
        background: url('../images/sprites.png') no-repeat 0px -155px;
	position: relative; 
	top: 1px;
	left: 3px;
        padding: 0px 0px 0px 6px;
}

ul.topmenu ul{
	background-color: #1b3a6e;
	z-index: 900;
	color: #FFFFFF;
}	
			
ul.topmenu li:hover > ul { 
 	display:block;
	position:absolute;
	left: 0;
	z-index: 900;		
}

ul.topmenu ul.accordion-inside li:hover > ul { 
 	display:block;
	position:static;
	height: auto;
	z-index: 900;		
}

div.no-mobile,
ul#accordion li ul li {
	display: block !important;
}


#zone-menu-wrapper {
	position: relative;
	height: 45px;
}
#zone-menu-wrapper ul#accordion {
	position: absolute;
	width: 101%; /* browser zoom fix */
}
#zone-menu-wrapper a#showmenu {
	display: none;
}
ul#accordion {
	display: block;
	background: none;
}
		
ul#accordion li {
	background: none;
	text-align: center;
	clear: none;
	padding: 0;
	margin-bottom: 0;
	color: white;
	list-style: none;
	background: none !important;
}

ul#accordion ul.accordion-inside {
        padding: 30px;
	width: 640px;
        overflow: hidden;
}

ul#accordion ul.accordion-inside div.third-1,
ul#accordion ul.accordion-inside div.third-2,
ul#accordion ul.accordion-inside div.third-3 {
	width: 186px;
        float: left;
        border-right: 1px solid #88A0BA;
        overflow: hidden;
        padding: 0 20px;
	padding-bottom: 500em;
      	margin-bottom: -500em;
}

ul#accordion a.actionbutton  {
	display: block;
}
ul#accordion a.actionbutton img {
	width: 180px;
	height: 60px;
}
ul#accordion a.actionbutton.first img {
	margin-bottom: 15px;
}
ul#accordion div.mobileaction {
        display: none;
}

ul#accordion ul.accordion-inside div.inside-container {
	overflow: hidden;
}

ul#accordion ul.accordion-inside div.third-1 {
	padding-left: 0;
}
ul#accordion ul.accordion-inside div.third-3 {
	border-right: none;
	padding-right: 0;
}

ul#accordion ul.accordion-inside li {
        text-align: left;
}

ul#accordion h1,
ul#accordion h2,
ul#accordion h3,
ul#accordion h4,
ul#accordion h5 {
	color: #5cb7e6;
	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight: 400; font-style: normal;
        -webkit-font-smoothing: antialiased;
}
ul#accordion li ul.accordion-inside li h2 {
	padding-bottom: 9px;
	font-size: 19px;
}
ul#accordion li ul.accordion-inside li h3 {
	font-size: 15px;
	padding-bottom: 2px;
}
ul#accordion ul.accordion-inside div li.pad {
	margin-bottom: 12px;
}
ul#accordion ul.accordion-inside div li.pad h2 {
	padding-bottom: 2px;
}
ul#accordion li ul.accordion-inside li div.pad {
	margin-bottom: 9px;
}

ul#accordion ul.accordion-inside div ul li {
	padding: 3px 0 7px;
}
/* end MENU  ----------------------------------------*/

/* TOP BOX ----------------------------------------*/
div.topbox .button {
        margin-top: 0;
}
div.topwrapin {
	width: 100%;
	height: 100%;
	position: relative;
	background-size:cover;
	margin: 0;
}
div.topwrap {
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
	/*background-attachment:fixed;*/
	margin: 0;
        width: 100%;
	height: 100%;
        position: absolute;
	display: block;
	left: 0;
	top: 0;
}

div.topbox .inner .body {
        display: block;
}

div.topbox {
	height: 500px;
	font-size: 28px;
}

div.topbox h1.title {
	font-size: 36px;
        line-height: 36px;
}
/* end TOP BOX ----------------------------------------*/


/* LATEST NEWS BOX ----------------------------------------*/

.block-views-latest-news-block div.content {
	padding: 50px 20px 0px;
}

.block-views-latest-news-block a.morenews {
	font-size: 22px;
}

.block-views-latest-news-block .content h2 a {
	font-size: 30px;
}
/* end LATEST NEWS BOX ----------------------------------------*/


/* ABOUT BLOCK BOX ----------------------------------------*/
.block-block-1 .content {
        padding: 50px 20px;
}

.block-block-1 h2 {
	font-size: 60px;
}

.block-block-1 {
        font-size: 22px;
}
/* end ABOUT BLOCK BOX ----------------------------------------*/


/* BOTTOM SLIDER BOX ----------------------------------------*/
.block-views-bottom-slider-block {
	overflow: hidden;
}
.block-bottom-slider-block .view-content .bottominner {
        padding: 50px 20px;
}

div.bottomwrap {
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
        width: 100%;
	height: 100%;
        position: absolute;
	display: block;
}


div.bottombox {
	height: 500px;
	font-size: 22px;
}
div.bottombox h2 {
	font-size: 32px;
}
/* end BOTTOM SLIDER BOX ----------------------------------------*/

/* MESSAGE BOX ----------------------------------------*/

.block-block-2 .content  {
        padding: 50px 20px;
}

.block-block-2 h1 {
        font-size: 32px;
}

.block-block-2 .messagebody {
        font-size: 22px;
}
img.messagepic {
        display: block;
        float: right;
        padding-left: 20px;
}

/* end MESSAGE BOX ----------------------------------------*/


/* CALL BOX ----------------------------------------*/

div.getupdates #mc_embed_signup {
	max-width: 700px;
	margin: auto;
}

.block-block-5  h2 {
	line-height: 50px;
	text-align: left;
	padding: 0 20px;
}

div.getupdates h2 {
        font-size: 32px;
}


.block-block-5 div.getupdates #mc_embed_signup input.button {
	width: inherit;
}

div.getupdates #mc_embed_signup input.text {
        width: 340px;
}
.block-block-5 div.getupdates #mc_embed_signup input.text {
        width: 100%;
}

div.getupdates #mc_embed_signup input#mce-FNAME,
div.getupdates #mc_embed_signup input#mce-EMAIL {
	float: left;
	clear: left;
}
div.getupdates #mc_embed_signup input#mce-LNAME,
div.getupdates #mc_embed_signup input#mce-POSTALCODE {
	float: right;
}


/* end CALL BOX ----------------------------------------*/

/* main content internal ----------------------------------------*/

.page-node-1 .region-content-inner,
.page-node-1068 .region-content-inner { 
	border-right: none;
	padding-right: 0;
}
.region-content-inner {
	border-right: solid 1px #ddd;
	padding-right: 19px;
}

.page-node-1068 .section-content div#zone-content-wrapper div#zone-content div#region-content div.region-inner #block-system-main {
        max-width: 680px;
        margin: auto;
}

/* end main content internal ----------------------------------------*/


/* SIDE BUTTONS ----------------------------------------*/
div.sidebutton a .buttontext {
        background-image: url('../images/sidebar-overlay.png');
	height: 100%;
	font-weight: 600;
        text-align: center;
        color: #fff;
        font-size: 18px;
        position: relative;
        z-index: 10;
        margin: 0 auto;
        text-transform: uppercase;
	top: 0;
}
div.sidebutton.hidetitle  a .buttontext {
	display: none !important;
}

ul#accordion li a { 
	font-size: 100%;
	text-transform: none;
}
ul#accordion li a.menu-nosub,
ul#accordion li a.menu-mobile {
	font-size: 15px;
}

div.sidebutton a .wrap {
	position: relative;
	top: 0;
        -webkit-transition: top 120ms ease-in-out;
        -moz-transition: top 120ms ease-in-out;
        -o-transition: top 120ms ease-in-out;
        transition: top 120ms ease-in-out;
}


.sidebutton img {
        display: block;
}


div.sidebutton a:active .wrap,
div.sidebutton a:hover .wrap {
	top: 100%;
        -webkit-transition: top 200ms ease-in-out;
        -moz-transition: top 200ms ease-in-out;
        -o-transition: top 200ms ease-in-out;
        transition: top 200ms ease-in-out;
}
div.sidebutton.hidetitle a:active .wrap,
div.sidebutton.hidetitle a:hover .wrap {
}

div.sidebutton img {
        width: 220px;
        height: auto;
        position: absolute;
        top: 0;
	left: 0;
        z-index: 1;
}

div.sidebutton a {
	height: 88px;
	overflow-y: hidden;
}
div.sidebutton a .top,
div.sidebutton a .bottom {
	height: 88px;
	width: 220px;
	position: relative; 
	margin: auto;
	text-align: center;
	display: table;
	overflow: hidden;
}

div.sidebutton a .bottom {
	top: -88px;
	background: #064868;
}
div.sidebutton a div.top div.buttontext, 
div.sidebutton a div.bottom div.description {
	display: table-cell;
	vertical-align: middle;
	color: white;
	width: 100%;
	margin: 0 auto;
	text-align: center;	
}

div.sidebutton a div.bottom div.description div.desctext{
	padding: 20px;
}

div.sidebutton a {
        text-decoration: none;
        z-index: 10;
        position: absolute;
        margin: 0 auto;
}

div#block-views-side-buttons-block div.views-row {
        width: 100%;
        margin: auto;
	height: 88px;
        margin-bottom: 10px;
        position: relative;
}

div.sidebutton {
        margin: 0 auto;
        width: 220px;
}

div.bottom div.desctext {
        font-size: 14px;
}

.sidebutton div.topwrap {
	line-height: inherit;
	margin: 0;
}
/* end SIDE BUTTONS ----------------------------------------*/

/* editorial content ----------------------------------------*/
.articlephoto {
	float: right;
	margin-left: 10px;
}
.articlephoto img {
	width: 200px;
}
/* end editorial content ----------------------------------------*/


/* Events ----------------------------------------*/
.view-events div.mapwrap {
	height: 200px;
}
div.mapwrap {
	height: 300px;
}

/* end Events ----------------------------------------*/


.union.articlephoto img {
	max-width: 220px;
	width: inherit;
}


/* FOOTER BOX ----------------------------------------*/
div.footmenu {
	text-align: left;
	padding: 20px 0;
	font-size: 86%;
}
div.footmenu ul {
	float: left; 
	padding: 0 5px;
	width: 132px;
}
div.footmenu ul.first {
	padding-left: 0;
}
div.footmenu ul.last {
	padding-right: 0;
}


/* end FOOTER BOX ----------------------------------------*/


/* WEBFORMS ----------------------------------------*/
.webform-client-form .form-submit:hover,
.webform-client-form .form-submit {
	width: inherit;
}
.page-taxonomy .webform-client-form {
}
.page-taxonomy #webform-component-first-name {
	width: 180px;
	float: left;
}
.page-taxonomy #webform-component-last-name {
	width: 180px;
	float: right;
}
.page-taxonomy #webform-component-email,
.page-taxonomy #webform-component-additional-email {
	width: 180px;
	clear: both;
	float: left;
}
.page-taxonomy #webform-component-postal-code {
	width: 180px;
	float: right;
}