@charset "UTF-8";
/* nziia responsive */

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,|Oswald:300,400,700);
@import url('responsive-shop.css');

html.authed body { padding-top: 100px; }

body, html { round-color: #FFF; margin: 0; padding: 0; position: relative; height: 100%;}
body { font-size: 15px;font-family: 'Source Sans Pro', sans-serif; color: #181818; font-weight:400;}

.all {min-height: 100%; height: auto; padding-bottom: 50px; box-sizing: border-box; -moz-box-sizing: border-box; background-image:url('../images/background_content.png'); background-repeat: repeat-y; background-position: center 100px; }
.no-image { background-image: none;}
body form { height: 100%;}


.branch-image { max-width: 920px; max-height: 160px; overflow: hidden; margin: 40px 20px;}
.branch-image img { width: 100%; height: 100%;}
.background-image { padding: 100px 0 140px 0;}
.authed .background-image { top: 220px; }


h1 { text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
h2 { text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; }
h3 {color: #0192d1; font-size: 22px; line-height: 25px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding-left: 20px;}
p { line-height: 24px; text-align: justify; padding: 0 20px;}

a.button { padding: 10px 20px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; color: #fff; background-color: #181818; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; display: block; text-align: center; min-height: 65px; vertical-align: central; margin: 20px 0;}
a.button:hover { background-color: #0192d1; text-decoration: none;color: #fff;}

td h3 {color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding: 0; margin: 0;}
td p { line-height: 20px; text-align: justify; padding: 0; margin-top: 10px;}

a img { border: none; }
a { color: #0192d1; text-decoration: none; transition-property: color; transition-duration:0.3s; /* Safari */-webkit-transition-property: color; -webkit-transition-duration: 0.3s;}
a:hover { color: #000; text-decoration: none;}

label { display: inline; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0; margin: 0; }

@media screen and (max-width: 991px) {
.layout-columns.divide .col_1_3 { border-bottom: solid 1px #999; margin-bottom: 20px; padding-bottom: 20px;}
.layout-columns.divide .col_1_3.omega { border-bottom: none;}
.layout-columns.image .col_1_3 .content-viewer p a img { width: 100%; height: 100%;max-width: 385px; max-height: 150px;}
}

@media screen and (max-width: 767px) {
.layout-columns.divide .col_1_2 {border-bottom: solid 1px #999; margin-bottom: 20px; padding-bottom: 20px;}
.layout-columns.divide .col_1_2.omega { border-bottom: none;}
a.button { line-height: 65px; padding: 0;}
}

#header-outer { background-color: #fff;}
#header-outer #header { width: 960px; height: 80px; position: relative; margin: auto; }
#header-outer #logo { width: 200px; height: 100px; position: absolute; left: 0; top: 10px; z-index: 20; }
#header-outer #logo a span { display: none;}

#header-outer #nav-outer { height: 40px; background-color: #fff; z-index:10; position: relative; border-bottom: solid 2px #000;}
#header-outer #nav-outer .center { width: 960px; margin: 0 auto; height: 40px; }
#header-outer #nav-outer .center nav { margin-left: 260px;}
#header-outer #nav-outer .center nav ul.menu { margin: 0; padding: 0; list-style: none; height: 40px;}
#header-outer #nav-outer .center nav ul.menu > li { float: left; padding: 0; margin: 0 15px;}
#header-outer #nav-outer .center nav ul.menu > li.item.first { margin-left: 0 !important;} 
#header-outer #nav-outer .center nav ul.menu > li.item.last { margin-right: 0 !important;} 
#header-outer #nav-outer .center nav ul.menu > li.item.last a { padding-right: 0 !important;}
#header-outer #nav-outer .center nav ul.menu > li a { display: block; height: 40px; line-height: 28px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #000; text-decoration: none; padding: 0 4px; z-index: 10;}
#header-outer #nav-outer .center nav ul.menu > li.sel a {color: #0192d1; background-image: url('../images/dropdown_menu_tri_blk.png'); background-repeat: no-repeat; background-position: center bottom; z-index: 2;}
#header-outer #nav-outer .center nav ul.menu > li a:hover,
#header-outer #nav-outer .center nav ul.menu > li:hover a {color: #0192d1; z-index: 20;}

#header-outer #nav-outer .center nav ul.menu > li div.childmenu { position: absolute; top: 40px; left: 0; right: 0; z-index: 50; background-color: #000; border-top: solid 2px #000;}
#header-outer #nav-outer .center nav ul li.sel div.childmenu { z-index: 49 !important; }


#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child { width: 960px; margin: 0 auto; height: 40px;}
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul { list-style: none; width: 700px; margin: 0 0 0 260px; padding: 0; }
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li { float: left; margin: 0 8px; }
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li.item.first { margin-left: 0 !important;} 
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li#nelson { margin-left: 0 !important;} 
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li#wellington { margin-right: 10px !important;} 
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li a { line-height: 40px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none; text-transform: none; background-image: none;}
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li.item.first a { padding-left: 0!important;} 
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li#nelson a { padding-left: 0!important;} 
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li a:hover { color: #0192d1; z-index: 20;}
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul li.sel a { color: #0192d1; z-index: 1;}



@media screen and (max-width: 980px) {
#header-outer #menu { margin-top:10px;}
#header-outer #header { height: 120px;}
#header-outer #logo { padding-left: 20px;}
#header-outer #nav-outer { border-top:solid 1px #000; height: 43px;}
#header-outer #nav-outer .center nav { margin-left: 20px; line-height: 43px;}
#header-outer #nav-outer .center nav ul.menu > li div.childmenu .inner-child ul { margin-left: 20px;}
#header-outer #nav-outer .center nav ul.menu > li a { line-height: 40px;}
}
 
 /*MOBILE MENU MOBILE MENU MOBILE MENU!!*/
#header-outer-mobile { background-color: #fff;}
#header-outer-mobile #header { height: 190px;}
#header-outer-mobile #logo { width: 200px; height: 100px; padding: 70px 0 0 20px;}
#header-outer-mobile #logo a span { display: none;}

#header-outer-mobile #menu-container .container { padding: 0;}
#header-outer-mobile #menu-container #menu { float: none; padding: 10px 40px; }
#header-outer-mobile #menu-container #menu ul { padding: 0; margin: 0; list-style: none;}
#header-outer-mobile #menu-container #menu ul li { line-height: 35px; list-style: none;}
#header-outer-mobile #menu-container #menu ul li a { color: #fff; font-family: 'Oswald', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; font-size: 15px; }
#header-outer-mobile #menu-container #menu ul li a:hover,
#header-outer-mobile #menu-container #menu ul li.sel a { text-decoration: none; color: #0192d1; }
#header-outer-mobile #menu-container #menu ul#main.menu li ul.childmenu { height: 0; overflow: hidden;  transition-property: height; transition-duration:0.5s; /* Safari */-webkit-transition-property: height; -webkit-transition-duration: 0.5s;}
#header-outer-mobile #menu-container #menu ul#main.menu li ul.childmenu.expanded { height: 109px;border-top: solid 1px #666; border-left: none; border-right: none;}
#header-outer-mobile #menu-container #menu ul#main.menu li#branches ul.childmenu.expanded { height: 361px; margin-bottom: 10px;}
#header-outer-mobile #menu-container #menu ul#main.menu li#about ul.childmenu.expanded { height: 181px; }
#header-outer-mobile #menu-container #menu ul#main.menu li ul.childmenu.expanded li { line-height: 35px; border-bottom: solid 1px #666; }
#header-outer-mobile #menu-container #menu ul#main.menu li ul.childmenu.expanded li a { font-size:13px;}

#header-outer-mobile #menu-container { position: fixed; left:0; top: -311px; right: 0; background-color: #000; z-index: 2000;}
#header-outer-mobile #menu-expander { border-top: solid 1px #fff;height: 50px; cursor: pointer; display: block; margin: auto; line-height: 50px; background-color: #000; padding: 0 45%;}
#header-outer-mobile #menu-expander span { text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; font-size: 17px; font-family: 'Oswald', sans-serif;}
 /*END MOBILE MENU MOBILE MENU END MOBILE MENU!!*/
 
/* Home Banner */
#home-banner { position: relative; z-index: 1;}

#home-banner .home-slider { margin-bottom: 2px; height: 465px;overflow: hidden; position: relative; }
#home-banner .home-slider .text { z-index: 50; height: 145px; width: 600px; position: absolute; left: 50%; margin: -72px 0 0 -300px; top: 50%; } 
#home-banner .home-slider .text img { width: 100%; max-width: 600px; min-width: 150px; z-index: 50; } 

@media screen and (max-width: 676px) {
	#home-banner .home-slider .text { width: 400px; height: 96px; margin: -48px 0 0 -200px;}
	#home-banner .home-slider .text img  { width: 400px; height: 96px; }
}
@media screen and (max-width: 505px) {
	#home-banner {height: 10px; border-top: solid 2px #000;}
	#home-banner .home-slider { display: none;}
}

#home-banner .home-slider .items { clear: both; }
#home-banner .home-slider .items .item { position: absolute; width: 100%; height: 465px; background: url('') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#home-banner .home-slider .items .item a { position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; text-decoration: none; display: block; }
#home-banner .home-slider .items .item .overlay { position: absolute; width: 100%; height: 465px; background: url('../images/banner_overlay.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 20;}

#content { max-width: 940px; margin: 20px auto; }

/*TESTIMONIALS*/
.pullout-quotes { width: 100%; position: relative; min-height: 250px; margin: 0;}
.pullout-quotes .quote .q-top { position: absolute; top: 10px; left: 0; width: 50px; height: 40px; background-image: url('../images/quote_top.png'); background-repeat: no-repeat; }
.pullout-quotes .quote .q-bottom { position: absolute; bottom: 0; right: 0; width: 50px; height: 40px; background-image: url('../images/quote_bottom.png'); background-repeat: no-repeat;}
.pullout-quotes .quote { position: absolute; padding: 15px 6px 45px 65px; width: 100%;}
.pullout-quotes .quote .text { font-family: 'Oswald', sans-serif; font-size: 32px; line-height: 40px; font-weight: 300; color: #181818; overflow: hidden; text-transform: uppercase;}

.large-calendar { max-width: 940px; margin-left: 20px;}
.large-calendar table { border-collapse: collapse; }
.large-calendar table th.day-header { width: 100px !important; height: 30px; color: #FFF; background-color: #999; line-height: 30px; border: solid 1px #ccc; text-transform: uppercase; font-weight: 300; font-size: 12px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; }
.large-calendar table td table.title {background-image: url('../images/calendar_gradient_bar.jpg'); }
.large-calendar table td table.title td {border: none; height: 60px; color: #fff; font-size: 22px; text-align: center; text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; letter-spacing: 1px;}
.large-calendar table td table.title td a { color: #fff !important; text-decoration: none; font-weight: 300; }
.large-calendar table td { border: none; padding: 0; margin: 0; border: solid 1px #ccc; }
.large-calendar table td.day { width: 135px !important; height: 60px; line-height: 22px; font-size: 13px; padding: 0 4px 4px 4px; color: #777; background-color: #FFF; text-align: left; vertical-align: top; border: solid 1px #ccc; font-weight: 300; }
.large-calendar table td.selected { background-color: #b2def1 !important; color: #fff !important; }
.large-calendar table td.other-month { background-color: #f4F4F4 !important; color: #CCC !important; }
.large-calendar table td.has-events { background-color: #0192d1 !important; color: #fff !important; }
.large-calendar table td.has-events a:hover { color: #000 !important; text-decoration: none;}
.large-calendar table td .date { float: left;}
.large-calendar table td .events { padding-left: 20px; }
.large-calendar table td .events a { color: #fff; display: block; font-weight: 300; font-size: 13px; }

.event .title { color: #181818; text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 300; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
.event .date { color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding: 0 0 20px 20px;}
.event .location { padding-left: 20px;}
.event .description { padding:0 0 20px 20px;}
.event .price { padding: 0 0 20px 20px; }
.form { padding-left: 20px;}


.document-viewer { padding-left: 20px;}
.document-viewer .sorting { display: none;}
.document-viewer .category { margin-bottom: 20px; border-bottom: solid 1px #fff; padding-bottom: 20px;}
.document-viewer .category .heading { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; color:#0192d1;}
.document-viewer .category ul { padding: 0; margin: 0;}
.document-viewer .category ul li { list-style: none; padding: 5px 0; margin: 0; line-height: 22px;clear: both;}
.document-viewer .category ul li .name { width: 800px;float: left; line-height: 22px;}
.document-viewer .category ul li .download { width: 80px; text-align: right; line-height: 22px;text-transform: uppercase; letter-spacing:1px; float: right; font-size: 13px;}
.document-viewer .category ul li .download a:hover { text-decoration: none;}
.document-viewer .category ul li .type-and-size { display: none; clear: left; }


.archives { padding: 20px;}
.archives .item { padding: 8px 0; border-bottom: solid 1px #fff;}
.archives .item .title { }
.archives .item .author { padding-right: 20px; font-style: italic;}
.archives .item .date { padding-right: 10px; text-align: center;}
.archives .item .download {  padding-left: 10px;text-transform: uppercase; letter-spacing: 1px; font-size: 13px; text-align: center; border-left: solid 1px #fff;}
.archives .item .download a { font-size: 13px; text-align: center;}
.archives .item .download a:hover { color: #666; text-decoration: none;}

@media screen and (max-width: 991px) {
.archives .item { margin: 10px 0;}
.archives .item .fluid { padding-top: 10px; margin-top: 10px; }
.archives .item .download { text-align: right; border-left: none;}
}

@media screen and (max-width: 767px) {
.archives .item .date { text-align: left; padding-top: 10px;}
.archives .item .download { padding-top: 10px;}
}


.publications { max-width: 902px; }
.publications .item { padding: 10px 0 20px 0; margin: 10px 20px; border-bottom: solid 1px #fff; min-height: 135px; }
.publications .item:last-child { border-bottom: none; }
.publications .item .image { padding-bottom: 20px; }
.publications .item .image img { width: 100px; height: 130px; border: solid 1px #fff; }
.publications .item .right { margin-bottom: 20px; }
.publications .item .right .title { color: #0192d1; font-weight: 400; text-transform: uppercase; font-size: 17px; line-height: 20px; padding-bottom: 10px; }
.publications .item .right .author { color: #181818; height: 23px; }
.publications .item .right .date-published { color: #181818; height: 23px; }
.publications .item .right .isbn {color: #181818; height: 23px; padding-bottom: 10px; }
.publications .item .right .info {overflow: hidden; line-height: 20px; padding-top: 20px; }
.publications .item .right .info p { margin: 0; padding: 0; }
.publications .item .right .info .download { padding: 20px 0; }
.publications .item .right .info .download a { background-color: #181818; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 300; line-height: 50px; height: 50px; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; display: block; width: 100px; text-align: center;}
.publications .item .right .info .download a:hover { text-decoration: none; background-color: #0192d1;}

.publications .item .expand { cursor: pointer; }
.publications .item .expand:hover { text-decoration: none; }
.publications .item .collapse { cursor: pointer; display: block; width: 20px; margin-top: 20px; height: 15px; background-image:url('../images/collapse.png'); background-repeat: no-repeat; opacity: 0.4;transition-property: opacity; transition-duration:0.3s; /* Safari */-webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; }
.publications .item .collapse:hover { text-decoration: none; opacity: 0.8; }



.committee { max-width: 900px; }
.committee .item { max-width: 800px; padding: 15px 0; margin: 20px; position: relative; }
.committee .item.last { border: none; }
.committee .item .image { width: 100px; height: 120px; float: left; }
.committee .item .right { padding-left: 120px; max-width: 600px; min-height: 100px;}
.committee .item .right .role { color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400;}
.committee .item .right .name { color: #181818; margin: 10px 0; height: 20px;}
.committee .item .right .info {overflow: hidden; line-height: 20px; position: relative;}
.committee .item .right .info p { margin: 30px 0; padding: 0; }

.committee .item .expand { cursor: pointer; padding: 0 0 40px 20px; color}
.committee .item .expand:hover { text-decoration: none; }
.committee .item .collapse { cursor: pointer; position: absolute; left: 120px; bottom: 0; width: 20px; height: 15px; background-image:url('../images/collapse.png'); background-repeat: no-repeat; opacity: 0.4;transition-property: opacity; transition-duration:0.3s; /* Safari */-webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; padding-bottom: 40px; display: block; }
.committee .item .collapse:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 480px) {
.committee .item .image { float: none;}	
.committee .item .right { padding-left: 0;}
}

.events-list { }
.events-list .item { padding: 8px 0 10px 0; margin: 8px 0 0 15px; border-bottom: solid 1px #fff; }
.events-list .item .date { color: #0192d1; }
.events-list .item .title { padding: 0 40px 0 20px;}
.events-list .item .speaker { color: #777; font-style: italic;}
.events-list .item .date .overide-title { font-family: 'Oswald', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased;}

@media screen and (max-width: 991px) {
.events-list .item .date { padding-bottom: 10px; color: #0192d1; }
.events-list .item .title { padding: 0 0 10px 0;}
.events-list .item .speaker { }
}

.event-registration {}
.event-registration .details { padding: 8px 0 20px 0; margin: 8px 0 20px 15px; border-bottom: solid 1px #fff; }
.event-registration .details .when { color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding: 0 0 20px 30px; }
.event-registration .details .title { color: #181818; text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 300; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 30px; margin-bottom: 15px;}
.event-registration .details .where,
.event-registration .details .who { padding-left: 30px;}
.event-registration .details .price { padding: 0 0 20px 30px; }

.event-registration .guest1 .title { color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding: 0 0 20px 40px; }
.event-registration .form .input label {margin: 10px 20px 0 10px; display: inline-block;}

.event-registration .add-guest-2 { padding: 20px 0 0 30px;}
.event-registration .add-guest-2 label {padding: 10px 20px 0 10px; }
.event-registration .form { padding-left: 30px;}
.event-registration .guest2 .title { color: #0192d1; font-size: 20px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding: 20px 0 20px 30px; }
.event-registration .form .title { margin: 4px 0; padding: 0 30px 0 0; max-width: 130px;}
.event-registration .form .field.field_24 .title,
.event-registration .form .field.field_25 .title,
.event-registration .form .field.field_24 .input input,
.event-registration .form .field.field_25 .input input { height: 44px !important; }
.event-registration .form .field.field_23 .title,
.event-registration .form .field.field_23 .input input { height: 88px !important; }
.event-registration .form .field .input {padding-left: 150px;}
.event-registration .form .field .input input[type=text] { padding: 4px; background-color: #fff; color: #181818; height: 30px; border: none; width: 100%;}
.event-registration .submit { text-align: right; margin-top:30px;}
.event-registration .submit input { border: none; background-color: #181818; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 5px 20px; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s;}
.event-registration .submit input:hover { background-color: #0192d1; text-decoration: none; }

@media screen and (max-width: 440px) {
.event-registration .form { width: 100%; padding-right: 20px;}
.event-registration .form .field { width: 100%;}
.event-registration .form .field .title { float: none;}
.event-registration .form .field .input { padding-left: 0;}
.event-registration .form .field .input input { width: 100%;}
.event-registration .form .field .input textarea { width: 100%;}
.event-registration .submit { width: 100%; margin-top:30px;}
.event-registration .submit { width: 100%;}
.event-registration .form .input label {float: left; }
}


.form { width: 100%; padding: 0px 20px 20px 20px;}
.form .field { margin: 10px 0; width: 100%; }
.form .field .title { float: left; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 300; color: #181818; line-height: 22px;}
.form .field .input {padding-left: 80px;}
.form .field .input input[type=text] { padding: 4px; background-color: #fff; color: #181818; height: 30px; border: none; width: 100%;}
.form .field .input textarea { padding: 4px; background-color: #fff; color: #181818; height: 18px; border: none; width: 100%; min-height: 80px;}
.form .field .value { padding-left: 105px; }
.form .submit { text-align: right; }
.form .submit input { border: none; background-color: #181818; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 5px 20px; transition-property: background-color; transition-duration:0.3s; /* Safari */-webkit-transition-property: background-color; -webkit-transition-duration: 0.3s;}
.form .submit input:hover { background-color: #0192d1; text-decoration: none; }

@media screen and (max-width: 440px) {
	.form { width: 100%; padding-right: 20px;}
	.form .field { width: 100%;}
	.form .field .title { float: none;}
	.form .field .input { padding-left: 0;}
	.form .field .input input { width: 100%;}
	.form .field .input textarea { width: 100%;}
	.form .submit { width: 100%;}
}

.contact-form .contact-us-success { padding: 40px 0 0 20px;}

.contact-form.membership { max-width: 700px; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left top; padding: 15px 0 50px 0;}
.contact-form.membership .field { max-width: 700px; }
.contact-form.membership .field .title {width: 110px; float: left; text-align: right;}
.contact-form.membership .field .input { padding-left: 130px;}
.contact-form.membership .field .input .heading {color: #0192d1; font-size: 20px; line-height: 50px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 400; padding-left: 0;}
.contact-form.membership .submit { float: right; margin-top: 20px;}
.contact-form.membership .submit input { width: 120px; cursor: pointer; text-align: center; }
.contact-form.membership .submit input:hover { background-color: #0192d1; text-decoration: none; }

.contact-form.membership .field.field_radiobuttonlist { } 
.contact-form.membership .field.field_radiobuttonlist ul { list-style: none; margin: 0; padding: 0;} 
.contact-form.membership .field.field_radiobuttonlist ul input { width: 30px; float: left;}
.contact-form.membership .field.field_radiobuttonlist ul label { line-height: 35px;}
.contact-form.membership .field.field_radiobuttonlist ul li { min-height: 30px; margin-bottom: 10px;}
/*CORPORATE FORM*/
.contact-form.membership .field.field_1095 .title,
.contact-form.membership .field.field_1096 .title,
.contact-form.membership .field.field_1097 .title,
.contact-form.membership .field.field_1154 .title { text-align: left;}


@media screen and (max-width: 500px) {
	.contact-form.membership { width: 100%; padding-right: 20px;}
	.contact-form.membership .field { width: 100%;}
	.contact-form.membership .field .title { float: none; text-align: left; width: 100%;}
	.contact-form.membership .field .input { padding-left: 0;}
	.contact-form.membership .field .input input { width: 100%;}
	.contact-form.membership .field .input textarea { width: 100%;}
	.contact-form.membership .submit { width: 100%;}
}

@media screen and (min-width: 960px) {
.contact-form.corporate .field.field_1099 .title,
.contact-form.corporate .field.field_1101 .title,
.contact-form.corporate .field.field_1103 .title,
.contact-form.corporate .field.field_1105 .title,
.contact-form.corporate .field.field_1107 .title,
.contact-form.corporate .field.field_1109 .title,
.contact-form.corporate .field.field_1111 .title,
.contact-form.corporate .field.field_1113 .title,
.contact-form.corporate .field.field_1116 .title,
.contact-form.corporate .field.field_1118 .title,
.contact-form.corporate .field.field_1120 .title,
.contact-form.corporate .field.field_1122 .title { width: 115px; padding-right: 10px; text-align: right !important; }

.contact-form.corporate .field.field_1099,
.contact-form.corporate .field.field_1101,
.contact-form.corporate .field.field_1103,
.contact-form.corporate .field.field_1105,
.contact-form.corporate .field.field_1107,
.contact-form.corporate .field.field_1109,
.contact-form.corporate .field.field_1111,
.contact-form.corporate .field.field_1113,
.contact-form.corporate .field.field_1116,
.contact-form.corporate .field.field_1118,
.contact-form.corporate .field.field_1120,
.contact-form.corporate .field.field_1122 { float: left; width: 320px; margin: 0; text-align:}

.contact-form.corporate .field.field_1100 .title,
.contact-form.corporate .field.field_1102 .title,
.contact-form.corporate .field.field_1104 .title,
.contact-form.corporate .field.field_1106 .title,
.contact-form.corporate .field.field_1108 .title,
.contact-form.corporate .field.field_1110 .title,
.contact-form.corporate .field.field_1112 .title,
.contact-form.corporate .field.field_1114 .title,
.contact-form.corporate .field.field_1117 .title,
.contact-form.corporate .field.field_1119 .title,
.contact-form.corporate .field.field_1121 .title,
.contact-form.corporate .field.field_1123 .title { padding-right: 45px;width: 50px;}

.contact-form.corporate .field.field_1100 .input,
.contact-form.corporate .field.field_1102 .input,
.contact-form.corporate .field.field_1104 .input,
.contact-form.corporate .field.field_1106 .input,
.contact-form.corporate .field.field_1108 .input,
.contact-form.corporate .field.field_1110 .input,
.contact-form.corporate .field.field_1112 .input,
.contact-form.corporate .field.field_1114 .input,
.contact-form.corporate .field.field_1117 .input,
.contact-form.corporate .field.field_1119 .input,
.contact-form.corporate .field.field_1121 .input,
.contact-form.corporate .field.field_1123 .input { padding-left: 80px; width: 280px;}

.contact-form.corporate .field.field_1100,
.contact-form.corporate .field.field_1102,
.contact-form.corporate .field.field_1104,
.contact-form.corporate .field.field_1106,
.contact-form.corporate .field.field_1108,
.contact-form.corporate .field.field_1110,
.contact-form.corporate .field.field_1112,
.contact-form.corporate .field.field_1114,
.contact-form.corporate .field.field_1117,
.contact-form.corporate .field.field_1119,
.contact-form.corporate .field.field_1121,
.contact-form.corporate .field.field_1123 { width: 350px; margin-left: 370px; }

/*INSTITUTIONAL FORM*/
.contact-form.institutional .field.field_1129,
.contact-form.institutional .field.field_1131,
.contact-form.institutional .field.field_1133,
.contact-form.institutional .field.field_1135,
.contact-form.institutional .field.field_1146,
.contact-form.institutional .field.field_1148 { width:350px; float: left; margin-top: 0;}

.contact-form.institutional .field.field_1129 .title,
.contact-form.institutional .field.field_1131 .title,
.contact-form.institutional .field.field_1133 .title,
.contact-form.institutional .field.field_1135 .title,
.contact-form.institutional .field.field_1146 .title,
.contact-form.institutional .field.field_1148 .title {float: left; width: 120px; text-align: right;}

.contact-form.institutional .field.field_1129 .input,
.contact-form.institutional .field.field_1131 .input,
.contact-form.institutional .field.field_1133 .input,
.contact-form.institutional .field.field_1135 .input,
.contact-form.institutional .field.field_1146 .input,
.contact-form.institutional .field.field_1148 .input { padding-left: 130px; width: 350px; }

.contact-form.institutional .field.field_1130,
.contact-form.institutional .field.field_1132,
.contact-form.institutional .field.field_1134,
.contact-form.institutional .field.field_1136,
.contact-form.institutional .field.field_1147,
.contact-form.institutional .field.field_1151 { width: 310px; margin-left: 350px; }

.contact-form.institutional .field.field_1130 .title,
.contact-form.institutional .field.field_1132 .title,
.contact-form.institutional .field.field_1134 .title,
.contact-form.institutional .field.field_1136 .title,
.contact-form.institutional .field.field_1147 .title,
.contact-form.institutional .field.field_1151 .title { float: left; width: 80px; text-align: right;}

.contact-form.institutional .field.field_1130 .input,
.contact-form.institutional .field.field_1132 .input,
.contact-form.institutional .field.field_1134 .input,
.contact-form.institutional .field.field_1136 .input,
.contact-form.institutional .field.field_1147 .input,
.contact-form.institutional .field.field_1151 .input { padding-left: 90px; width: 310px;}
}




/*SUBSCRIPTION FORM*/
.contact-form.nzir { width: 410px; }
.contact-form.nzir .field.field_1160 { margin-bottom: 30px;}
.contact-form.nzir .field.field_1160 .input input { width: 120px;}
.contact-form.nzir .field.field_1161 .title { width: 110px; padding-right: 10px;} 
.contact-form.nzir .submit { padding-left: 290px;}

/*FAQ VIEWER FOR CONSITUTION PAGE*/
.faq-viewer { max-width: 940px;}
.faq-viewer .category .heading { color: #181818; text-transform: uppercase; letter-spacing: 2px; font-size: 30px; font-weight: 400; line-height: 33px; font-family: 'Oswald', sans-serif; background-image:url('../images/grid_grey.png'); background-repeat: no-repeat; background-position: left bottom; padding: 0 0 45px 20px; margin-bottom: 15px;}
.faq-viewer .category a.toggler { color: #0192d1; font-size: 18px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 300; padding-left: 20px; text-decoration: none;}
.faq-viewer .category a.toggler:hover { color: #181818; }
.faq-viewer .category .toggler-c.toggler-c-opened .answer { margin-bottom: 30px;}

#footer-outer { background-color: #000; padding: 10px 0; position: relative; z-index: 20; margin-top: -54px; clear: both;}
#footer { margin: auto; height: 24px; max-width: 960px;}
#footer-left p { text-align: left;}
#footer-orcas p { text-align: right;}
#footer p { color: #999; letter-spacing: 0.08em; font-weight: 400; }
#footer a { color: #999; letter-spacing: 0.08em; font-weight: 400;}
#footer a:hover { color: #0192d1; text-decoration: none;}

@media screen and (max-width: 768px) {
#footer-outer { margin-top: -68px; clear: both;}
#footer { height: 48px;}
}

.container970 { max-width: 990px;}
.squares {  margin: 0; padding: 0;}
#home-squares { margin: 0; padding: 0;  }
#home-squares .square { width: 220px; margin: 20px 20px 0 0; border: solid 1px #999; position: relative; display: block;}
/*#home-squares .square.last { margin-right: 0;}*/
#home-squares .items .square:last-child { margin-right: 0;}
#home-squares .square a { display: block;}
#home-squares .square a:hover { text-decoration: none;}
#home-squares .square a img { max-width: 218px; height: 200px; display: block; overflow: hidden;}
#home-squares .square a .underlay { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 50px;transition-property: opacity; transition-duration:0.3s; /* Safari*/ -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s;}
#home-squares .square a:hover .underlay { opacity: 1; text-decoration: none;}
#home-squares .square a .underlay.blue {background-image:url('../images/opaque-blue.png');}
#home-squares .square a .underlay.turquoise { background-image:url('../images/opaque-turquoise.png'); }
#home-squares .square a .underlay.green { background-image:url('../images/opaque-green.png'); }
#home-squares .square a .underlay.yellow { background-image:url('../images/opaque-yellow.png'); }
#home-squares .square a .title { height: 50px !important; display: block; text-decoration: none; padding: 0 10px; border-top: solid 1px #999; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 2px; color: #333; text-align: center; text-transform: uppercase; line-height: 50px; font-size: 28px; background-color: #ececec;}
#home-squares .clear { clear: left; height: 50px;}

#calendar-event-shop .heading { display: none; }

.event-details .event p { padding: 0 20px 0 0; }
.event-details .event .date { margin-bottom: 5px; }
.event-details .event .location { margin-bottom: 5px; }
.event-details .event .description { margin-bottom: 5px; }
.event-details .event .prices { padding: 0 0 20px 20px; }
.event-details .form { width: 500px; }
.event-details .form .field { clear: left; padding-bottom: 10px; }
.event-details .form .field .title { float: left; width: 100px; }
.event-details .form .field .input { padding-left: 105px; }
.event-details .form .field.number-of-registrations .info { padding-left: 105px; font-size: 12px; }

.event-details .event-in-the-past { padding: 20px; font-weight: bold; font-size: 16px; }
.event-details .register-button-top { padding: 20px; }
.event-details .register-button { padding: 20px; }

#calendar-event-shop .name-entry table { margin-left: 20px; border-collapse: collapse; }
#calendar-event-shop .name-entry table tr td { padding: 5px; }
#calendar-event-shop .name-entry .submit { padding: 20px; }

#calendar-event-shop .checkout .total-price { font-size: 18px; padding: 20px; }
#calendar-event-shop .checkout .submit { padding: 0 0 20px 20px; }

@media screen and (max-width: 991px) {
	#home-squares { width: 460px; margin: auto;}
}

@media screen and (max-width: 505px) {
	#home-squares { width: 220px; margin: auto;}
}

@media screen and (max-width: 768px) {
#footer-left p { text-align: center;}
#footer-orcas p { text-align: center;}  
.background-image { padding: 40px 0 80px 0; }

.background-image { top: 190px; }
.authed .background-image { top: 290px; }
}
  
@media screen and (max-width: 620px) {
.pullout-quotes { margin: 20px auto;}
}


@media screen and (max-width: 479px) {
	.event-details .form { width: 100%; }
	.event-details .form .field { width: 100%;}
	.event-details .form .field .title { float: none; text-align: left; width: 100%;}
	.event-details .form .field .input { padding-left: 0; }
	.event-details .form .field .input input[type=text] { width: 100%; }
	.event-details .form .field .input textarea { width: 100%; }
	.event-details .form .submit { width: 100%; }
}